First layout of the game

src/main/resources/templates/grid.html

@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr" dir="ltr">
+<head>
+    <div th:replace="~{html-head}"/>
+    <link rel="stylesheet" th:href="@{/css/grid.css}"/>
+    <script th:src="@{/js/jquery-4.0.0.min.js}" type="text/javascript"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/sockjs-client/1.6.1/sockjs.min.js" integrity="sha512-1QvjE7BtotQjkq8PxLeF6P46gEpBRXuskzIVgjFpekzFVF4yjRgrQvTG1MTOJ3yQgvTteKAcO7DSZI92+u/yZw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/stomp.js/2.3.3/stomp.min.js" integrity="sha512-iKDtgDyTHjAitUDdLljGhenhPwrbBfqTKWO1mkhSFH3A7blITC9MhYon6SjnMhp4o0rADGw9yAC6EW4t5a4K3g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+    <script th:src="@{/js/grid.js}" type="text/javascript"></script>
+</head>
+<body>
+    <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="submit-hint">
+                <input type="text" id="submit-hint-text"/>
+                <select id="submit-hint-wordcount">
+                    <option value="0">0</option>
+                    <option value="1">1</option>
+                    <option value="2">2</option>
+                    <option value="3">3</option>
+                    <option value="4">4</option>
+                    <option value="5">5</option>
+                </select>
+                <button>Submit Hint</button>
+            </div>
+            <button id="end-guessing-button">End Guessing</button>
+            <br/>
+            <ol id="event-log">
+
+            </ol>
+
+        </div>
+    </main>
+    <script>
+        initialize()
+
+    </script>
+</body>
+</html>