From 31a6d124a759c6d2095606377bb6efad8e13d4d6 Mon Sep 17 00:00:00 2001
From: Alistair Jones <alistair.jones@gmail.com>
Date: Mon, 10 Jun 2013 23:14:21 +0100
Subject: [PATCH] Move CSS into a style directory.

Just for folder aesthetics.
---
 example.html                                                | 6 +++---
 geometry/arcs.html                                          | 2 +-
 geometry/arrows.html                                        | 2 +-
 geometry/bezier.html                                        | 2 +-
 geometry/curves.html                                        | 2 +-
 geometry/line-circle.html                                   | 2 +-
 graph-editor.js                                             | 2 +-
 index.html                                                  | 6 +++---
 graph-diagram.css => style/graph-diagram.css                | 0
 graph-editor.css => style/graph-editor.css                  | 0
 .../graph-style-bootstrap.css                               | 0
 graph-style-chunky.css => style/graph-style-chunky.css      | 0
 tests.html                                                  | 4 ++--
 13 files changed, 14 insertions(+), 14 deletions(-)
 rename graph-diagram.css => style/graph-diagram.css (100%)
 rename graph-editor.css => style/graph-editor.css (100%)
 rename graph-style-bootstrap.css => style/graph-style-bootstrap.css (100%)
 rename graph-style-chunky.css => style/graph-style-chunky.css (100%)
diff --git a/example.html b/example.html
index 5fbdf6d..584b49e 100644
--- a/example.html
+++ b/example.html
@@ -3,8 +3,8 @@
 <head>
   <script type="text/javascript" src="lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="graph-diagram.js"></script>
-  <link rel="stylesheet" href="graph-diagram.css" type="text/css">
-  <link rel="stylesheet" href="graph-style-bootstrap.css" type="text/css">
+  <link rel="stylesheet" href="style/graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="style/graph-style-bootstrap.css" type="text/css">
   <link rel="stylesheet" href="lib/bootstrap.css" type="text/css">
   <title>Graph Diagram Example</title>
 </head>
@@ -51,7 +51,7 @@ <h1>Graph Diagram Example</h1>
   <p>The approach uses SVG replacement. You write HTML, and the library replaces it with SVG. The important steps are:</p>
 
   <ul>
-    <li>Reference the <a href="graph-diagram.js">javascript</a> and its corresponding <a href="graph-editor.css">CSS</a>.</li>
+    <li>Reference the <a href="graph-diagram.js">javascript</a> and its corresponding <a href="style/graph-editor.css">CSS</a>.</li>
     <li>Write a <code>&lt;figure&gt;</code> tag, containing HTML markup that defines the graph.</li>
     <li>Later on, include a tiny bit of javascript to call rendering library at the right point of the page lifecycle
       (move this to document.ready block if you do that sort of thing)</li>
diff --git a/geometry/arcs.html b/geometry/arcs.html
index d0fc962..81c1e76 100644
--- a/geometry/arcs.html
+++ b/geometry/arcs.html
@@ -3,7 +3,7 @@
 <head>
   <script type="text/javascript" src="../lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="../graph-diagram.js"></script>
-  <link rel="stylesheet" href="../graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="../style/graph-diagram.css" type="text/css">
   <link rel="stylesheet" href="../lib/bootstrap.css" type="text/css">
   <title>Graph Diagram Example</title>
 </head>
diff --git a/geometry/arrows.html b/geometry/arrows.html
index b5545f8..f5bac1d 100644
--- a/geometry/arrows.html
+++ b/geometry/arrows.html
@@ -3,7 +3,7 @@
 <head>
   <script type="text/javascript" src="../lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="../graph-diagram.js"></script>
-  <link rel="stylesheet" href="../graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="../style/graph-diagram.css" type="text/css">
   <link rel="stylesheet" href="../lib/bootstrap.css" type="text/css">
   <title>Graph Diagram Example</title>
 </head>
diff --git a/geometry/bezier.html b/geometry/bezier.html
index f301ea7..3d66274 100644
--- a/geometry/bezier.html
+++ b/geometry/bezier.html
@@ -3,7 +3,7 @@
 <head>
   <script type="text/javascript" src="../lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="../graph-diagram.js"></script>
