AdvisoryBoardMeeting_june2026/index.html
Jonathan Hvid eca79752f4 deck: board-meeting revisions across the slide set
- Slide 1 + 19: restore the old Project Bifrost intro — a spanning
  aurora arc that draws in and breathes; welcome adds the meeting line,
  closing reuses the same treatment.
- Questions: strip to the quoted question only (no eyebrow/rule/rainbow),
  ~30% larger.
- Board: names ~2x, portraits ~half size.
- Mission: big centred Fenja, ink values beneath, Project Bifrost lockup;
  supporter caption enlarged and the equal-height logos pinned above the
  menu with more air.
- Pause: drop the colour wash.
- Architecture: remove accent highlight, label to top-right, +30% text,
  more side air, taller cards.
- New Demo and Roadmap solo-word slides (now 19 total; counter dynamic).
- Section dividers: Fenja logo instead of Bifrost; sov title de-emphasised.
- Meme: larger, captionless, with a quoted "Sovereign Cloud" title.
- Sandbox: big title, one cohesive paragraph, no rule, larger logos.
- Tighten dot-nav so all 19 dots stay on one row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-18 13:48:48 +02:00

480 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="da">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>001 Bifrost Advisory Meeting</title>
<link rel="stylesheet" href="assets/css/tokens.css" />
<link rel="stylesheet" href="assets/css/deck.css" />
</head>
<body>
<!-- Shared SVG defs: the Bifrost aurora gradient + soft glow, referenced
by every arc lockup and the spanning hero arc. -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true" focusable="false">
<defs>
<linearGradient id="bifrostAurora" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#b48755" stop-opacity="0"/>
<stop offset="15%" stop-color="#b48755"/>
<stop offset="40%" stop-color="#a4553b"/>
<stop offset="65%" stop-color="#5c7b8e"/>
<stop offset="85%" stop-color="#6e5a86"/>
<stop offset="100%" stop-color="#6e5a86" stop-opacity="0"/>
</linearGradient>
<filter id="auroraGlow" x="-20%" y="-50%" width="140%" height="200%">
<feGaussianBlur stdDeviation="7"/>
</filter>
</defs>
</svg>
<!-- Persistent chrome -->
<a class="masthead" href="#slide-welcome" aria-label="Til forsiden">
<img src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</a>
<div class="slide-counter" aria-hidden="true"><b id="counter-now">01</b> / <span id="counter-total">19</span></div>
<main class="deck" id="deck">
<!-- ░░░ 1 — Welcome — Project Bifrost arc reveal ░░░ -->
<section class="slide hero-slide" id="slide-welcome" data-label="Velkomst">
<div class="bifrost-arc" aria-hidden="true">
<svg viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet">
<path class="arc-halo" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-main" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-thin" pathLength="1" d="M 80 420 Q 700 -20 1320 420"/>
</svg>
</div>
<div class="hero-text reveal">
<p class="hero-eyebrow">Velkommen til</p>
<h1 class="bifrost-name"><span>Project</span> <span class="accent">Bifrost</span></h1>
<p class="hero-sub">001 Bifrost Advisory Meeting</p>
</div>
</section>
<!-- ░░░ 2 — Agenda ░░░ -->
<section class="slide" id="slide-agenda" data-label="Agenda">
<div class="slide-inner reveal">
<h2 class="slide-title agenda-title">Agenda</h2>
<ul class="agenda-list">
<li class="agenda-row">
<span class="agenda-time">09:0009:30</span>
<span class="agenda-label">Velkomst og introduktioner</span>
</li>
<li class="agenda-row">
<span class="agenda-time">09:3010:20</span>
<span class="agenda-label">Project Bifrost &amp; Bifrost-portalen</span>
</li>
<li class="agenda-row is-break">
<span class="agenda-time">10:2010:35</span>
<span class="agenda-label">Pause</span>
</li>
<li class="agenda-row">
<span class="agenda-time">10:3511:20</span>
<span class="agenda-label">Features: platformdemo, roadmap og prioritering</span>
</li>
<li class="agenda-row">
<span class="agenda-time">11:2012:15</span>
<span class="agenda-label">Suverænitet, sikkerhed og governance</span>
</li>
<li class="agenda-row is-break">
<span class="agenda-time">12:1513:00</span>
<span class="agenda-label">Frokost</span>
</li>
</ul>
</div>
</section>
<!-- ░░░ 3 — Introductions / board ░░░ -->
<section class="slide" id="slide-board" data-label="Introduktioner">
<div class="slide-inner">
<div class="board-head reveal">
<p class="eyebrow center">Rådgivning &amp; vejledning</p>
<h2 class="slide-title">Mød Fenja AI&rsquo;s <em>Advisory Board</em></h2>
</div>
<div class="board-grid reveal">
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/soren-friis.jpg" alt="Søren Friis" /></div>
<figcaption>
<p class="bm-name">Søren Friis</p>
<p class="bm-title">IT-direktør</p>
<p class="bm-company">DSB</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/william-irving.jpg" alt="William Irving" /></div>
<figcaption>
<p class="bm-name">William Irving</p>
<p class="bm-title">Data- &amp; analysedirektør</p>
<p class="bm-company">Norlys</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/ulla-nygaard-eliassen.jpg" alt="Ulla Nygaard Eliassen" /></div>
<figcaption>
<p class="bm-name">Ulla Nygaard Eliassen</p>
<p class="bm-title">Associeret direktør, forbedringsprojekter</p>
<p class="bm-company">Novo Nordisk</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/anna-jessen.jpg" alt="Anna Jessen" /></div>
<figcaption>
<p class="bm-name">Anna Jessen</p>
<p class="bm-title">Direktør, Process Excellence &amp; Digitalisering</p>
<p class="bm-company">Novo Nordisk</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/mathies-laursen.jpg" alt="Mathies Laursen" /></div>
<figcaption>
<p class="bm-name">Mathies Laursen</p>
<p class="bm-title">Digitaliseringsdirektør (CDO)</p>
<p class="bm-company">Nationalbanken</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/torben-schutt.jpg" alt="Torben Schütt" /></div>
<figcaption>
<p class="bm-name">Torben Schütt</p>
<p class="bm-title">Kontorchef, Center for Cyber og Digitalisering</p>
<p class="bm-company">Forsvarsministeriet</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/mads-nyborg.jpg" alt="Mads Nyborg" /></div>
<figcaption>
<p class="bm-name">Mads Nyborg</p>
<p class="bm-title">Chefkonsulent, Data og Analyse</p>
<p class="bm-company">Københavns Kommune</p>
</figcaption>
</figure>
<figure class="board-member">
<div class="board-portrait"><img src="assets/board/hakon-daltveit.jpg" alt="Håkon Daltveit" /></div>
<figcaption>
<p class="bm-name">Håkon Daltveit</p>
<p class="bm-title">Chefkonsulent, Data og Analyse</p>
<p class="bm-company">Københavns Kommune</p>
</figcaption>
</figure>
</div>
</div>
</section>
<!-- ░░░ 4 — Fenja AI mission ░░░ -->
<section class="slide mission-slide" id="slide-mission" data-label="Mission">
<div class="mission-main reveal">
<img class="mission-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
<p class="mission-values">Sovereign. Trusted. Innovative.</p>
<span class="bifrost-logo projbifrost">
<svg class="arc" viewBox="0 0 100 50"><path d="M5 45 Q50 -6 95 45" fill="none" stroke="url(#bifrostAurora)" stroke-width="3.5" stroke-linecap="round"/></svg>
<span class="word">Project <em>Bifrost</em></span>
</span>
</div>
<div class="mission-foot">
<p class="partner-caption">Støttet af &amp; i samarbejde med</p>
<div class="partner-row mission-logos">
<div class="partner-logo"><img src="assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png" alt="Innovationsfonden" /></div>
<div class="partner-logo"><img src="assets/logos/BII_Logo_Petroleum_RGB.png" alt="BioInnovation Institute" /></div>
<div class="partner-logo"><img src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
<div class="partner-logo"><img src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
<div class="partner-logo"><img src="assets/logos/dcai-logo-white.png" alt="Gefion · DCAI" /></div>
</div>
</div>
</section>
<!-- ░░░ 5 — Big question ░░░ -->
<section class="slide" id="slide-q1" data-label="Spørgsmål">
<div class="slide-inner reveal">
<div class="question">
<p class="question-text">&ldquo;Hvordan gør vi Projekt Bifrost til en <em>success</em> — for jer, for platformen, for dansk AI-suverænitet?&rdquo;</p>
</div>
</div>
</section>
<!-- ░░░ 6 — Pause ░░░ -->
<section class="slide" id="slide-pause" data-label="Pause">
<div class="slide-inner reveal">
<p class="pause-clock">10:20 10:35</p>
<h2 class="pause-word">Pause</h2>
<p class="pause-sub">Vi fortsætter om et kvarter.</p>
</div>
</section>
<!-- ░░░ 7 — Platform architecture ░░░ -->
<section class="slide" id="slide-arch" data-label="Arkitektur">
<div class="slide-inner arch-inner">
<div class="arch-head reveal">
<p class="arch-title">Fenja AI Platform Architecture</p>
<p class="arch-sub">Simply Explained</p>
</div>
<div class="arch-frame reveal">
<span class="arch-frame-label">Everything Client-Managed</span>
<section class="arch-group">
<header class="arch-group-head">
<span class="arch-group-label">Foundation</span>
<span class="arch-group-caption">Suveræn af design</span>
</header>
<div class="arch-cards c3">
<article class="arch-card">
<p class="ac-name">Sprogmodel</p>
<p class="ac-italic">State-of-the-art, open-source</p>
<p class="ac-mono">On-prem</p>
</article>
<article class="arch-card">
<p class="ac-name">Wiki</p>
<p class="ac-italic">Virksomheds- og domæneviden</p>
<p class="ac-mono">Organisation · Afdeling · Personlig</p>
</article>
<article class="arch-card">
<p class="ac-name">Rutiner &amp; hukommelse</p>
<p class="ac-italic">Hvordan Fenja arbejder i den</p>
<p class="ac-mono">Stand-ups · Faste opgaver · Arbejdshukommelse</p>
</article>
</div>
</section>
<section class="arch-group">
<header class="arch-group-head">
<span class="arch-group-label">Tools</span>
<span class="arch-group-caption">Hvordan Fenja handler</span>
</header>
<div class="arch-cards c4">
<article class="arch-card">
<p class="ac-name">Dokumentsøgning</p>
<p class="ac-italic">Find og citér</p>
<p class="ac-mono">RAG</p>
</article>
<article class="arch-card">
<p class="ac-name">Strukturerede data (fx SQL)</p>
<p class="ac-italic">Forespørg og udtræk</p>
<p class="ac-mono">NL → SQL</p>
</article>
<article class="arch-card">
<p class="ac-name">Systemhandlinger</p>
<p class="ac-italic">Læs og skriv</p>
<p class="ac-mono">API&rsquo;er · integrationer</p>
</article>
<article class="arch-card">
<p class="ac-name">Skræddersyede værktøjer</p>
<p class="ac-italic">Jeres specifikke arbejde</p>
<p class="ac-mono">Defineret af jer</p>
</article>
</div>
</section>
<section class="arch-group">
<header class="arch-group-head">
<span class="arch-group-label">Agents</span>
<span class="arch-group-caption">Hvordan Fenja skalerer</span>
</header>
<div class="arch-cards c4">
<article class="arch-card">
<p class="ac-name">Supervisor</p>
<p class="ac-italic">Planlæg og dirigér</p>
<p class="ac-mono">Orkestrering</p>
</article>
<article class="arch-card">
<p class="ac-name">Specialister</p>
<p class="ac-italic">Fokuseret ekspertise</p>
<p class="ac-mono">Subagenter</p>
</article>
<article class="arch-card">
<p class="ac-name">Skills</p>
<p class="ac-italic">Genbrugelig kapabilitet</p>
<p class="ac-mono">Portabel på tværs af specialister</p>
</article>
<article class="arch-card">
<p class="ac-name">Workflows</p>
<p class="ac-italic">Sammensat af jer</p>
<p class="ac-mono">Styret fra ende til ende</p>
</article>
</div>
</section>
</div>
</div>
</section>
<!-- ░░░ 8 — Demo ░░░ -->
<section class="slide solo-slide" id="slide-demo" data-label="Demo">
<div class="slide-inner reveal">
<h2 class="solo-word">Demo</h2>
</div>
</section>
<!-- ░░░ 9 — Question ░░░ -->
<section class="slide" id="slide-q2" data-label="Spørgsmål">
<div class="slide-inner reveal">
<div class="question">
<p class="question-text">&ldquo;Hvilke konkrete AI-features ville skabe størst <em>værdi</em> for dig eller din organisation, hvis I fik adgang til dem i morgen?&rdquo;</p>
</div>
</div>
</section>
<!-- ░░░ 10 — Roadmap ░░░ -->
<section class="slide solo-slide" id="slide-roadmap" data-label="Roadmap">
<div class="slide-inner reveal">
<h2 class="solo-word">Roadmap</h2>
</div>
</section>
<!-- ░░░ 11 — Question ░░░ -->
<section class="slide" id="slide-q3" data-label="Spørgsmål">
<div class="slide-inner reveal">
<div class="question">
<p class="question-text">&ldquo;Hvor ser I de største <em>barrierer</em> for praktisk anvendelse af AI i hverdagen?&rdquo;</p>
</div>
</div>
</section>
<!-- ░░░ 12 — Section divider: Sovereignty ░░░ -->
<section class="slide section-divider" id="slide-sov" data-label="Suverænitet">
<div class="slide-inner reveal">
<img class="divider-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
<h2 class="section-title">Suverænitet, Sikkerhed &amp; Governance</h2>
</div>
</section>
<!-- ░░░ 13 — Highlight boxes ░░░ -->
<section class="slide" id="slide-highlights" data-label="Risici">
<div class="slide-inner">
<div class="highlights-head reveal">
<p class="eyebrow center">Hvorfor suverænitet betyder noget</p>
<h2 class="slide-title">Fire grunde til at <em>tænke sig om</em></h2>
</div>
<div class="highlight-grid reveal">
<article class="highlight-box" data-tone="indigo">
<div class="highlight-art">
<svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M6 16a4 4 0 0 1 0-8 5 5 0 0 1 9.6-1.5A4.5 4.5 0 0 1 18 16z"/><path d="M9 20l1.5-3M13 20l1.5-3"/></svg>
</div>
<div class="highlight-body">
<span class="highlight-num">01</span>
<h3 class="highlight-name">US Cloud Act</h3>
<p class="highlight-note">Amerikansk lovgivning kan give myndigheder adgang til data hos amerikanske udbydere — uanset hvor data fysisk ligger.</p>
</div>
</article>
<article class="highlight-box" data-tone="terracotta">
<div class="highlight-art">
<svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.8 2.6 2.8 15.4 0 18M12 3c-2.8 2.6-2.8 15.4 0 18"/></svg>
</div>
<div class="highlight-body">
<span class="highlight-num">02</span>
<h3 class="highlight-name">Geopolitisk uro</h3>
<p class="highlight-note">Skiftende alliancer og handelspolitik gør afhængighed af enkelte landes teknologi til en strategisk risiko.</p>
</div>
</article>
<article class="highlight-box" data-tone="heather">
<div class="highlight-art">
<svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="3.4"/><path d="M5.5 20a6.5 6.5 0 0 1 13 0z"/><path d="M17 3l.9 1.9L20 5.3l-1.5 1.4.4 2.1L17 7.8l-1.9 1 .4-2.1L14 5.3l2.1-.4z"/></svg>
</div>
<div class="highlight-body">
<span class="highlight-num">03</span>
<h3 class="highlight-name">Fable 5 — kun for amerikanske statsborgere</h3>
<p class="highlight-note">Når de mest avancerede modeller forbeholdes bestemte nationaliteter, står resten uden adgang til frontteknologien.</p>
</div>
</article>
<article class="highlight-box" data-tone="ochre">
<div class="highlight-art">
<svg viewBox="0 0 24 24" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="11" width="14" height="9" rx="2"/><path d="M8 11V8a4 4 0 0 1 8 0v3"/><circle cx="12" cy="15.5" r="1.2"/></svg>
</div>
<div class="highlight-body">
<span class="highlight-num">04</span>
<h3 class="highlight-name">Vendor lock-in</h3>
<p class="highlight-note">Bindes I til én leverandørs lukkede økosystem, mister I forhandlingskraft, fleksibilitet og kontrol over fremtiden.</p>
</div>
</article>
</div>
</div>
</section>
<!-- ░░░ 14 — Meme ░░░ -->
<section class="slide" id="slide-meme" data-label="Meme">
<div class="slide-inner reveal">
<h2 class="meme-title">&ldquo;Sovereign Cloud&rdquo;</h2>
<div class="meme-frame">
<img src="assets/img/meme.jpg" alt="Sovereign Cloud meme" />
</div>
</div>
</section>
<!-- ░░░ 15 — Question ░░░ -->
<section class="slide" id="slide-q4" data-label="Spørgsmål">
<div class="slide-inner reveal">
<div class="question">
<p class="question-text">&ldquo;Hvad er vigtigst for jer, når AI skal bruges <em>sikkert</em> og ansvarligt i en organisation?&rdquo;</p>
<p class="question-prompts">
<span>Certificeringer?</span><span class="sep">·</span><span>Mennesker i processen?</span><span class="sep">·</span><span>At det kører lokalt?</span>
</p>
</div>
</div>
</section>
<!-- ░░░ 16 — Section divider + reserved points ░░░ -->
<section class="slide section-divider" id="slide-approach" data-label="Vores tilgang">
<div class="slide-inner reveal">
<img class="divider-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
<h2 class="section-title">Vores tilgang til <em>Suverænitet</em>, Sikkerhed &amp; Governance</h2>
<ul class="approach-points" aria-label="Punkter tilføjes senere">
<li><span class="ph-text">Punkt tilføjes</span></li>
<li><span class="ph-text">Punkt tilføjes</span></li>
<li><span class="ph-text">Punkt tilføjes</span></li>
<li><span class="ph-text">Punkt tilføjes</span></li>
</ul>
</div>
</section>
<!-- ░░░ 17 — Regulatory sandbox ░░░ -->
<section class="slide" id="slide-sandbox" data-label="Sandkasse">
<div class="slide-inner reveal sandbox-inner">
<h2 class="sandbox-title">Regulatorisk AI-sandkasse</h2>
<p class="sandbox-body">Fenja AI er optaget i Den Regulatoriske AI-sandkasse — et forløb under Datatilsynet og Digitaliseringsstyrelsen, hvor udvalgte virksomheder udvikler og afprøver deres AI i tæt dialog med myndighederne og inden for de regulatoriske rammer. Vi er en ud af kun to virksomheder, som er blevet optaget i år.</p>
<div class="partner-row lg sandbox-logos">
<div class="partner-logo"><img class="ds-logo" src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
<div class="partner-logo"><img src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
</div>
</div>
</section>
<!-- ░░░ 18 — Question ░░░ -->
<section class="slide" id="slide-q5" data-label="Spørgsmål">
<div class="slide-inner reveal">
<div class="question">
<p class="question-text">&ldquo;Hvilke krav eller bekymringer skal være <em>håndteret</em>, før I ville være trygge ved at bruge en AI-platform på tværs af vigtige forretningsprocesser?&rdquo;</p>
</div>
</div>
</section>
<!-- ░░░ 19 — Closing (inspired by the welcome arc) ░░░ -->
<section class="slide hero-slide" id="slide-thanks" data-label="Tak">
<div class="bifrost-arc" aria-hidden="true">
<svg viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet">
<path class="arc-halo" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-main" pathLength="1" d="M 60 420 Q 700 -40 1340 420"/>
<path class="arc-thin" pathLength="1" d="M 80 420 Q 700 -20 1320 420"/>
</svg>
</div>
<div class="hero-text reveal">
<h2 class="thanks-title">Tak for <em>i dag</em></h2>
<div class="brand-lockup">
<img class="fenja-mark" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
<span class="dot-sep">·</span>
<span class="bifrost-logo">
<svg class="arc" viewBox="0 0 100 50"><path d="M5 45 Q50 -6 95 45" fill="none" stroke="url(#bifrostAurora)" stroke-width="3.5" stroke-linecap="round"/></svg>
<span class="word"><em>Bifrost</em></span>
</span>
</div>
</div>
</section>
</main>
<!-- Bottom dot-nav — built from the slides by deck.js -->
<div class="dot-nav-tray" aria-hidden="true"></div>
<nav class="dot-nav" id="dot-nav" aria-label="Slide-navigation"></nav>
<script src="assets/js/deck.js" defer></script>
</body>
</html>