mobile styling

x · x · commit 43945a822d7c · 2025-07-27T02:11:13.000-04:00
diff --git a/index.html b/index.html
@@ -1,17 +1,43 @@
 <!DOCTYPE html>
 <html>
 <head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, u
+ser-scalable=no">
+	<title>Text Adventure Game</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            background: #1e1e1e;
+            overflow: hidden;
+            position: fixed;
+            width: 100%;
+            height: 100%;
+            touch-action: none;
+        }
+        #terminal {
+            padding: 10px;
+            flex: 1;
+            overflow: hidden;
+        }
+    </style>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css" />
     <script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.js"></script>
 </head>
-<body style="margin: 0; padding: 20px; background: #1e1e1e; height: 100vh; box-sizing: border-box;">
-    <div id="terminal" style="height: 100%;"></div>
+<body>
+    <div id="terminal"></div>
 
     <script>
         // Create terminal with responsive font size
         const term = new Terminal({
-            fontSize: window.innerWidth < 768 ? 14 : 16
+            fontSize: window.innerWidth < 768 ? 14 : 16,
+            theme: {
+                background: '#1e1e1e',
+                foreground: '#d4d4d4'
+            },
+            cursorBlink: true
         });
 
         // Fit addon
