Logo created

.gitignore

@@ -0,0 +1,2 @@
+.idea
+_site

css/style.css

@@ -18,7 +18,6 @@ body {
 #container {
     margin: 0 auto;
     width: 900px;
-    width: 600px;
 
     /* TODO: cleanup
     height: 100%;

img/logo/vis-icon.svg

@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32"
+   height="32"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.3.1 r9886"
+   sodipodi:docname="vis-icon.svg"
+   inkscape:export-filename="/home/jos/projects/vis-pages/img/logo/vis-icon16.png"
+   inkscape:export-xdpi="45"
+   inkscape:export-ydpi="45">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="7.9999999"
+     inkscape:cx="-15.808462"
+     inkscape:cy="7.5872818"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:window-width="1600"
+     inkscape:window-height="850"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="false"
+     showborder="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2987"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-1020.3622)">
+    <rect
+       style="fill:#a0c0f0;fill-opacity:1;stroke:none"
+       id="rect3765"
+       width="32"
+       height="32"
+       x="0"
+       y="1020.3622" />
+    <path
+       style="fill:none;stroke:#2b7ce9;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 6,1037.8955 5.851352,-8.3949 9.283563,10.4676 7.055587,-2.7155"
+       id="path3816"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;stroke:#2b7ce9;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 6.1054587,1024.3622 0,22 22.0000003,0"
+       id="path3820"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+  </g>
+</svg>

img/logo/vis.svg

@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="128"
+   height="128"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.3.1 r9886"
+   sodipodi:docname="vis.svg"
+   inkscape:export-filename="/home/jos/projects/vis-pages/img/logo/vis256.png"
+   inkscape:export-xdpi="180"
+   inkscape:export-ydpi="180">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="4"
+     inkscape:cx="42.110097"
+     inkscape:cy="66.949941"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:snap-global="true"
+     inkscape:window-width="1600"
+     inkscape:window-height="850"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     borderlayer="false"
+     showborder="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid2987"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-924.36217)">
+    <rect
+       style="fill:#a0c0f0;stroke:none;fill-opacity:1"
+       id="rect3765"
+       width="128"
+       height="128"
+       x="0"
+       y="924.36218" />
+    <flowRoot
+       xml:space="preserve"
+       id="flowRoot3757"
+       style="font-size:92px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+       transform="translate(25.084525,901.73727)"><flowRegion
+         id="flowRegion3759"><rect
+           id="rect3761"
+           width="161.0782"
+           height="117.55003"
+           x="-15.556349"
+           y="62.239071"
+           style="font-size:92px" /></flowRegion><flowPara
+         id="flowPara3763"
+         style="font-size:92px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;fill:#ffffff;font-family:Ubuntu;-inkscape-font-specification:Ubuntu Bold">vis</flowPara></flowRoot>    <rect
+       style="fill:#a0c0f0;fill-opacity:1;stroke:none"
+       id="rect3765-1"
+       width="128"
+       height="80"
+       x="0"
+       y="924.36218" />
+    <path
+       style="fill:none;stroke:#2b7ce9;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 66.552637,966.04128 13.034028,-18.40085 20.679365,22.94375 15.7165,-5.95211"
+       id="path3816"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccc" />
+    <path
+       style="fill:none;stroke:#2b7ce9;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 66.787548,936.94795 0,47.65118 49.702982,0"
+       id="path3820"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccc" />
+  </g>
+</svg>

index.html

@@ -3,7 +3,6 @@
 
 <head>
     <meta charset='utf-8' />
-    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
     <meta name="title" content="vis.js">
     <meta name="description" content="vis.js is a dynamic, browser-based visualization library" />
     <meta name="keywords" content="vis, visualization, javascript, browser based, web based, chart, linechart, timeline, graph, network, browser" />
@@ -16,30 +15,66 @@
 
 <body>
 
+
 <div id="container">
-    <h1>vis.js</h1>
-
-    <p>
-        Vis.js is a dynamic, browser based visualization library.
-        The library is designed to be easy to use, to handle large amounts
-        of dynamic data, and to enable manipulation of the data.
-        The library consists of a Timeline, LineChart, LineChart3d, Graph, and Treegrid.
-    </p>
-
-    <p>
-        Vis.js Library is part of <a href="http://chap.almende.com">CHAP</a>,
-        the Common Hybrid Agent Platform, developed by <a href="http://almende.com">Almende B.V</a>.
-        It is the successor of the <a href="https://github.com/almende/chap-links-library">CHAP Links Library</a>.
-    </p>
-
-    <p>
-        The source code of vis.js is available on github:
-        <a href="https://github.com/almende/vis" target="_blank">https://github.com/almende/vis</a>
-    </p>
-
-    <p style="font-style: italic;">
-        Coming soon...
-    </p>
+
+    <div id="menu">
+        <div id="menu-inner">
+
+            <a href="http://visjs.org/"><img src="img/logo/vis128.png" alt="logo"></a>
+            <br>
+<!-- TODO: menu
+            <div class="nav">
+                <ul>
+                    <li>
+                        Vis
+                        <ul>
+                            <li><a class="nav" href="index.html">Overview</a></li>
+                            <li><a class="nav" href="downloads.html">Downloads</a></li>
+                        </ul>
+                    </li>
+
+                    <li>
+                        Components
+                        <ul>
+                            <li><a class="nav" href="graph.html">Graph</a></li>
+                            <li><a class="nav" href="graph3d.html">Graph3D</a></li>
+                            <li><a class="nav" href="network.html">Network</a></li>
+                            <li><a class="nav" href="timeline.html">Timeline</a></li>
+                            <li><a class="nav" href="treegrid.html">TreeGrid</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+-->
+        </div>
+    </div>
+
+    <div id="contents">
+        <h1>vis.js</h1>
+
+        <p>
+            Vis.js is a dynamic, browser based visualization library.
+            The library is designed to be easy to use, to handle large amounts
+            of dynamic data, and to enable manipulation of the data.
+            The library consists of a Timeline, LineChart, LineChart3d, Graph, and Treegrid.
+        </p>
+
+        <p>
+            Vis.js Library is part of <a href="http://chap.almende.com" target="_blank">CHAP</a>,
+            the Common Hybrid Agent Platform, developed by <a href="http://almende.com" target="_blank">Almende B.V</a>.
+            It is the successor of the <a href="https://github.com/almende/chap-links-library" target="_blank">CHAP Links Library</a>.
+        </p>
+
+        <p>
+            The source code of vis.js is available on github:
+            <a href="https://github.com/almende/vis" target="_blank">https://github.com/almende/vis</a>
+        </p>
+
+        <p style="font-style: italic;">
+            Coming soon...
+        </p>
+    </div>
 </div>
 
 <a id="forkme" href="https://github.com/almende/vis/" target="_blank">