use a css file

donno2048 · donno2048 · commit fbe9b214ba28 · 2025-02-06T16:33:28.000Z
diff --git a/demo/404.html b/demo/404.html
@@ -7,10 +7,11 @@
         <meta name="viewport" content="width=device-width, initial-scale=1"/>
         <meta http-equiv="refresh" content="3; URL='.'"/>
         <link rel="icon" href="qr.png"/>
+        <link rel="stylesheet" href="style.css"/>
         <title>404 - Page Not Found</title>
     </head>
     <body>
-        <h1 style="text-align:center">404</h1>
-        <h2 style="text-align:center">Page Not Found</h2>
+        <h1>404</h1>
+        <h2>Page Not Found</h2>
     </body>
 </html>
diff --git a/demo/index.html b/demo/index.html
@@ -10,13 +10,14 @@
         <meta property="og:url" content="https://donno2048.github.io/snake/" />
         <meta property="og:image" content="https://donno2048.github.io/snake/qr.png" />
         <link rel="icon" href="qr.png" />
+        <link rel="stylesheet" href="style.css" />
         <title>Snake</title>
         <script src="js-dos.js"></script>
     </head>
-    <body style="display:flex;justify-content:center">
+    <body>
         <canvas id="jsdos"></canvas>
         <noscript>
-            <p style="text-wrap:balance;text-align:center">Please enable JavaScript and refresh to play the game.</p>
+            <p>Please enable JavaScript and refresh to play the game.</p>
         </noscript>
         <script src="main.js"></script>
     </body>
diff --git a/demo/style.css b/demo/style.css
@@ -0,0 +1,10 @@
+body {
+    display: flex;
+    justify-content: center;
+}
+
+* {
+    text-wrap: balance;
+    text-align: center;
+}
+
