More CSS, websockets authorized origins

src/main/resources/templates/grid.html

@@ -9,23 +9,22 @@
     <script th:src="@{/js/grid.js}" type="text/javascript"></script>
 </head>
 <body>
+    <div id="player-selector">
+        Which player are you ? <br/>
+        <button id="select-player-a">Player A</button>
+        <button id="select-player-b">Player B</button>
+    </div>
     <main>
-        <div id="player-selector">
-            Which player are you ? <br/>
-            <button id="select-player-a">Player A</button>
-            <button id="select-player-b">Player B</button>
-        </div>
-        
         <div id="game-panel">
             <ul id="cards-list">
 
             </ul>
 
-            <div id="hint-text">
+            <div id="hint-text" class="centered-bar">
 
             </div>
 
-            <div id="submit-hint">
+            <div id="submit-hint" class="centered-bar">
                 <input type="text" id="submit-hint-text"/>
                 <select id="submit-hint-wordcount">
                     <option value="0">0</option>
@@ -34,20 +33,24 @@
                     <option value="3">3</option>
                     <option value="4">4</option>
                     <option value="5">5</option>
+                    <option value="6">6</option>
+                    <option value="7">7</option>
+                    <option value="8">8</option>
+                    <option value="9">9</option>
                 </select>
                 <button>Submit Hint</button>
             </div>
-            <div id="other-playing">
-                Waiting for the other side to play
-            </div>
-            <div id="end-guessing">
+            <div id="end-guessing" class="centered-bar">
                 <button id="end-guessing-button">End Guessing</button>
             </div>
-            <br/>
+        </div>
+        <div id="side-panel">
+            <div id="other-playing" class="centered-bar">
+                Waiting for the other side to play
+            </div>
             <ol id="event-log">
 
             </ol>
-
         </div>
     </main>
     <script>

src/main/resources/templates/index.html

@@ -7,6 +7,8 @@
 <body>
     <main>
         Vous voulez jouer à Node Cames ? Ben c'est pas encore prêt :/
+        <br/>
+        <a href="/create-room">(Bon, en vrai, vous pouvez créer une room en cliquant ici)</a>
     </main>
 </body>
 </html>