Scaffold project layout

static/admin.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Quiz Admin</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <main id="admin-app"></main>
+  <script type="module" src="/static/admin.js"></script>
+</body>
+</html>

static/admin.js

@@ -0,0 +1,2 @@
+const app = document.querySelector("#admin-app");
+app.textContent = "Loading admin...";

static/observer.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Quiz Observer</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <main class="shell">
+    <h1>Quiz Observer</h1>
+    <p>This read-only view is reserved for a future classroom display.</p>
+  </main>
+</body>
+</html>

static/quiz.js

@@ -0,0 +1,2 @@
+const app = document.querySelector("#app");
+app.textContent = "Loading quiz...";

static/student.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Quiz</title>
+  <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+  <main id="app"></main>
+  <script type="module" src="/static/quiz.js"></script>
+</body>
+</html>

static/style.css

@@ -0,0 +1,17 @@
+:root {
+  color-scheme: light dark;
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+body {
+  margin: 0;
+  min-height: 100vh;
+  background: #f6f7f9;
+  color: #18212f;
+}
+
+.shell {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 24px;
+}