-  <link rel="stylesheet" href="../graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="../style/graph-diagram.css" type="text/css">
   <link rel="stylesheet" href="../lib/bootstrap.css" type="text/css">
   <title>Graph Diagram Example</title>
 </head>
diff --git a/geometry/curves.html b/geometry/curves.html
index c509f71..4600fab 100644
--- a/geometry/curves.html
+++ b/geometry/curves.html
@@ -3,7 +3,7 @@
 <head>
   <script type="text/javascript" src="../lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="../graph-diagram.js"></script>
-  <link rel="stylesheet" href="../graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="../style/graph-diagram.css" type="text/css">
   <link rel="stylesheet" href="../lib/bootstrap.css" type="text/css">
   <title>Graph Diagram Example</title>
 </head>
diff --git a/geometry/line-circle.html b/geometry/line-circle.html
index 40ae2ae..79cd7a8 100644
--- a/geometry/line-circle.html
+++ b/geometry/line-circle.html
@@ -3,7 +3,7 @@
 <head>
   <script type="text/javascript" src="../lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="../graph-diagram.js"></script>
-  <link rel="stylesheet" href="../graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="../style/graph-diagram.css" type="text/css">
   <link rel="stylesheet" href="../lib/bootstrap.css" type="text/css">
   <title>Graph Diagram Example</title>
 </head>
diff --git a/graph-editor.js b/graph-editor.js
index 4c78df6..bc4d3fb 100644
--- a/graph-editor.js
+++ b/graph-editor.js
@@ -381,7 +381,7 @@ window.onload = function()
         var selectedStyle = d3.selectAll("input[name=styleChoice]" )[0]
             .filter(function(input) { return input.checked; })[0].value;
         d3.select("link.graph-style")
-            .attr("href", selectedStyle);
+            .attr("href", "style/" + selectedStyle);
 
         graphModel = parseMarkup( localStorage.getItem( "graph-diagram-markup" ) );
         save(formatMarkup());
diff --git a/index.html b/index.html
index 400b20f..28cbb72 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,9 @@
   <script type="text/javascript" src="lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="graph-diagram.js"></script>
   <link rel="stylesheet" href="lib/bootstrap.css" type="text/css">
-  <link rel="stylesheet" href="graph-diagram.css" type="text/css">
-  <link rel="stylesheet" class="graph-style" href="graph-style-chunky.css" type="text/css">
-  <link rel="stylesheet" href="graph-editor.css" type="text/css">
+  <link rel="stylesheet" href="style/graph-diagram.css" type="text/css">
+  <link rel="stylesheet" class="graph-style" href="style/graph-style-chunky.css" type="text/css">
+  <link rel="stylesheet" href="style/graph-editor.css" type="text/css">
   <script type="text/javascript" src="graph-editor.js"></script>
   <title>Arrow Tool</title>
 </head>
diff --git a/graph-diagram.css b/style/graph-diagram.css
similarity index 100%
rename from graph-diagram.css
rename to style/graph-diagram.css
diff --git a/graph-editor.css b/style/graph-editor.css
similarity index 100%
rename from graph-editor.css
rename to style/graph-editor.css
diff --git a/graph-style-bootstrap.css b/style/graph-style-bootstrap.css
similarity index 100%
rename from graph-style-bootstrap.css
rename to style/graph-style-bootstrap.css
diff --git a/graph-style-chunky.css b/style/graph-style-chunky.css
similarity index 100%
rename from graph-style-chunky.css
rename to style/graph-style-chunky.css
diff --git a/tests.html b/tests.html
index 52e0d01..b533ab0 100644
--- a/tests.html
+++ b/tests.html
@@ -3,8 +3,8 @@
 <head>
   <script type="text/javascript" src="lib/d3.v3.js" charset="UTF-8"></script>
   <script type="text/javascript" src="graph-diagram.js"></script>
-  <link rel="stylesheet" href="graph-diagram.css" type="text/css">
-  <link rel="stylesheet" href="graph-style-chunky.css" type="text/css">
+  <link rel="stylesheet" href="style/graph-diagram.css" type="text/css">
+  <link rel="stylesheet" href="style/graph-style-chunky.css" type="text/css">
   <link rel="stylesheet" href="lib/bootstrap.css" type="text/css">
   <link rel="stylesheet" href="test/html_tests/test_from_html.css" type="text/css">
   <title>Graph Diagram Tests</title>
