add istructions in html

saacostam · Dec 28, 2023 · 817cc9a · 817cc9a
1 parent 3530e37
commit 817cc9a
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 3 deletions.
diff --git a/docs/assets/index-0wMWXa16.css b/docs/assets/index-0wMWXa16.css
diff --git a/docs/assets/index-erOXPn2H.js → docs/assets/index-AyFofirk.js b/docs/assets/index-erOXPn2H.js → docs/assets/index-AyFofirk.js
diff --git a/docs/assets/index-Nn8yyy6O.css b/docs/assets/index-Nn8yyy6O.css
@@ -0,0 +1 @@
+:root{color-scheme:dark;font-family:Courier New,Courier,monospace}canvas{width:99vw}
diff --git a/docs/index.html b/docs/index.html
@@ -5,12 +5,13 @@
     <link rel="icon" type="image/svg+xml" href="./vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Crossy Road</title>
-    <script type="module" crossorigin src="./assets/index-erOXPn2H.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-0wMWXa16.css">
+    <script type="module" crossorigin src="./assets/index-AyFofirk.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-Nn8yyy6O.css">
   </head>
   <body>
     <div id="app">
       <canvas id="babylon-canvas"></canvas>
+      <span style="display: block; text-align: center;">🐓 Use space to move forward. Use keys to move in all directions.<br/>Game created, using BabylonJs, by <a href="https://github.com/saacostam/3d-crossy-road" target="_blank">saacostam</a></span>
     </div>
   </body>
 </html>
diff --git a/index.html b/index.html
@@ -9,6 +9,7 @@
   <body>
     <div id="app">
       <canvas id="babylon-canvas"></canvas>
+      <span style="display: block; text-align: center;">🐓 Use space to move forward. Use keys to move in all directions.<br/>Game created, using BabylonJs, by <a href="https://github.com/saacostam/3d-crossy-road" target="_blank">saacostam</a></span>
     </div>
     <script type="module" src="/src/main.ts"></script>
   </body>

diff --git a/src/style.css b/src/style.css
@@ -1,3 +1,8 @@
+:root{
+    color-scheme: dark;
+    font-family: 'Courier New', Courier, monospace;
+}
+
 canvas{
     width: 99vw;
 }