Move styles into the css-file

clarabstract · May 28, 2017 · e90d92a · e90d92a
1 parent f7289fe
commit e90d92a
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 27 deletions.
diff --git a/calc.css b/calc.css
@@ -180,3 +180,26 @@ a.closeLink {
 	border: 1px solid lightgray;
 	padding: 5px;
 }
+
+/* Some styling for the graph */
+/* This sets the color for "TK" nodes to a light blue green. */
+g.type-TK > rect {
+	fill: #00ffd0;
+}
+
+text {
+	font-weight: 300;
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
+	font-size: 14px;
+}
+
+.node rect {
+	stroke: #999;
+	fill: #fff;
+	stroke-width: 1.5px;
+}
+
+.edgePath path {
+	stroke: #333;
+	stroke-width: 1.5px;
+}
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
 		window.App = {}
 	</script>
 	<script type="text/javascript" src="lua.vm.js"></script>
-	<script type="text/javascript" src="ffi.js"></script>	
+	<script type="text/javascript" src="ffi.js"></script>
 	<script src="https://unpkg.com/react@15/dist/react.js"></script>
 	<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.18.1/babel.min.js"></script>
@@ -49,7 +49,7 @@
 		require('dataloader')
 		require('data.'..datalib)
 		require('ffi')
-		
+
 		function js_get_data()
 			return to_js_val(get_data())
 		end
@@ -75,31 +75,6 @@
 		};
 		run();
 	</script>
-
-	<style>
-	/* This sets the color for "TK" nodes to a light blue green. */
-	g.type-TK > rect {
-	  fill: #00ffd0;
-	}
-
-	text {
-	  font-weight: 300;
-	  font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
-	  font-size: 14px;
-	}
-
-	.node rect {
-	  stroke: #999;
-	  fill: #fff;
-	  stroke-width: 1.5px;
-	}
-
-	.edgePath path {
-	  stroke: #333;
-	  stroke-width: 1.5px;
-	}
-	</style>
-
 </head>
 <body>
 	<a href="https://github.com/rubyruy/factorio-calc"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>