and new template for index

Signed-off-by: franck cuny <franck@lumberjaph.net>

1 files changed, 62 insertions, 147 deletions

diff --git a/views/index.tt b/views/index.tt
index 42f96ad..58f31d0 100644
--- a/views/index.tt
+++ b/views/index.tt
@@ -1,147 +1,62 @@
-  
-<!-- 
-    Credit goes to the Ruby on Rails team for this page 
-    has been heavily based on the default Rails page that is 
-    built with a scaffolded application.
-
-    Thanks a lot to them for their work.
-
-    See Ruby on Rails if you want a kickass framework in Ruby:
-    http://www.rubyonrails.org/
--->
-
-<div id="page">
-      <div id="sidebar">
-        <ul id="sidebar-items">
-          <li>
-            <h3>Join the community</h3>
-            <ul class="links">
-
-              <li><a href="http://perldancer.org/">PerlDancer</a></li>
-              <li><a href="http://twitter.com/PerlDancer/">Official Twitter</a></li>
-              <li><a href="http://github.com/sukria/Dancer/">GitHub Community</a></li>
-            </ul>
-          </li>
-          
-          <li>
-            <h3>Browse the documentation</h3>
-
-            <ul class="links">
-              <li><a
-              href="http://search.cpan.org/dist/Dancer/lib/Dancer/Introduction.pod">Introduction</a></li>
-              <li><a href="http://search.cpan.org/dist/Dancer/lib/Dancer/Cookbook.pod">Cookbook</a></li>
-              <li><a href="http://search.cpan.org/dist/Dancer/lib/Dancer/Deployment.pod">Deployment Guide</a></li>
-              <li><a
-              href="http://search.cpan.org/dist/Dancer/lib/Dancer/Tutorial.pod"
-              title="a tutorial to build a small blog engine with Dancer">Tutorial</a></li>
-            </ul>
-          </li>
-
-          <li>
-            <h3>Your application's environment</h3>
-
-            <ul>
-                <li>Location: <code>/Users/franck/dev/StarGit</code></li>
-                <li>Template engine: <code><% settings.template %></code></li>
-                <li>Logger: <code><% settings.logger %></code></li>
-                <li>Environment: <code><% settings.environment %></code></li>
-            </ul>
-
-          </li>
-        </ul>
-
-      </div>
-
-      <div id="content">
-        <div id="header">
-          <h1>Perl is dancing</h1>
-          <h2>You&rsquo;ve joined the dance floor!</h2>
-        </div>
-
-        <div id="getting-started">
-          <h1>Getting started</h1>
-          <h2>Here&rsquo;s how to get dancing:</h2>
-                    
-          <h3><a href="#" id="about_env_link">About your application's environment</a></h3>
-
-          <div id="about-content" style="display: none;">
-            <table>
-                <tbody>
-                <tr>
-                    <td>Perl version</td>
-                    <td><tt><% perl_version %></tt></td>
-                </tr>
-                <tr>
-                    <td>Dancer version</td>
-                    <td><tt><% dancer_version %></tt></td>
-                </tr>
-                <tr>
-                    <td>Backend</td>
-                    <td><tt><% settings.apphandler %></tt></td>
-                </tr>
-                <tr>
-                    <td>Appdir</td>
-                    <td><tt>/Users/franck/dev/StarGit</tt></td>
-                </tr>
-                <tr>
-                    <td>Template engine</td>
-                    <td><tt><% settings.template %></tt></td>
-                </tr>
-                <tr>
-                    <td>Logger engine</td>
-                    <td><tt><% settings.logger %></tt></td>
-                </tr>
-                <tr>
-                    <td>Running environment</td>
-                    <td><tt><% settings.environment %></tt></td>
-                </tr>
-                </tbody>
-            </table>
-          </div>
-
-    <script type="text/javascript">
-    $('#about_env_link').click(function() {
-        $('#about-content').slideToggle('fast', function() {
-            // ok
-        });
-    });
-    </script>
-
-
-          <ol>          
-            <li>
-              <h2>Tune your application</h2>
-
-              <p>
-              Your application is configured via a global configuration file,
-              <tt>config.yml</tt> and an "environment" configuration file,
-              <tt>environments/development.yml</tt>. Edit those files if you
-              want to change the settings of your application.
-              </p>
-            </li>
-
-            <li>
-              <h2>Add your own routes</h2>
-
-              <p>
-              The default route that displays this page can be removed,
-              it's just here to help you get started. The template used to
-              generate this content is located in 
-              <code>views/index.tt</code>.
-              You can add some routes to <tt>lib//StarGit.pm</tt>. 
-              </p>
-            </li>
-
-            <li>
-                <h2>Enjoy web development again</h2>
-
-                <p>
-                Once you've made your changes, restart your standalone server
-                (bin/app.pl) and you're ready to test your web application.
-                </p>
-            </li>
-
-          </ol>
-        </div>
-      </div>
-    </div>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
+ 
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
+	<head> 
+		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
+		<title>StartGit | Explore the Github users network</title>
+		<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>

+		<script type="text/javascript" src="js/sigma-connector.js"></script>
+		<script type="text/javascript" src="js/github-connector.js"></script>
+		<link rel="stylesheet" type="text/css" href="css/style.css" /> 
+	</head>
+		<table id="container">
+			<tr id="content">
+				<td colspan="5" width="100%" height="100%">
+					<object id="SiGMa">
+						<param name="movie" value="flash/SiGMa_API.swf" />
+						<param name="quality" value="high" />
+						<param name="allowScriptAccess" value="sameDomain" />
+						<embed src="flash/SiGMa_API.swf" quality="high" width="100%" height="100%" name="SiGMa" quality="high" allowScriptAccess="always">
+						</embed>
+					</object>
+				</td>
+			</tr>
+			<tr id="footer" valign="top">
+				<td class="greyBG">
+					<div class="title">
+						Graphic parameters
+					</div>
+					<form name="node_properties">
+						<br/>
+						nodes color:
+						<br/>
+						<select name="nodes_color" style="width:100%;" onchange="setColor(this.value,graphAttributes);">
+						</select>
+						<br/>
+						nodes size:
+						<br/>
+						<select name="nodes_size" style="width:100%;" onchange="setSize(this.value);">
+						</select>
+					</form>
+				</td>
+				<td class="greyBG">
+					<br/>
+					<a href="#" class="button" onclick="toggleDisplayEdges();">
+						<span class="edges">display edges</span>
+					</a>
+					<a href="#" class="button" onclick="toggleDisplayLabels();">
+						<span class="labels">display labels</span>
+					</a>
+					<a href="#" class="button" onclick="toggleFishEye();">
+						<span class="fisheye">use fisheye zoom</span>
+					</a>
+				</td>
+				<td  class="github" colspan="3">
+					<div style="float:left;">github/</div>
+					<input type="text" id="query" class="query" name="query" onkeypress="if((event.keyCode||event.which)==13) newQuery(this.value);"/>
+				</td>
+			</tr>
+		</table>
+	</body>
+</html>