Merge branch 'master' of github.com:zachlatta/the-grid

5 files changed, 129 insertions, 10 deletions

diff --git a/logo.svg b/logo.svg
new file mode 100644
index 0000000..12a14ea
--- /dev/null
+++ b/logo.svg
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="262.02365"
+   height="46.362488"
+   id="svg2">
+  <defs
+     id="defs4">
+    <filter
+       color-interpolation-filters="sRGB"
+       id="filter3797">
+      <feGaussianBlur
+         id="feGaussianBlur3799"
+         stdDeviation="0.34176797" />
+    </filter>
+    <filter
+       y="-0.25"
+       height="1.5"
+       color-interpolation-filters="sRGB"
+       id="filter3797-5">
+      <feGaussianBlur
+         result="fbSourceGraphic"
+         id="feGaussianBlur3799-6"
+         stdDeviation="0.34176797" />
+      <feColorMatrix
+         id="feColorMatrix3846"
+         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
+         in="fbSourceGraphic"
+         result="fbSourceGraphicAlpha" />
+      <feGaussianBlur
+         in="fbSourceGraphic"
+         result="result6"
+         stdDeviation="5"
+         id="feGaussianBlur3848" />
+      <feComposite
+         in2="result6"
+         operator="atop"
+         in="fbSourceGraphic"
+         result="result8"
+         id="feComposite3850" />
+      <feComposite
+         in2="fbSourceGraphicAlpha"
+         operator="over"
+         in="result8"
+         result="result9"
+         id="feComposite3852" />
+      <feColorMatrix
+         result="result10"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0 "
+         id="feColorMatrix3854" />
+      <feBlend
+         in2="result6"
+         mode="normal"
+         in="result10"
+         id="feBlend3856" />
+    </filter>
+  </defs>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-171.13463,-178.38869)"
+     id="layer1">
+    <text
+       x="300.46521"
+       y="216.08076"
+       id="text2985-8"
+       xml:space="preserve"
+       style="font-size:40px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;opacity:0.30083337;fill:#2794f4;fill-opacity:1;stroke:none;filter:url(#filter3797-5);font-family:Good Times;-inkscape-font-specification:Good Times Bold Italic"><tspan
+         x="300.46521"
+         y="216.08076"
+         id="tspan2987-0"
+         style="font-size:40px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#2794f4;fill-opacity:1;font-family:Good Times;-inkscape-font-specification:Good Times Bold Italic">SSHTron</tspan></text>
+    <text
+       x="300.7576"
+       y="216.32138"
+       id="text2985"
+       xml:space="preserve"
+       style="font-size:40px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#5addf4;fill-opacity:1;stroke:none;filter:url(#filter3797);font-family:Good Times;-inkscape-font-specification:Good Times Bold Italic"><tspan
+         x="300.7576"
+         y="216.32138"
+         id="tspan2987"
+         style="font-size:40px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#5addf4;fill-opacity:1;font-family:Good Times;-inkscape-font-specification:Good Times Bold Italic">SSHTron</tspan></text>
+    <text
+       x="300.5051"
+       y="215.56378"
+       id="text3858"
+       xml:space="preserve"
+       style="font-size:40px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#5addf4;fill-opacity:1;stroke:none;filter:url(#filter3797);font-family:Good Times;-inkscape-font-specification:Good Times Bold Italic"><tspan
+         x="300.5051"
+         y="215.56378"
+         id="tspan3860"
+         style="font-size:40px;font-style:italic;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:center;line-height:125%;writing-mode:lr-tb;text-anchor:middle;fill:#5addf4;fill-opacity:1;font-family:Good Times;-inkscape-font-specification:Good Times Bold Italic">SSHTron</tspan></text>
+  </g>
+</svg>
diff --git a/static/img/gameplay.gif b/static/img/gameplay.gif
new file mode 100644
index 0000000..8c6df51
--- /dev/null
+++ b/static/img/gameplay.gif
diff --git a/static/img/grid.svg b/static/img/grid.svg
index 8a359c0..2e90f82 100644
--- a/static/img/grid.svg
+++ b/static/img/grid.svg
@@ -47,7 +47,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -59,12 +59,12 @@
     <g
        id="g3019"
        style="fill:#808080"
-       transform="matrix(0.11627891,0,0,0.11627891,242.6391,327.42299)"
+       transform="matrix(0.25581382,0,0,0.25581382,204.36667,276.2628)"
        inkscape:export-filename="/home/maxw/grid.png"
        inkscape:export-xdpi="300"
        inkscape:export-ydpi="300">
       <rect
-         style="opacity:0.59166715000000003;fill:#808080;fill-opacity:1;stroke:none"
+         style="opacity:0.59166715;fill:#808080;fill-opacity:1;stroke:none"
          id="rect3015"
          width="7.8571382"
          height="30.714281"
@@ -79,7 +79,7 @@
          height="30.714281"
          width="7.8571382"
          id="rect3017"
-         style="opacity:0.59166715000000003;fill:#808080;fill-opacity:1;stroke:none" />
+         style="opacity:0.59166715;fill:#808080;fill-opacity:1;stroke:none" />
     </g>
   </g>
 </svg>
diff --git a/static/index.html b/static/index.html
index 80f4110..d88ddc4 100644
--- a/static/index.html
+++ b/static/index.html
@@ -20,14 +20,17 @@
   <meta property="og:type"  content="website">
 </head>
 <body>
+  <h1 class="title">SSH Tron</h1>
   <div class="container">
-    <h1 class="title">SSHTRon</h1>
     <p class="description">
       Multiplayer Tron in your terminal. Just run the below command and you'll
       be in and playing.
     </p>
     <p class="description"><code><span class="no-copy">$</span> ssh sshtron.zachlatta.com</code></p>
     <p class="subtext">(WASD or vim keybindings for movement)</p>
+    <img class="gameplay-image" src="/img/gameplay.gif">
+    <p>Number of Players: <span id="players">0</span>s</p>
+    <p>Number of Games: <span id="games">0</span>s</p>
     <p class="subtext">
       By <a href="https://github.com/maxwofford">@MaxWofford</a> and
       <a href="https://github.com/zachlatta">@zachlatta</a>.
diff --git a/static/styles.css b/static/styles.css
index d570813..d23bb00 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -31,9 +31,9 @@ p {
 }
 
 .container {
-  margin: 0 auto;
-  min-width: 720px;
   text-align: center;
+  width: 720px;
+  margin: 0 auto;
 }
 
 .title {
@@ -41,12 +41,12 @@ p {
   font-weight: bold;
   font-style: italic;
   font-family: 'Good Times', cursive;
+  margin: 0 auto;
+  text-align: center;
+
   margin-top: 50px;
   margin-bottom: 40px;
-  text-align: center;
   letter-spacing: 0px;
-  margin-left: auto;
-  margin-right: auto;
   text-shadow: 0 0 5px rgba(255, 255, 255, 1),
                0 0 10px rgba(255, 255, 255, 0.5),
                0 0 15px rgba(255, 255, 255, 0.5),
@@ -111,3 +111,8 @@ code:hover {
   transition-duration: 1s;
   border: rgba(223, 116, 12, 25) 1px solid;
 }
+
+.gameplay-image {
+  margin-top: 3.45em;
+  box-shadow: rgba(90, 221, 244, 0.25) 0px 0px 52px;
+}
\ No newline at end of file