Browse Source

Add some debug text to the window

Getty Ritter 4 years ago
parent
commit
05f2520286
3 changed files with 10 additions and 1 deletions
  1. 3 1
      static/index.html
  2. 4 0
      static/main.css
  3. 3 0
      static/main.js

+ 3 - 1
static/index.html

@@ -9,7 +9,9 @@
   <body>
     <div class="page">
       <div class="header">
-        header
+        <div id="loggedin">logged in as nobody</div>
+        <div id="logo">Parley</div>
+        <div id="gamename">playing nothing</div>
       </div>
       <div class="contents">
         contents

+ 4 - 0
static/main.css

@@ -19,6 +19,10 @@ body {
     border: 1px solid black;
     grid-column: 1 / 5;
     grid-row: 1;
+    display: flex;
+    flex-flow: row;
+    align-items: center;
+    justify-content: space-around;
 }
 
 .footer {

+ 3 - 0
static/main.js

@@ -16,6 +16,9 @@ window.onload = function() {
         }
     }
 
+    $("#loggedin").text(`logged in as "${config.user}"`);
+    $("#gamename").text(`playing in "${config.game}"`);
+
     var loc = window.location, new_uri;
     if (loc.protocol === "https:") {
         new_uri = "wss:";