Improve web version

mohd-akram · mohd-akram · commit bd482f6d63a4 · 2025-10-01T20:16:17.000+04:00
diff --git a/html/index.html b/html/index.html
@@ -1,34 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
     <meta charset="utf-8">
-    <title>C port of Ken Thompson's Space Travel</title>
+    <title>Space Travel</title>
     <style>
-    html, body {
-        margin: 0;
-        padding: 0;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        background-color: black;
-    }
-    canvas {
-      display: block;
-      max-width: calc(100% - 40px);
-      max-height: calc(100% - 40px);
-      object-fit: contain;
-      margin: 20px;
-    }
+      body {
+        background: black;
+      }
+      canvas {
+        position: absolute;
+        max-width: 100%;
+        max-height: 100%;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      }
     </style>
-</head>
-<body>
-    <canvas id="canvas" oncontextmenu="event.preventDefault()"></canvas>
-    <script>
-        var Module = {
-            canvas: (function() { return document.getElementById('canvas'); })()
-        };
-    </script>
+  </head>
+  <body>
+    <canvas id="canvas"></canvas>
+    <script>Module = { canvas }</script>
     <script src="st.js"></script>
-</body>
+  </body>
 </html>
diff --git a/st.c b/st.c
@@ -941,19 +941,21 @@ void mainloop(void)
 		displist();
 		loop();
 		SDL_RenderPresent(renderer);
+#ifndef __EMSCRIPTEN__
 		SDL_Delay(1000/60);
+#endif
 		return;
 	}
 
 	SDL_DestroyRenderer(renderer);
 	SDL_DestroyWindow(window);
 	SDL_Quit();
 
-	#ifdef __EMSCRIPTEN__
+#ifdef __EMSCRIPTEN__
 	emscripten_cancel_main_loop();
-	#else
+#else
 	exit(0);
-	#endif
+#endif
 }
 
 int main(void)
@@ -1012,11 +1014,11 @@ int main(void)
 
 	pbson = SDL_GetKeyboardState(NULL);
 
-	#ifdef __EMSCRIPTEN__
+#ifdef __EMSCRIPTEN__
 	emscripten_set_main_loop(mainloop, 0, 1);
-	#else
+#else
 	while (1) mainloop();
-	#endif
+#endif
 
 	return 0;
 }
