Kjell Tore Guttormsen
2f4330265c
- playground/voyage-playground.html: minimal skeleton (DOCTYPE, app-header, guide-panel, aria-live region, skip-to-main link). Steps 8-11 will extend with render-pipeline + creation gestures + sidebar + export. - playground/vendor/playground-design-system/: synced via 'node scripts/sync-design-system.mjs voyage' (27 files + MANIFEST.json with source_commit + sync_date + SHA-256 per file). - tests/playground/voyage-playground.test.mjs: 8 tests pinning HTML existence, DOCTYPE, no-external-URLs, no-marked, A11Y skip-to-main + aria-live, MANIFEST.json structure, vendored DS files present. - shared/PLAYGROUND-MAINTENANCE.md: consumer list updated 5 -> 6 (added voyage).
39 lines
2.1 KiB
HTML
39 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="nb">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Voyage Annotation Playground v4.2</title>
|
||
<link rel="stylesheet" href="vendor/playground-design-system/tokens.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/base.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/fonts.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/components.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/components-tier2.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/components-tier3.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/components-tier3-supplement.css">
|
||
<link rel="stylesheet" href="vendor/playground-design-system/print.css" media="print">
|
||
<style>
|
||
/* Voyage-specific overrides go here in Steps 8-11 */
|
||
body { margin: 0; }
|
||
main { max-width: 1280px; margin: 0 auto; padding: var(--space-6, 2rem); }
|
||
.voyage-skeleton-msg { padding: var(--space-6, 2rem); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<a class="visually-hidden" href="#main">Skip to main content</a>
|
||
<header class="app-header">
|
||
<div class="app-header__title">Voyage Annotation Playground</div>
|
||
<div class="app-header__meta">v4.2 · brief / plan / review</div>
|
||
</header>
|
||
<main id="main">
|
||
<section class="guide-panel guide-panel--info" role="status" aria-label="Voyage playground status">
|
||
<div class="guide-panel__title">Voyage playground v4.2 — under construction</div>
|
||
<div class="guide-panel__body">
|
||
<p>Dette er skelettet. Render-pipeline (markdown-it + highlight.js), annotation creation gestures, sidebar, export-flow og A11Y-baseline kommer i Steps 8–11 av v4.2-implementasjonen.</p>
|
||
<p>Når komplett vil playgroundet la deg åpne en <code>brief.md</code>, <code>plan.md</code> eller <code>review.md</code>, legge til inline-annotations, og eksportere som <code>/trekrevise</code>-kommando.</p>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<div id="aria-live-region" aria-live="polite" aria-atomic="true" class="visually-hidden"></div>
|
||
</body>
|
||
</html>
|