feat(frontend): static project site — real evidence data, new design and logo

.github/workflows/frontend.yml

@@ -0,0 +1,57 @@
+name: Frontend CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+permissions:
+  contents: read
+
+jobs:
+  frontend-test:
+    name: Frontend Tests & Verification
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: frontend
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+          cache-dependency-path: frontend/package-lock.json
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Typecheck
+        run: npm run typecheck
+
+      - name: Unit and validator tests
+        run: npm test
+
+      - name: Build static site
+        run: npm run build
+
+      - name: Install Playwright Chromium
+        run: npx playwright install --with-deps chromium
+
+      - name: Playwright E2E and A11y tests
+        run: npx playwright test
+        env:
+          CI: "true"
+
+      - name: Upload Playwright report on failure
+        uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: playwright-report
+          path: frontend/playwright-report/
+          retention-days: 7

frontend/.gitignore

@@ -0,0 +1,9 @@
+node_modules
+dist
+.vite
+*.local
+.DS_Store
+test-results
+playwright-report
+blob-report
+playwright/.cache

frontend/README.md

@@ -0,0 +1,45 @@
+# OpenVerifiableLLM Frontend (Site v3)
+
+Static single-page project site for OpenVerifiableLLM, presenting real bit-for-bit training verification evidence from Hugging Face revision `96dc282a`.
+
+## Overview
+
+- **Single-page navigation**: Evidence-first landing page with section anchors (`#check`, `#verification`, `#timeline`, `#exclusion`, `#downloads`).
+- **Real evidence data**: Pinned Hugging Face dataset `AOSSIE/openverifiable-enwiki-20260901-20260918-r1-evidence` at revision `96dc282a`.
+- **Prebuild validation**: `npm run build` runs `prebuild` (`npm run validate`), failing closed if any data contract or hash link is violated.
+- **Accessible design**: WCAG 2.2 AA compliant, zero axe violations across themes (dark default, light opt-in) and viewports.
+- **Offline bundle**: System fonts only (no web fonts), embedded SVG brand assets, and zero runtime external CDN dependencies.
+
+## Commands
+
+```bash
+cd frontend
+npm ci
+npm run dev        # start local development server at http://127.0.0.1:5173
+npm run typecheck  # verify TypeScript types (tsc -b --noEmit)
+npm test           # run Vitest suite (validation, copy lint, components)
+npm run build      # validate evidence and build static output to dist/
+npm run preview    # preview production build locally
+```
+
+## Structure
+
+```
+frontend/
+├── public/
+│   ├── brand/       # Segment check SVGs (logo-dark, logo-light, favicon, app-icon, aossie-logo)
+│   └── data/        # evidence.json (pinned data committed for offline validation)
+├── scripts/
+│   └── fetch-evidence.mjs  # Manual script to fetch and assemble snapshot from Hugging Face
+├── src/
+│   ├── components/  # React components (Hero, Overview, CheckLadder, Verification, TrainingTimeline, etc.)
+│   ├── content/     # copy.ts (single source of truth for text and copy linting)
+│   ├── data/        # contracts.ts and validate.ts (strict schemas, invariant validator)
+│   └── styles/      # tokens.css (color tokens and ratios) and base.css (typography and layouts)
+└── tests/
+    ├── browser/     # Playwright + axe-core accessibility and interaction test suite
+    ├── fixtures/    # Corrupted evidence fixtures for fail-closed validation tests
+    ├── components.test.tsx
+    ├── copy-lint.test.ts
+    └── validate.test.ts
+```

frontend/index.html

@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>OpenVerifiableLLM</title>
+    <meta
+      name="description"
+      content="A language model whose training anyone can recompute. A 23M-parameter model trained on English Wikipedia. Each of its 37 training segments reproduces bit for bit on the same GPU type."
+    />
+    <link rel="icon" href="brand/favicon.svg" type="image/svg+xml" />
+    <link rel="apple-touch-icon" href="brand/app-icon.svg" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>