Add a ready bit to client state, and render nothing before ready

[lmno.games] / tictactoe / index.html
diff --git a/tictactoe/index.html b/tictactoe/index.html

index 6a6d289f9fc3b2b141c629b550edff35b740cf87..563973b498d96cfa9208fcaf44ef13c5d0dba02c 100644 (file)
--- a/tictactoe/index.html
+++ b/tictactoe/index.html
@@ -4,14 +4,33 @@
      <meta charset="utf-8"/>
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  
-    <title>Tic-tac-toe</title>
+    <title>Tic Tac Toe</title>
  
-    <script src="/react.js"></script>
-    <script src="/react-dom.js"></script>
-    <link rel="stylesheet" href="tictactoe.css" type="text/css" />
-    <script type="module" src="tictactoe.js"></script>
+    <link rel="stylesheet" href="/reset.css" type="text/css" />
+    <link rel="stylesheet" href="/style.css" type="text/css" />
+
+    <script src="/lmno.js"></script>
    </head>
    <body>
-    <div id="tictactoe"></div>
+
+    <div id="page">
+
+      <h1>Tic Tac Toe</h1>
+
+      <p>
+        Just the classic game.
+      </p>
+
+      <div id="message-area">
+      </div>
+
+      <form onsubmit="lmno_new('tictactoe'); return false;">
+        <button type="submit">
+          Host a new game
+        </button>
+      </form>
+
+    </div>
+
    </body>
  </html>