diff --git a/index.html b/index.html
deleted file mode 100644
index 81d0963..0000000
--- a/index.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<meta charset="utf-8">
-
-<head>
-<title>Adv Recon Framework</title>
-</head>
-
-<style>
-
-.node {
-  cursor: pointer;
-}
-
-.node circle {
-  fill: #fff;
-  stroke: steelblue;
-  stroke-width: 1.5px;
-}
-
-.node text {
-  font: 12px sans-serif;
-}
-
-.link {
-  fill: none;
-  stroke: #ccc;
-  stroke-width: 1px;
-}
-
-</style>
-<body>
-
-<h1>Advanced Reconnaissance Framework</h1>
-
-<script src="d3.min.js"></script>
-<script src="arf.js"></script>
-
-<h3>For Update Notifications</h3>
-Follow me on Twitter: <a href="https://twitter.com/jnordine">@jnordine</a><br>
-Watch or star the project on Github: <a href="https://github.com/lockfale/arf">https://github.com/lockfale/arf</a>
-
-<h3>Suggestions, Comments, Feedback</h3>
-The preferred method for sending new tool suggestions or to let me know about dead links would be to submit an issue on github but I will take them in any fashion.
-For general feedback or just to chat, Twitter is the best way to reach out.
-
-</body>
\ No newline at end of file
diff --git a/arf.json b/public/arf.json
similarity index 100%
rename from arf.json
rename to public/arf.json
diff --git a/public/css/arf.css b/public/css/arf.css
new file mode 100644
index 0000000..6fd4b9f
--- /dev/null
+++ b/public/css/arf.css
@@ -0,0 +1,19 @@
+.node {
+  cursor: pointer;
+}
+
+.node circle {
+  fill: #fff;
+  stroke: steelblue;
+  stroke-width: 1.5px;
+}
+
+.node text {
+  font: 12px sans-serif;
+}
+
+.link {
+  fill: none;
+  stroke: #ccc;
+  stroke-width: 1px;
+}
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..55ddd9e
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>ARF :: Advanced Recon Framework</title>
+    <link rel="stylesheet" href="css/arf.css" media="screen" charset="utf-8">
+  </head>
+  <body>
+    <h1>Advanced Reconnaissance Framework</h1>
+
+    <div class="arf_content"></div>
+
+    <h3>For Update Notifications</h3>
+    Follow me on Twitter: <a href="https://twitter.com/jnordine">@jnordine</a><br>
+    Watch or star the project on Github: <a href="https://github.com/lockfale/arf">https://github.com/lockfale/arf</a>
+
+    <h3>Suggestions, Comments, Feedback</h3>
+    The preferred method for sending new tool suggestions or to let me know about dead links would be to submit an issue on github but I will take them in any fashion.
+    For general feedback or just to chat, Twitter is the best way to reach out.
+
+    <script src="js/vendor/d3/d3.min.js"></script>
+    <script src="js/arf.js"></script>
+  </body>
+</html>
diff --git a/arf.js b/public/js/arf.js
similarity index 96%
rename from arf.js
rename to public/js/arf.js
index 4478db2..4301003 100644
--- a/arf.js
+++ b/public/js/arf.js
@@ -14,13 +14,13 @@
   var diagonal = d3.svg.diagonal()
       .projection(function(d) { return [d.y, d.x]; });
 
-  var svg = d3.select("body").append("svg")
+  var svg = d3.select(".arf_content").append("svg")
       .attr("width", width + margin.right + margin.left)
       .attr("height", height + margin.top + margin.bottom)
     .append("g")
       .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
 
-  d3.json("arf.json", function(error, flare) {
+  d3.json("../arf.json", function(error, flare) {
     if (error) throw error;
 
     root = flare;
@@ -82,9 +82,9 @@
               .attr("dy", ".35em")
               .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
               .text(function(d) { return d.name; })
-              .style("fill-opacity", 1e-6);      
-        } 
-    }); 
+              .style("fill-opacity", 1e-6);
+        }
+    });
 
     // Transition nodes to their new position.
     var nodeUpdate = node.transition()
@@ -162,4 +162,4 @@
   }
 
 
-}();
\ No newline at end of file
+}();
