1 files changed, 26 insertions, 0 deletions
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..7a32152
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TyperPunk - Typing Test</title>
+    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Cpolyline points='6,9 14,16 6,23' fill='none' stroke='%2300ff9d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='17' y='20' width='10' height='3' fill='%2300ff9d'/%3E%3C/svg%3E">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/src/styles.css">
+</head>
+<body>
+    <script>
+        // Local dev only: the static file server (4173) and typerpunk-server
+        // (8787) are different origins here. A production deployment behind
+        // a reverse proxy that routes /api/* to the backend needs neither --
+        // same-origin is the default (see web/src/api.js).
+        if (location.hostname === 'localhost' || location.hostname === '127.0.0.1') {
+            window.TYPERPUNK_API_URL = `${location.protocol}//${location.hostname}:8787`;
+        }
+    </script>
+    <div id="root"></div>
+    <script type="module" src="/src/main.js"></script>
+</body>
+</html>