From aaff76811884117b0e38a60639a613f0d1945d5a Mon Sep 17 00:00:00 2001
From: josdejong <wjosdejong@gmail.com>
Date: Mon, 3 Jun 2013 21:42:09 +0200
Subject: [PATCH] Created an index page for the documentation, added another
 example

---
 docs/dataset.html                   | 23 +++++++++++
 docs/graph.html                     |  1 -
 docs/index.html                     | 29 ++++++++++++++
 examples/graph/18_dashed_lines.html | 60 +++++++++++++++++++++++++++++
 4 files changed, 112 insertions(+), 1 deletion(-)
 create mode 100644 docs/dataset.html
 create mode 100644 docs/index.html
 create mode 100644 examples/graph/18_dashed_lines.html
diff --git a/docs/dataset.html b/docs/dataset.html
new file mode 100644
index 00000000..201d6e5b
--- /dev/null
+++ b/docs/dataset.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html>
+
+<head>
+    <title>vis.js | DataSet documentation</title>
+    <link rel='stylesheet' href='css/style.css' type='text/css' />
+
+    <link href="css/prettify.css" type="text/css" rel="stylesheet" />
+    <link href='css/style.css' type='text/css' rel='stylesheet'>
+
+    <script type="text/javascript" src="lib/prettify/prettify.js"></script>
+</head>
+
+<body>
+<div id="container">
+
+    <h1>DataSet documentation</h1>
+
+    <p>coming soon...</p>
+
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/docs/graph.html b/docs/graph.html
index 9165978c..29b234d6 100644
--- a/docs/graph.html
+++ b/docs/graph.html
@@ -3,7 +3,6 @@
 
 <head>
     <title>vis.js | graph documentation</title>
-    <link rel='stylesheet' href='css/style.css' type='text/css' />
 
     <link href="css/prettify.css" type="text/css" rel="stylesheet" />
     <link href='css/style.css' type='text/css' rel='stylesheet'>
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 00000000..ade9e9f3
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+
+<head>
+    <title>vis.js | documentation</title>
+    <link rel='stylesheet' href='css/style.css' type='text/css' />
+
+    <link href="css/prettify.css" type="text/css" rel="stylesheet" />
+    <link href='css/style.css' type='text/css' rel='stylesheet'>
+
+    <script type="text/javascript" src="lib/prettify/prettify.js"></script>
+</head>
+
+<body>
+<div id="container">
+
+    <h1>vis.js documentation</h1>
+
+    <p>The following pages are available:</p>
+
+    <ul>
+        <li><a href="timeline.html">Timeline</a></li>
+        <li><a href="graph.html">Graph</a></li>
+        <li><a href="dataset.html">DataSet</a></li>
+    </ul>
+
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/examples/graph/18_dashed_lines.html b/examples/graph/18_dashed_lines.html
new file mode 100644
index 00000000..7ab13fad
--- /dev/null
+++ b/examples/graph/18_dashed_lines.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html>
+<head>
+    <title>Graph | Dashed lines</title>
+
+    <style type="text/css">
+        body {
+            font: 10pt sans;
+        }
+    </style>
+
+    <script type="text/javascript" src="../../vis.js"></script>
+
+    <script type="text/javascript">
+        // Called on page load
+        function draw() {
+            var nodes = [
+                {id: 1, text: "dashed\nline\nexamples"},
+                {id: 2, text: "default"},
+                {id: 3, text: "dashlength: 20\ndashgap: 20"},
+                {id: 4, text: "dashlength: 20\ndashgap: 5"},
+                {id: 5, text: "dashlength: 5\ndashgap: 20"},
+                {id: 6, text: "dashlength: 20\ndashgap: 5\naltdashlength: 5"}
+            ];
+            var edges = [
+                {from: 1, to: 2, style: "dash-line"},
+                {from: 1, to: 3, style: "dash-line", dashlength: 20, dashgap: 20},
+                {from: 1, to: 4, style: "dash-line", dashlength: 20, dashgap: 5},
+                {from: 1, to: 5, style: "dash-line", dashlength: 5, dashgap: 20},
+                {from: 1, to: 6, style: "dash-line", dashlength: 20, dashgap: 5, altdashlength: 5}
+            ];
+
+
+            // create the graph
+            var container = document.getElementById('mygraph');
+            var data = {
+                nodes: nodes,
+                edges: edges
+            };
+            var options = {
+                width: '600px',
+                height: '600px',
+                edges: {
+                    length: 200
+                },
+                stabilize: false
+            };
+            var graph = new vis.Graph(container, data, options);
+        }
+    </script>
+</head>
+
+<body onload="draw();">
+    <p>
+        This example shows the different options for dashed lines.
+    </p>
+
+    <div id="mygraph"></div>
+</body>
+</html>
