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

3 files changed, 11 insertions, 11 deletions

diff --git a/static/img/logo.jpg b/static/img/logo.jpg
new file mode 100644
index 0000000..917e9e6
--- /dev/null
+++ b/static/img/logo.jpg
diff --git a/static/index.html b/static/index.html
index 2e34c68..b643da5 100644
--- a/static/index.html
+++ b/static/index.html
@@ -15,7 +15,7 @@
   <!-- Open Graph meta tags -->
   <meta property="og:description"
         content="SSHTron is a multiplayer Tron game through SSH in your terminal.">
-  <meta property="og:image" content="https://sshtron.zachlatta.com/TODO.jpg">
+  <meta property="og:image" content="https://sshtron.zachlatta.com/img/logo.jpg">
   <meta property="og:title" content="SSHTron">
   <meta property="og:type"  content="website">
 </head>
@@ -23,15 +23,16 @@
   <div class="container">
     <h1 class="title">SSHTRon</h1>
     <p class="description">
-      Run the following command in your terminal and play multiplayer Tron with
-      players from all around the world.
+      Run the following command in your terminal to join players from around the
+      world in a game of multiplayer Tron.
     </p>
+    <p class="subtext hidden">* As long as the server doesn't crash</p>
     <p class="description"><code><span class="no-copy">$</span> ssh sshtron.zachlatta.com</code></p>
-    <p class="subtext">* As long as the server doesn't crash</p>
+    <p>Total playtime: <span id="total-playtime">0</span>s</p>
+    <p>High score: <span id="high-score">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>.
-      <a href="attributions.txt">Attributions</a>.
     </p>
 
     <div class="share-links">
diff --git a/static/styles.css b/static/styles.css
index 9a7c2a3..d570813 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -19,10 +19,6 @@ body {
   background-color: black;
 }
 
-body::selection {
-  background: #5addf4;
-}
-
 p {
   font-size: 22px;
 }
@@ -74,6 +70,10 @@ p {
   opacity: 0.8;
 }
 
+.subtext.hidden {
+  color: black;
+}
+
 .icon {
   display: inline-block;
   text-indent: -9999px;
@@ -97,7 +97,6 @@ code {
   text-shadow: #DF740C 0 -1px 35px;
   color: #DF740C;
   border: rgba(223, 116, 12, 0.25) 1px solid;
-  padding: 1em;
   background: none;
   font-family: monospace;
 }
@@ -111,4 +110,4 @@ code:hover {
   text-shadow: #DF740C 5 10px 55px;
   transition-duration: 1s;
   border: rgba(223, 116, 12, 25) 1px solid;
-}
\ No newline at end of file
+}