Checkpoint: current Lumen state

.shots/light-test.html

@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<link rel="stylesheet" href="/.shots/styles-light.css" />
+</head>
+<body>
+<div id="app">
+<a class="skip-link" href="#main-content">Skip to content</a>
+<header class="app-header" role="banner">
+  <a class="app-header__brand" href="/">LUMEN</a>
+  <div class="app-header__status" role="status">offline</div>
+</header>
+<main id="main-content" class="app-main home-view">
+  <span class="eyebrow">Festival companion</span>
+  <h1>Lumen</h1>
+  <p class="home-view__subtitle">Offline-first guide to the festival grounds</p>
+  <div class="home-grid">
+    <a class="home-tile" href="/schedule">Schedule</a>
+    <a class="home-tile" href="/map">Map</a>
+    <a class="home-tile" href="/festival">Festival</a>
+    <a class="home-tile home-tile--emergency" href="/emergency">Emergency</a>
+  </div>
+  <section class="view-placeholder">
+    <span class="eyebrow">Status</span>
+    <h2>Day 1 — Friday</h2>
+    <p>Gates open at noon. First set on the main stage at 2:00.</p>
+    <span class="chip chip--green">Synced</span>
+    <span class="chip chip--amber">12 updates</span>
+  </section>
+</main>
+<nav class="side-nav" role="navigation" aria-label="Primary navigation">
+  <a class="side-nav__link" href="/" aria-current="page">Home</a>
+  <a class="side-nav__link" href="/schedule">Schedule</a>
+  <a class="side-nav__link" href="/map">Map</a>
+  <a class="side-nav__link" href="/festival">Festival</a>
+  <a class="side-nav__link side-nav__link--emergency" href="/emergency">Emergency</a>
+</nav>
+</div>
+</body>
+</html>