AdvisoryBoardMeeting_june2026/index.html
Jonathan Hvid b95999bc04 deck: second round of board-meeting refinements
- Slide 1: lift + enlarge 'Velkommen til', nudge 'Project Bifrost' down,
  change lower line to 'Bifrost Advisory Meeting - 001' at ~2x, upright.
- Slide 3: drop 'Mød' + the eyebrow, plain (non-accent) title, shorten
  to 'Ulla Eliassen', titles/companies +20%.
- Slide 4: remove the Project Bifrost lockup; wider logo spacing; lift
  caption + logos off the bottom; crop Innovationsfonden's padding and
  size it largest; BII -20%, Datatilsynet -10%.
- Question slides: Fenja wordmark above the menu, text lifted ~10%.
- Slide 6: clock +50%.
- Slide 7: 'Suveræn af design' → 'Din AI'.
- Slide 12: sovereignty divider title on one line.
- Slide 17: title +10%, body +20%, Digitaliseringsstyrelsen +10%.
- Slide 19: lift text above the arc, 'Tak for jeres rådgivning', and
  use the Project Bifrost wordmark instead of the Fenja lockup.

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

473 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">Bifrost Advisory Meeting - 001</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">
<h2 class="slide-title">Fenja AI&rsquo;s Advisory Board</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 Eliassen" /></div>
<figcaption>
<p class="bm-name">Ulla 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>
</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 class="logo-inf" src="assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png" alt="Innovationsfonden" /></div>
<div class="partner-logo"><img class="logo-bii" src="assets/logos/BII_Logo_Petroleum_RGB.png" alt="BioInnovation Institute" /></div>
<div class="partner-logo"><img class="logo-dt" 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 q-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>
<img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</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">Din AI</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 q-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>
<img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</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 q-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>
<img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</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 one-line">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 q-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>
<img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</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 q-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>
<img class="q-fenja" src="assets/img/fenja-wordmark-black.svg" alt="Fenja AI" />
</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 thanks-text">
<h2 class="thanks-title">Tak for <em>jeres rådgivning</em></h2>
<p class="bifrost-name thanks-bifrost"><span>Project</span> <span class="accent">Bifrost</span></p>
</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>