joh/customer-presentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
customer-presentation/protected/mobile/index.html
Arlind Ukshini cd9bd71f4b mobile: drop the masthead logout button 
Masthead is now the Fenja wordmark on its own, centred. The logout
handler and the .m-logout CSS are gone; mobile.js header comment
updated to reflect "two behaviours" (session check + join CTA).
Users who need to log out can do so from a desktop session or by
clearing cookies.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-24 10:34:37 +02:00

337 lines
21 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="robots" content="noindex, nofollow" />
<meta name="theme-color" content="#faf6ee" />
<title>Fenja AI &mdash; Project Bifrost</title>
<link rel="stylesheet" href="/fenja/colors_and_type.css" />
<link rel="stylesheet" href="/mobile/mobile.css" />
</head>
<body>
<header class="m-masthead">
<a class="m-logo" href="/" aria-label="Back to entrance">
<img src="/fenja/fenja-wordmark-black.svg" alt="Fenja" />
</a>
</header>
<main class="m-main">
<!-- ─── Timeline intro ─── -->
<section class="m-section m-intro">
<h1 class="m-title">When AI runs Europe, who runs the <em>AI?</em></h1>
<p class="m-body">
We&rsquo;ve spent years building data and AI across Denmark and Europe, watching one dependency harden after another. AI is different. The United States has made that clear. China has made that clear. You cannot stand strong in this century on AI you do not control &mdash; and for the first time in a generation, Europe has both the reason and the moment to build its own. The window is closing faster than most realise. It is open now. It will not be open long.
</p>
<p class="m-body m-body--accent">
As AI moves into our hospitals, our courts, our defence, our schools &mdash; can we afford for the switch to sit in <em>Washington?</em>
</p>
</section>
<!-- ─── Timeline carousel (horizontal scroll-snap) ───
Twelve events become a single swipeable deck; each tile snaps
to the left edge so the user moves through one story at a
time instead of scrolling an endless vertical list. -->
<section class="m-section m-timeline" aria-label="Timeline of events">
<div class="m-timeline-intro">
<h2 class="m-section-head">The last 18 months, in twelve <em>moments.</em></h2>
<p class="m-swipe-hint" aria-hidden="true"><span>Swipe</span> &rarr;</p>
</div>
<div class="m-timeline-track" role="list">
<article class="m-event" data-accent="copper" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Editorial</span><span class="m-event-date">September 2024</span></div>
<h3 class="m-event-hed">Three American firms run 70% of Europe&rsquo;s cloud &mdash; and almost all of its <em>AI.</em></h3>
<p class="m-event-body">Mario Draghi&rsquo;s verdict to the European Parliament: only four of the world&rsquo;s top fifty tech companies are European. &ldquo;It is too late,&rdquo; he writes, to challenge American cloud providers. Without radical reform, the EU faces &ldquo;slow agony.&rdquo;</p>
<div class="m-event-source">The Draghi Report &middot; Brussels</div>
<div class="m-event-index"><span>01</span> / 12</div>
</article>
<article class="m-event" data-accent="copper" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Field Note</span><span class="m-event-date">December 2024</span></div>
<h3 class="m-event-hed">Denmark warns: digital society is now &ldquo;extremely <em>vulnerable.</em>&rdquo;</h3>
<p class="m-event-body">The expert group on tech giants reports: dependence on a handful of foreign suppliers is no longer a procurement question. It is a national security one. Minister Bodskov: &ldquo;we need to fence in the tech giants.&rdquo;</p>
<div class="m-event-source">Danish Expert Group &middot; Copenhagen</div>
<div class="m-event-index"><span>02</span> / 12</div>
</article>
<article class="m-event" data-accent="crimson" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Rupture</span><span class="m-event-date">January 2025</span></div>
<h3 class="m-event-hed">Trump refuses to rule out military force against <em>Greenland.</em></h3>
<p class="m-event-body">Two weeks before inauguration, the president-elect threatens &ldquo;very high tariffs&rdquo; on Denmark. The shock in Copenhagen is total.</p>
<div class="m-event-source">Mar-a-Lago &middot; Press Conference</div>
<div class="m-event-index"><span>03</span> / 12</div>
</article>
<article class="m-event" data-accent="crimson" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Rupture</span><span class="m-event-date">May 2025</span></div>
<h3 class="m-event-hed">Microsoft cuts off the ICC chief prosecutor&rsquo;s <em>email.</em></h3>
<p class="m-event-body">A US tech company, complying with a US executive order, disables the digital life of an officer of an international tribunal in the Netherlands. The &ldquo;kill switch&rdquo; stops being theoretical.</p>
<div class="m-event-source">Associated Press &middot; The Hague</div>
<div class="m-event-index"><span>04</span> / 12</div>
</article>
<article class="m-event" data-accent="copper" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Regulation</span><span class="m-event-date">June 2025</span></div>
<h3 class="m-event-hed">Microsoft admits under oath: it cannot guarantee European <em>sovereignty.</em></h3>
<p class="m-event-body">Even data on European soil, with European staff, encrypted with European keys &mdash; US authorities can compel disclosure under the CLOUD Act. The legal fiction collapses.</p>
<div class="m-event-source">French Senate Hearing &middot; Paris</div>
<div class="m-event-index"><span>05</span> / 12</div>
</article>
<article class="m-event" data-accent="ochre" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Field Note</span><span class="m-event-date">June 2025</span></div>
<h3 class="m-event-hed">Copenhagen&rsquo;s Microsoft bill jumps <em>72% in five years.</em></h3>
<p class="m-event-body">From 313 to 538 million Danish kroner. Copenhagen and Aarhus announce they will leave Microsoft entirely. The minister of emergency tells companies: &ldquo;create exit plans for cloud services.&rdquo;</p>
<div class="m-event-source">Copenhagen Municipality &middot; Finance Report</div>
<div class="m-event-index"><span>06</span> / 12</div>
</article>
<article class="m-event" data-accent="copper" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Regulation</span><span class="m-event-date">Summer 2025</span></div>
<h3 class="m-event-hed">A Danish minister tells industry: prepare your exit plans for <em>cloud services.</em></h3>
<p class="m-event-body">Caroline Stage Olsen begins moving her ministry off Microsoft 365. The minister of emergency preparedness urges every Danish company to do the same. Continued dependence is now classified as a vulnerability.</p>
<div class="m-event-source">Danish Ministry of Digital Affairs</div>
<div class="m-event-index"><span>07</span> / 12</div>
</article>
<article class="m-event" data-accent="crimson" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Rupture</span><span class="m-event-date">August 2025</span></div>
<h3 class="m-event-hed">Trump threatens tariffs against any country with digital <em>regulations.</em></h3>
<p class="m-event-body">&ldquo;American technology is not the world&rsquo;s piggy bank.&rdquo; The DSA, the DMA, the AI Act &mdash; all reframed as discriminatory trade barriers. Chip export restrictions are added to the list of consequences.</p>
<div class="m-event-source">Truth Social &middot; Washington</div>
<div class="m-event-index"><span>08</span> / 12</div>
</article>
<article class="m-event" data-accent="crimson" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Rupture</span><span class="m-event-date">January 2026</span></div>
<h3 class="m-event-hed">Trump imposes tariffs on Denmark and seven <em>European nations.</em></h3>
<p class="m-event-body">10% in February. 25% from June &mdash; until Denmark cedes Greenland. Denmark, Norway, Sweden, Finland, France, Germany, Netherlands, UK. The post-war alliance, weaponised.</p>
<div class="m-event-source">Presidential Executive Order</div>
<div class="m-event-index"><span>09</span> / 12</div>
</article>
<article class="m-event" data-accent="crimson" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Rupture</span><span class="m-event-date">January 2026</span></div>
<h3 class="m-event-hed">Denmark names the United States as a national security <em>threat.</em></h3>
<p class="m-event-body">For the first time in history, the official Danish threat assessment lists the US alongside Russia and China. Defence committee chair Rasmus Jarlov tells Washington: &ldquo;You are the threat. Not them.&rdquo;</p>
<div class="m-event-source">Danish Defence Intelligence &middot; FE</div>
<div class="m-event-index"><span>10</span> / 12</div>
</article>
<article class="m-event" data-accent="terracotta" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Product</span><span class="m-event-date">February 2026</span></div>
<h3 class="m-event-hed">The court that prosecutes war crimes can no longer use American <em>software.</em></h3>
<p class="m-event-body">The ICC migrates to OpenDesk &mdash; an open-source suite delivered by the German Centre for Digital Sovereignty. If a global tribunal cannot trust Microsoft, the implication for every other European institution is unavoidable.</p>
<div class="m-event-source">Handelsblatt &middot; The Hague</div>
<div class="m-event-index"><span>11</span> / 12</div>
</article>
<article class="m-event" data-accent="copper" role="listitem">
<div class="m-event-meta"><span class="m-event-kind">Regulation</span><span class="m-event-date">Q1 2026</span></div>
<h3 class="m-event-hed">Europe drafts a sovereignty law as US firms still hold 70% of the <em>cloud.</em></h3>
<p class="m-event-body">Europe writes rules for infrastructure it does not own. US hyperscalers add &euro;10 billion of European capacity every quarter &mdash; more than Gaia-X spent in a decade. The servers stay in Texas. The AI models stay in California. The law changes neither.</p>
<div class="m-event-source">European Commission &middot; Brussels</div>
<div class="m-event-index"><span>12</span> / 12</div>
</article>
</div>
</section>
<!-- ─── Transition ─── -->
<section class="m-section m-transition">
<span class="m-rule-top" aria-hidden="true"></span>
<p class="m-transition-eyebrow">How Fenja AI <em>addresses</em> this</p>
<span class="m-rule-bottom" aria-hidden="true"></span>
</section>
<!-- ─── Hero ─── -->
<section class="m-section m-hero">
<div class="m-hero-mark" aria-hidden="true">
<img src="/fenja/fenja-wordmark-black.svg" alt="" />
</div>
<p class="m-eyebrow">For regulated environments</p>
<h2 class="m-hero-title">
Fenja AI &mdash; Secure &amp; <em>Sovereign,</em> hosted where it <em>belongs.</em>
</h2>
<p class="m-hero-lede">
Fenja AI is a sovereign AI platform, enabling highly advanced AI capabilities hosted within the client&rsquo;s own secure infrastructure.
</p>
<div class="m-support">
<span class="m-support-label">Supported by</span>
<span class="m-support-name">Innovationsfonden</span>
</div>
</section>
<!-- ─── Capabilities (4 layers) ─── -->
<section class="m-section m-caps" aria-labelledby="m-caps-head">
<p class="m-section-eyebrow">One complete platform</p>
<h2 id="m-caps-head" class="m-section-head">The Fenja AI platform in <em>four steps.</em></h2>
<article class="m-cap">
<img class="m-cap-icon" src="/fenja/illustrations/ai.png" alt="" aria-hidden="true" />
<span class="m-cap-num">1 / 4</span>
<p class="m-cap-eyebrow">The AI</p>
<h3 class="m-cap-title">An <b>open-source</b> model, running on your <em>own hardware.</em></h3>
<p class="m-cap-body">A state-of-the-art open-source language model deployed directly in your environment. It gives you powerful AI capabilities with full control over data, performance, and security.</p>
</article>
<article class="m-cap">
<img class="m-cap-icon" src="/fenja/illustrations/lightbulb%20-%20knowledge.png" alt="" aria-hidden="true" />
<span class="m-cap-num">2 / 4</span>
<p class="m-cap-eyebrow">The Knowledge</p>
<h3 class="m-cap-title">The business context that makes <em>AI understand your world.</em></h3>
<p class="m-cap-body">A built-in knowledge layer that helps the platform understand your terminology, processes, and data. It retains what matters, improves over time, and gives the AI the context needed to deliver relevant and accurate results.</p>
</article>
<article class="m-cap">
<img class="m-cap-icon" src="/fenja/illustrations/blocs%20tools.png" alt="" aria-hidden="true" />
<span class="m-cap-num">3 / 4</span>
<p class="m-cap-eyebrow">The Tools</p>
<h3 class="m-cap-title">How AI <b>acts</b> &mdash; not just what it <em>knows.</em></h3>
<p class="m-cap-body">The capabilities that let the platform do real work across your environment. From search and retrieval to data access, automation, and analysis, these are the tools the AI uses to solve tasks in practice.</p>
</article>
<article class="m-cap">
<img class="m-cap-icon" src="/fenja/illustrations/agents.png" alt="" aria-hidden="true" />
<span class="m-cap-num">4 / 4</span>
<p class="m-cap-eyebrow">The Agents</p>
<h3 class="m-cap-title">Specialized AI agents <b>working together</b> around <em>real tasks.</em></h3>
<p class="m-cap-body">Purpose-built agents designed to handle distinct roles and workflows. Fenja AI includes both ready-made agents and the framework to build new ones, so you can orchestrate AI the same way your organisation already works &mdash; through specialisation and coordination.</p>
</article>
</section>
<!-- ─── Project Bifrost reveal ───
The aurora arc from the desktop hero, held still as a cropped
backdrop. Sized wider than the viewport so the arc runs off
both edges rather than shrinking into a thin ribbon. Drawn
once, static — no GSAP, no scrub. -->
<section class="m-section m-bifrost">
<div class="m-bifrost-arc" aria-hidden="true">
<svg viewBox="0 0 1400 500" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="mAurora" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#b48755" stop-opacity="0"/>
<stop offset="15%" stop-color="#b48755" stop-opacity="0.95"/>
<stop offset="40%" stop-color="#a4553b" stop-opacity="0.95"/>
<stop offset="65%" stop-color="#5c7b8e" stop-opacity="0.95"/>
<stop offset="85%" stop-color="#6e5a86" stop-opacity="0.95"/>
<stop offset="100%" stop-color="#6e5a86" stop-opacity="0"/>
</linearGradient>
<linearGradient id="mAuroraSoft" x1="0" x2="1" y1="0" y2="0">
<stop offset="0%" stop-color="#b48755" stop-opacity="0"/>
<stop offset="15%" stop-color="#b48755" stop-opacity="0.28"/>
<stop offset="40%" stop-color="#a4553b" stop-opacity="0.28"/>
<stop offset="65%" stop-color="#5c7b8e" stop-opacity="0.28"/>
<stop offset="85%" stop-color="#6e5a86" stop-opacity="0.28"/>
<stop offset="100%" stop-color="#6e5a86" stop-opacity="0"/>
</linearGradient>
<filter id="mSoftGlow" x="-20%" y="-50%" width="140%" height="200%">
<feGaussianBlur stdDeviation="10"/>
</filter>
</defs>
<path d="M 60 420 Q 700 -40 1340 420"
fill="none" stroke="url(#mAuroraSoft)"
stroke-width="28" stroke-linecap="round"
filter="url(#mSoftGlow)"/>
<path d="M 60 420 Q 700 -40 1340 420"
fill="none" stroke="url(#mAurora)"
stroke-width="3" stroke-linecap="round"/>
<path d="M 80 420 Q 700 -20 1320 420"
fill="none" stroke="url(#mAurora)"
stroke-width="1" stroke-linecap="round" opacity="0.6"/>
</svg>
</div>
<div class="m-bifrost-content">
<p class="m-bifrost-eyebrow">Introducing</p>
<h2 class="m-bifrost-name">Project <em>Bifrost</em></h2>
<p class="m-bifrost-sub">
The bridge <em>between</em> an industrial-grade AI platform and the realities of regulated organisations &mdash; built <em>with</em> them, not just for them.
</p>
</div>
</section>
<!-- ─── What Project Bifrost means ─── -->
<section class="m-section m-meaning" aria-labelledby="m-meaning-head">
<p class="m-section-eyebrow">The invitation</p>
<h2 id="m-meaning-head" class="m-section-head">
What being part of <em>Project Bifrost</em> means
</h2>
<p class="m-meaning-lede">
Three ways to <em>shape</em>, to <em>influence</em>, and to <em>build with</em> the platform from the inside.
</p>
<article class="m-stop">
<img class="m-stop-illust" src="/fenja/illustrations/community.svg" alt="" aria-hidden="true" />
<p class="m-stop-eyebrow">Be part of a</p>
<h3 class="m-stop-title"><em>Community</em></h3>
<p class="m-stop-sub">Shape the future together</p>
<p class="m-stop-body">Join a select community of organisations helping define the future of trusted sovereign AI in Denmark and Europe. At a time when Europe needs greater technological independence, this is an opportunity to contribute to an AI platform built on trust, shared ambition, and a common mission.</p>
</article>
<article class="m-stop">
<img class="m-stop-illust" src="/fenja/illustrations/council.svg" alt="" aria-hidden="true" />
<p class="m-stop-eyebrow">Be part of an</p>
<h3 class="m-stop-title"><em>Advisory Council</em></h3>
<p class="m-stop-sub">Turn insight into influence</p>
<p class="m-stop-body">Take part in regular advisory council sessions where your input directly shapes the product and platform roadmap. Gain first-hand insight into cutting-edge AI developments and help influence what is built, which capabilities are prioritised, and how the platform evolves to meet real organisational needs.</p>
</article>
<article class="m-stop">
<img class="m-stop-illust" src="/fenja/illustrations/pilot.svg" alt="" aria-hidden="true" />
<p class="m-stop-eyebrow">Be part of</p>
<h3 class="m-stop-title"><em>Pilot Projects</em></h3>
<p class="m-stop-sub">Access the platform before others</p>
<p class="m-stop-body">A select number of Project Bifrost participants will have the opportunity to join pilot projects and gain early access to the platform at a significantly reduced price, subsidised by the Innovation Fund. This gives your organisation the chance to explore cutting-edge sovereign AI early, realise value at low cost, and help shape the platform through real-world use.</p>
</article>
</section>
<!-- ─── Join CTA ─── -->
<section class="m-section m-join" aria-labelledby="m-join-head">
<div class="m-join-panel" id="m-join-cta">
<p class="m-join-eyebrow">Ready?</p>
<h2 id="m-join-head" class="m-join-headline">
Join us in shaping the future of <em>trusted sovereign AI.</em>
</h2>
<button type="button" class="m-join-button" id="m-join-btn">
Join Project Bifrost
</button>
<p class="m-join-subtext">Built in Denmark. Supported by the Innovation Fund.</p>
</div>
<div class="m-join-panel m-join-confirmation" id="m-join-confirm" hidden>
<p class="m-join-eyebrow">You&rsquo;re in</p>
<h2 class="m-join-headline">Thank you for joining <em>Project Bifrost</em>.</h2>
<ul class="m-confirm-list">
<li>The <em>Fenja AI team</em> will reach out to you shortly.</li>
<li>You&rsquo;ll receive an invitation to the <em>project portal</em> soon &mdash; where all project communication, materials, and updates will live.</li>
<li>We&rsquo;re currently setting the date for the <em>first advisory council meeting</em>. You&rsquo;ll be invited as soon as it&rsquo;s confirmed.</li>
<li>We&rsquo;ll be in touch shortly about your participation in the <em>pilot project</em>.</li>
</ul>
</div>
</section>
<footer class="m-foot" aria-label="Supporters">
<div class="m-foot-mark m-foot-mark--project">
Project <em>Bifrost</em>
</div>
<img class="m-foot-mark m-foot-mark--fenja"
src="/fenja/fenja-wordmark-black.svg"
alt="Fenja AI" />
<div class="m-foot-mark m-foot-mark--innov" aria-label="Innovationsfonden">
<svg class="m-innov-mark" viewBox="0 0 60 100" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M 22 4 L 55 4 L 38 96 L 5 96 Z" fill="currentColor"/>
</svg>
<span class="m-innov-word">nnovationsfonden</span>
</div>
</footer>
</main>
<script src="/mobile/mobile.js" defer></script>
</body>
</html>
Reference in a new issue View git blame Copy permalink