From 78cf40568d39975ed2738113caa4d06a088a9a73 Mon Sep 17 00:00:00 2001
From: jrtechs <jeffery@jrtechs.net>
Date: Tue, 29 May 2018 18:22:40 -0400
Subject: [PATCH] Did a very basic update of the website.

---
 README.md                                    |   4 +-
 Diagram.svg => website/Diagram.svg           |   0
 exampleGraph.png => website/exampleGraph.png | Bin
 website/index.html                           |  57 ++++++++++++++++++-
 4 files changed, 58 insertions(+), 3 deletions(-)
 rename Diagram.svg => website/Diagram.svg (100%)
 rename exampleGraph.png => website/exampleGraph.png (100%)

diff --git a/README.md b/README.md
index c404912..f9b640f 100644
--- a/README.md
+++ b/README.md
@@ -5,7 +5,7 @@ gremlin graph database. Currently this project scrapes the steam API for friends
 and their friends which can be used to generate a graph. This information is stored
 locally in a gremlin server and is then sent to the client via a web socket. 
 
-![Diagram](Diagram.svg)
+![Diagram](website/Diagram.svg)
 
 
 [Video Of Friends of Friends Graph](https://www.youtube.com/watch?v=WJfo9bU0nH8)
@@ -16,7 +16,7 @@ If you are lucky, you will find it live at [http://jrtechs.student.rit.edu/frien
 It is still being actively developed and does not have permanent hosting so there is a %60
 chance at any time that you will be able to access it. 
 
-![Graph](exampleGraph.png)
+![Graph](website/exampleGraph.png)
 
 
 # Bugs
diff --git a/Diagram.svg b/website/Diagram.svg
similarity index 100%
rename from Diagram.svg
rename to website/Diagram.svg
diff --git a/exampleGraph.png b/website/exampleGraph.png
similarity index 100%
rename from exampleGraph.png
rename to website/exampleGraph.png
diff --git a/website/index.html b/website/index.html
index 335c705..466eb97 100644
--- a/website/index.html
+++ b/website/index.html
@@ -45,7 +45,62 @@
 <div class="container">
 <br><br><br>
 
-    <h1>TDLTR</h1>
+    <h1 id="steamgraphanalysis">Steam Graph Analysis</h1>
+
+    <p>This is a project that I threw together during the weekend to play around with
+        gremlin graph database. Currently this project scrapes the steam API for friends
+        and their friends which can be used to generate a graph. This information is stored
+        locally in a gremlin server and is then sent to the client via a web socket. </p>
+
+    <p><img src="Diagram.svg" alt="Diagram" width="100%" /></p>
+
+    <p><iframe width="560" height="315" src="https://www.youtube.com/embed/WJfo9bU0nH8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>
+
+    <p>This project is in the VERY early stages of development and is far from finished.
+        If you are lucky, you will find it live at <a href="http://jrtechs.student.rit.edu/friendsOfFriends.html">http://jrtechs.student.rit.edu/friendsOfFriends.html</a>.
+        It is still being actively developed and does not have permanent hosting so there is a %60
+        chance at any time that you will be able to access it. </p>
+
+    <p><img src="exampleGraph.png" alt="Graph" /></p>
+
+    <h1 id="bugs">Bugs</h1>
+
+    <ul>
+        <li>Does not work with firefox</li>
+
+        <li>Tends to crash w/o telling user if you provide an invalid steam id</li>
+    </ul>
+
+    <h1 id="todo">TODO</h1>
+
+    <ul>
+        <li>Include a steam name to steam id lookup</li>
+
+        <li>Dockerize this entire environment</li>
+
+        <li>Connect the gremlin/janus server to a HBase server for persistent storage</li>
+
+        <li>Make the graphs look better -- possibly switch from sigma.js to d3</li>
+
+        <li>Get the java web socket to work with ssh -- currently does not work with wss</li>
+
+        <li>Make more graphs to provide more insights
+
+
+            <ul>
+                <li>Friends with friends -- shows which of your friends are friends with each other</li>
+
+                <li>Most common friends friends -- will show you people you may know</li>
+
+                <li>Graph of a larger chunk of the steam community</li>
+
+                <li>...</li></ul>
+        </li>
+
+        <li>Write more documentation on how the system as a whole works.</li>
+
+        <li>Write blog post on what I learned during this project.   </li>
+    </ul>
 
 </div>