Jonathan Hvid
7a83b06a3f
Full-screen CSS scroll-snap deck with all 17 board-meeting slides in Danish: ambient welcome (animated Bifrost aurora), agenda, board intro, mission lockup, platform architecture, four highlight boxes, meme, section dividers, regulatory sandbox, closing — plus a fresh, calm 'pause and think' question treatment used on slides 5/8/9/13/16. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
526 lines
24 KiB
HTML
526 lines
24 KiB
HTML
<!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 ambient background. -->
|
||
<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> / 17</div>
|
||
|
||
<main class="deck" id="deck">
|
||
|
||
<!-- ░░░ 1 — Ambient welcome ░░░ -->
|
||
<section class="slide" id="slide-welcome" data-label="Velkomst">
|
||
<div class="ambient" aria-hidden="true">
|
||
<div class="band b1"></div>
|
||
<div class="band b2"></div>
|
||
<div class="band b3"></div>
|
||
<svg class="ambient-arc" viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet">
|
||
<path d="M 60 420 Q 700 -40 1340 420" fill="none" stroke="url(#bifrostAurora)"
|
||
stroke-width="22" stroke-linecap="round" filter="url(#auroraGlow)" opacity="0.55"/>
|
||
<path d="M 60 420 Q 700 -40 1340 420" fill="none" stroke="url(#bifrostAurora)"
|
||
stroke-width="3" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<div class="slide-inner reveal">
|
||
<p class="welcome-kicker">Velkommen til</p>
|
||
<span class="bifrost-logo lg">
|
||
<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>
|
||
<h1 class="welcome-headline"><span class="seq">001</span> Bifrost Advisory Meeting</h1>
|
||
</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:00–09:30</span>
|
||
<span class="agenda-label">Velkomst og introduktioner</span>
|
||
</li>
|
||
<li class="agenda-row">
|
||
<span class="agenda-time">09:30–10:20</span>
|
||
<span class="agenda-label">Project Bifrost & Bifrost-portalen</span>
|
||
</li>
|
||
<li class="agenda-row is-break">
|
||
<span class="agenda-time">10:20–10:35</span>
|
||
<span class="agenda-label">Pause</span>
|
||
</li>
|
||
<li class="agenda-row">
|
||
<span class="agenda-time">10:35–11:20</span>
|
||
<span class="agenda-label">Features: platformdemo, roadmap og prioritering</span>
|
||
</li>
|
||
<li class="agenda-row">
|
||
<span class="agenda-time">11:20–12:15</span>
|
||
<span class="agenda-label">Suverænitet, sikkerhed og governance</span>
|
||
</li>
|
||
<li class="agenda-row is-break">
|
||
<span class="agenda-time">12:15–13: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 & vejledning</p>
|
||
<h2 class="slide-title">Mød Fenja AI’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- & 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 & 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" id="slide-mission" data-label="Mission">
|
||
<div class="slide-inner reveal">
|
||
<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>
|
||
<p class="mission-values"><b>Sovereign. Trusted. Innovative.</b></p>
|
||
<hr class="aurora-rule" style="width:clamp(80px,10vw,140px)" />
|
||
<div class="mission-foot">
|
||
<p class="partner-caption">Støttet af & i samarbejde med</p>
|
||
<div class="partner-row">
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><path d="M3 21h18M5 21V8l7-5 7 5v13M9 21v-6h6v6"/></svg></div>
|
||
<span class="partner-name">Innovationsfonden</span>
|
||
</div>
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18"/></svg></div>
|
||
<span class="partner-name">BioInnovationsfonden</span>
|
||
</div>
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><path d="M12 3l8 3v5c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z"/></svg></div>
|
||
<span class="partner-name">Datatilsynet</span>
|
||
</div>
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M8 9h8M8 13h8M8 17h5"/></svg></div>
|
||
<span class="partner-name">Digitaliseringsstyrelsen</span>
|
||
</div>
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><path d="M12 2l2.5 6.5L21 9l-5 4.5L17.5 21 12 17l-5.5 4L8 13.5 3 9l6.5-.5z"/></svg></div>
|
||
<span class="partner-name">Gefion</span>
|
||
</div>
|
||
</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">
|
||
<span class="question-mark">“</span>
|
||
<p class="question-eyebrow">Til eftertanke</p>
|
||
<p class="question-text">Hvordan gør vi Projekt Bifrost til en <em>success</em> — for jer, for platformen, for dansk AI-suverænitet?</p>
|
||
<hr class="question-rule" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 6 — Pause ░░░ -->
|
||
<section class="slide" id="slide-pause" data-label="Pause">
|
||
<div class="ambient" aria-hidden="true">
|
||
<div class="band b1"></div>
|
||
<div class="band b3"></div>
|
||
</div>
|
||
<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">
|
||
<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" data-accent="foundation">
|
||
<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" data-accent="foundation">
|
||
<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" data-accent="foundation">
|
||
<p class="ac-name">Rutiner & 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" data-accent="tools">
|
||
<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" data-accent="tools">
|
||
<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" data-accent="tools">
|
||
<p class="ac-name">Systemhandlinger</p>
|
||
<p class="ac-italic">Læs og skriv</p>
|
||
<p class="ac-mono">API’er · integrationer</p>
|
||
</article>
|
||
<article class="arch-card" data-accent="tools">
|
||
<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" data-accent="agents">
|
||
<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" data-accent="agents">
|
||
<p class="ac-name">Specialister</p>
|
||
<p class="ac-italic">Fokuseret ekspertise</p>
|
||
<p class="ac-mono">Subagenter</p>
|
||
</article>
|
||
<article class="arch-card" data-accent="agents">
|
||
<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" data-accent="agents">
|
||
<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 — Question ░░░ -->
|
||
<section class="slide" id="slide-q2" data-label="Spørgsmål">
|
||
<div class="slide-inner reveal">
|
||
<div class="question">
|
||
<span class="question-mark">“</span>
|
||
<p class="question-eyebrow">Til eftertanke</p>
|
||
<p class="question-text">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?</p>
|
||
<hr class="question-rule" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 9 — Question ░░░ -->
|
||
<section class="slide" id="slide-q3" data-label="Spørgsmål">
|
||
<div class="slide-inner reveal">
|
||
<div class="question">
|
||
<span class="question-mark">“</span>
|
||
<p class="question-eyebrow">Til eftertanke</p>
|
||
<p class="question-text">Hvor ser I de største <em>barrierer</em> for praktisk anvendelse af AI i hverdagen?</p>
|
||
<hr class="question-rule" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 10 — Section divider: Sovereignty ░░░ -->
|
||
<section class="slide section-divider" id="slide-sov" data-label="Suverænitet">
|
||
<div class="slide-inner reveal">
|
||
<span class="bifrost-logo sm">
|
||
<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>
|
||
<h2 class="section-title">Suverænitet, <em>Sikkerhed</em> & Governance</h2>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 11 — 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>
|
||
|
||
<!-- ░░░ 12 — Meme ░░░ -->
|
||
<section class="slide" id="slide-meme" data-label="Meme">
|
||
<div class="slide-inner reveal">
|
||
<div class="meme-frame">
|
||
<img src="assets/img/meme.jpg" alt="Meme" />
|
||
</div>
|
||
<p class="meme-caption">Lidt selvironi mellem de tunge emner.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 13 — Question ░░░ -->
|
||
<section class="slide" id="slide-q4" data-label="Spørgsmål">
|
||
<div class="slide-inner reveal">
|
||
<div class="question">
|
||
<span class="question-mark">“</span>
|
||
<p class="question-eyebrow">Til eftertanke</p>
|
||
<p class="question-text">Hvad er vigtigst for jer, når AI skal bruges <em>sikkert</em> og ansvarligt i en organisation?</p>
|
||
<hr class="question-rule" />
|
||
<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>
|
||
|
||
<!-- ░░░ 14 — Section divider + reserved points ░░░ -->
|
||
<section class="slide section-divider" id="slide-approach" data-label="Vores tilgang">
|
||
<div class="slide-inner reveal">
|
||
<span class="bifrost-logo sm">
|
||
<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>
|
||
<h2 class="section-title">Vores tilgang til <em>Suverænitet</em>, Sikkerhed & 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>
|
||
|
||
<!-- ░░░ 15 — Regulatory sandbox ░░░ -->
|
||
<section class="slide" id="slide-sandbox" data-label="Sandkasse">
|
||
<div class="slide-inner reveal">
|
||
<span class="sandbox-badge">Regulatorisk AI-sandkasse</span>
|
||
<h2 class="sandbox-title">Fenja AI er optaget i <em>Den Regulatoriske AI-sandkasse</em></h2>
|
||
<p class="sandbox-sub">Vi er en ud af kun to virksomheder, som er blevet optaget i år.</p>
|
||
<hr class="aurora-rule" style="width:clamp(80px,10vw,140px)" />
|
||
<div class="partner-row">
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><rect x="4" y="4" width="16" height="16" rx="2"/><path d="M8 9h8M8 13h8M8 17h5"/></svg></div>
|
||
<span class="partner-name">Digitaliseringsstyrelsen</span>
|
||
</div>
|
||
<div class="partner-logo">
|
||
<div class="logo-ph"><svg viewBox="0 0 24 24" fill="none" stroke="#383831" stroke-width="1.5"><path d="M12 3l8 3v5c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6z"/></svg></div>
|
||
<span class="partner-name">Datatilsynet</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 16 — Question ░░░ -->
|
||
<section class="slide" id="slide-q5" data-label="Spørgsmål">
|
||
<div class="slide-inner reveal">
|
||
<div class="question">
|
||
<span class="question-mark">“</span>
|
||
<p class="question-eyebrow">Til eftertanke</p>
|
||
<p class="question-text">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?</p>
|
||
<hr class="question-rule" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ░░░ 17 — Closing ░░░ -->
|
||
<section class="slide" id="slide-thanks" data-label="Tak">
|
||
<div class="ambient" aria-hidden="true">
|
||
<div class="band b2"></div>
|
||
<div class="band b3"></div>
|
||
<svg class="ambient-arc" viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet" style="opacity:.4">
|
||
<path d="M 60 420 Q 700 -40 1340 420" fill="none" stroke="url(#bifrostAurora)"
|
||
stroke-width="18" stroke-linecap="round" filter="url(#auroraGlow)" opacity="0.5"/>
|
||
</svg>
|
||
</div>
|
||
<div class="slide-inner 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>
|