Jonathan Hvid
65fd532dbe
Bottom dot-nav built from the slides (Danish hover labels, every slide reachable), IntersectionObserver scroll-spy + slide counter, keyboard nav, and reveal-on-enter that degrades gracefully without JS. README covers how to preview, the slide map, and the placeholdered logos. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
79 lines
3 KiB
Markdown
79 lines
3 KiB
Markdown
# 001 Bifrost Advisory Meeting
|
|
|
|
En fuldskærms, scroll-snap HTML-præsentation til Fenja AI’s første
|
|
Advisory Board-møde. Statisk site — ingen build, ingen server, ingen
|
|
afhængigheder. Alt synligt indhold er på dansk (med de få engelske
|
|
brand-fraser, der er valgt bevidst, fx *Sovereign. Trusted. Innovative.*).
|
|
|
|
## Åbn / preview
|
|
|
|
Åbn `index.html` direkte i en browser — det virker uden server.
|
|
|
|
Vil du undgå browserens lokale fil-restriktioner (anbefales), så start en
|
|
simpel lokal server fra projektmappen:
|
|
|
|
```bash
|
|
python3 -m http.server 8000
|
|
# åbn derefter http://localhost:8000
|
|
```
|
|
|
|
Vis den gerne på en stor mødeskærm. Slide 1 (ambient velkomst) er
|
|
designet til at køre i baggrunden, mens folk ankommer.
|
|
|
|
## Navigation
|
|
|
|
- **Scroll** — hjulet/touchpad snapper til hver slide.
|
|
- **Bund-menuen** — 17 prikker; hold musen over en prik for at se det
|
|
danske navn, og klik for at hoppe direkte til den slide.
|
|
- **Tastatur** — ↑/↓, PageUp/PageDown, mellemrum, Home/End.
|
|
|
|
## Struktur
|
|
|
|
| # | Slide | Menu-label |
|
|
|---|-------|-----------|
|
|
| 1 | Ambient velkomst (rainbow-baggrund + Bifrost-logo) | Velkomst |
|
|
| 2 | Agenda | Agenda |
|
|
| 3 | Introduktioner — Advisory Board | Introduktioner |
|
|
| 4 | Fenja AI mission (Fenja · Bifrost + partnerlogoer) | Mission |
|
|
| 5 | Stort spørgsmål — success | Spørgsmål |
|
|
| 6 | Pause | Pause |
|
|
| 7 | Platformarkitektur | Arkitektur |
|
|
| 8 | Spørgsmål — features | Spørgsmål |
|
|
| 9 | Spørgsmål — barrierer | Spørgsmål |
|
|
| 10 | Sektionstitel — Suverænitet, Sikkerhed & Governance | Suverænitet |
|
|
| 11 | Highlight-bokse (Cloud Act, geopolitik, Fable 5, lock-in) | Risici |
|
|
| 12 | Meme | Meme |
|
|
| 13 | Spørgsmål — sikker brug | Spørgsmål |
|
|
| 14 | Vores tilgang (+ plads til punkter) | Vores tilgang |
|
|
| 15 | Regulatorisk sandkasse | Sandkasse |
|
|
| 16 | Spørgsmål — krav & bekymringer | Spørgsmål |
|
|
| 17 | Tak for i dag | Tak |
|
|
|
|
## Filer
|
|
|
|
```
|
|
index.html alle 17 slides
|
|
assets/css/tokens.css designsystem (farver, type, fonts) — fra Fenja AI
|
|
assets/css/deck.css deck-layout, spørgsmåls-komponent, slide-styles
|
|
assets/js/deck.js dot-nav, scroll-spy, tastatur, reveal
|
|
assets/fonts/ Manrope + Newsreader (variable)
|
|
assets/board/ portrætter af Advisory Board
|
|
assets/img/ Fenja-wordmark + meme
|
|
```
|
|
|
|
## Genbrugt fra det gamle projekt
|
|
|
|
- Designsystemet (`colors_and_type.css`) — farver, type, fonts.
|
|
- Bifrost-regnbuen (aurora-buen) — genbrugt som logo-element og som
|
|
animeret ambient-baggrund.
|
|
- Advisory Board-portrætter + navne.
|
|
- Platformarkitekturen (Foundation / Tools / Agents) — gengivet som et
|
|
roligt, statisk diagram.
|
|
- Fenja-wordmark og meme.
|
|
|
|
## Manglende assets
|
|
|
|
Partnerlogoerne (Innovationsfonden, BioInnovationsfonden, Datatilsynet,
|
|
Digitaliseringsstyrelsen, Gefion) findes ikke i projektet og er vist som
|
|
rene, tydeligt markerede pladsholdere i korrekt størrelse. Drop de rigtige
|
|
SVG/PNG-filer i `assets/logos/` og erstat pladsholderne i `index.html`.
|