deck: fourth round — restore slide 13 cards, shorten box copy, logo tuning
- Slide 13: back to the icon-art box styling (gradient header + line icon) with the shortened two-bullet copy. - Slide 16: independent green solution cards (own classes) with the shortened copy. - Slide 1: 'Velkommen til' lifted further; lower line shortened to 'Advisory Meeting - 001' and dropped lower. - Slide 3: title lifted further. - Slide 4: values -3% and left-aligned under the wordmark; supporter row now spans full width (Innovationsfonden hard left, DCAI hard right); Datatilsynet +5%, Digitaliseringsstyrelsen + DCAI +15%. - Slide 17: sandbox logos +30%. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
c775e02d3d
commit
c748ef1576
2 changed files with 205 additions and 122 deletions
|
|
@ -383,7 +383,7 @@ img { display: block; max-width: 100%; }
|
||||||
color: var(--ink-dim);
|
color: var(--ink-dim);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
/* Lifted higher above the wordmark. */
|
/* Lifted higher above the wordmark. */
|
||||||
margin: 0 0 clamp(1.8rem, 5.5vh, 3.6rem);
|
margin: 0 0 clamp(2.8rem, 8.5vh, 5.5rem);
|
||||||
}
|
}
|
||||||
/* "Project Bifrost" wordmark — the old reveal's typography. */
|
/* "Project Bifrost" wordmark — the old reveal's typography. */
|
||||||
.bifrost-name {
|
.bifrost-name {
|
||||||
|
|
@ -412,7 +412,7 @@ img { display: block; max-width: 100%; }
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
color: var(--ink-dim);
|
color: var(--ink-dim);
|
||||||
margin: 0;
|
margin: clamp(1.2rem, 3.5vh, 2.4rem) 0 0; /* dropped a little lower */
|
||||||
}
|
}
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.js .bifrost-arc path { stroke-dashoffset: 0; }
|
.js .bifrost-arc path { stroke-dashoffset: 0; }
|
||||||
|
|
@ -451,7 +451,7 @@ img { display: block; max-width: 100%; }
|
||||||
/* ════════════════════ Slide 3 — Board / introductions ════════════════════ */
|
/* ════════════════════ Slide 3 — Board / introductions ════════════════════ */
|
||||||
/* Wider container + slightly larger portraits keep the same air between
|
/* Wider container + slightly larger portraits keep the same air between
|
||||||
people (they just spread further out). Whole block lifted a touch. */
|
people (they just spread further out). Whole block lifted a touch. */
|
||||||
#slide-board .slide-inner { max-width: 1320px; transform: translateY(-4vh); }
|
#slide-board .slide-inner { max-width: 1320px; transform: translateY(-9vh); }
|
||||||
.board-head { text-align: center; margin-bottom: clamp(1.8rem, 4vh, 3rem); }
|
.board-head { text-align: center; margin-bottom: clamp(1.8rem, 4vh, 3rem); }
|
||||||
.board-head .slide-title { margin-inline: auto; max-width: 20ch; }
|
.board-head .slide-title { margin-inline: auto; max-width: 20ch; }
|
||||||
.board-grid {
|
.board-grid {
|
||||||
|
|
@ -521,17 +521,26 @@ img { display: block; max-width: 100%; }
|
||||||
gap: clamp(1.4rem, 3.5vh, 2.4rem);
|
gap: clamp(1.4rem, 3.5vh, 2.4rem);
|
||||||
}
|
}
|
||||||
.mission-fenja { width: clamp(240px, 32vw, 460px); height: auto; }
|
.mission-fenja { width: clamp(240px, 32vw, 460px); height: auto; }
|
||||||
|
/* Values share the logo's box width and indent to where the "Fenja AI"
|
||||||
|
wordmark begins, so the text sits left-aligned under the wordmark. */
|
||||||
.mission-values {
|
.mission-values {
|
||||||
font-family: var(--font-sans);
|
font-family: var(--font-sans);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: clamp(1.4rem, 2.5vw, 2.1rem); /* +40% */
|
font-size: clamp(1.36rem, 2.42vw, 2.04rem); /* +40%, then -3% */
|
||||||
letter-spacing: 0.01em;
|
letter-spacing: 0.01em;
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
width: clamp(240px, 32vw, 460px);
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-left: 27%;
|
||||||
|
text-align: left;
|
||||||
}
|
}
|
||||||
/* Foot — pinned to the bottom row of the slide. */
|
/* Foot — pinned to the bottom row of the slide, full width so the logos
|
||||||
|
can spread out to the edges. */
|
||||||
.mission-foot {
|
.mission-foot {
|
||||||
align-self: end;
|
align-self: end;
|
||||||
|
justify-self: stretch;
|
||||||
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: grid;
|
display: grid;
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
|
|
@ -549,10 +558,12 @@ img { display: block; max-width: 100%; }
|
||||||
size adjustments. Innovationsfonden is the largest footprint, BII and
|
size adjustments. Innovationsfonden is the largest footprint, BII and
|
||||||
Datatilsynet held back. (Innovationsfonden's PNG is cropped tight so its
|
Datatilsynet held back. (Innovationsfonden's PNG is cropped tight so its
|
||||||
height reads true.) */
|
height reads true.) */
|
||||||
/* Spread the logos across the full width — they push out to the sides
|
/* Spread the logos across the full width — Innovationsfonden hard left,
|
||||||
with maximum air between them. */
|
DCAI hard right, the rest evenly spaced between. */
|
||||||
.mission-logos {
|
.mission-logos {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 1500px;
|
||||||
|
margin-inline: auto;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: clamp(1rem, 2.5vw, 2.5rem);
|
gap: clamp(1rem, 2.5vw, 2.5rem);
|
||||||
|
|
@ -564,9 +575,9 @@ img { display: block; max-width: 100%; }
|
||||||
}
|
}
|
||||||
.mission-logos .partner-logo img.logo-inf { height: clamp(40px, 4.8vw, 58px); max-width: clamp(200px, 26vw, 300px); } /* +50% footprint */
|
.mission-logos .partner-logo img.logo-inf { height: clamp(40px, 4.8vw, 58px); max-width: clamp(200px, 26vw, 300px); } /* +50% footprint */
|
||||||
.mission-logos .partner-logo img.logo-bii { height: clamp(27px, 3.2vw, 40px); } /* -20% */
|
.mission-logos .partner-logo img.logo-bii { height: clamp(27px, 3.2vw, 40px); } /* -20% */
|
||||||
.mission-logos .partner-logo img.logo-dt { height: clamp(32px, 3.8vw, 47px); } /* -10%, then +5% */
|
.mission-logos .partner-logo img.logo-dt { height: clamp(34px, 4vw, 49px); } /* +5% */
|
||||||
.mission-logos .partner-logo img.logo-ds { height: clamp(37px, 4.4vw, 53px); } /* +10% */
|
.mission-logos .partner-logo img.logo-ds { height: clamp(43px, 5.1vw, 61px); } /* +15% */
|
||||||
.mission-logos .partner-logo img.logo-dcai { height: clamp(37px, 4.4vw, 53px); } /* +10% */
|
.mission-logos .partner-logo img.logo-dcai { height: clamp(43px, 5.1vw, 61px); } /* +15% */
|
||||||
|
|
||||||
/* Quiet partner-logo row (sandbox) */
|
/* Quiet partner-logo row (sandbox) */
|
||||||
.partner-row {
|
.partner-row {
|
||||||
|
|
@ -600,8 +611,8 @@ img { display: block; max-width: 100%; }
|
||||||
mission row, digitaliseringsstyrelsen a further 10% on top. */
|
mission row, digitaliseringsstyrelsen a further 10% on top. */
|
||||||
.partner-row.lg { gap: clamp(2.4rem, 6vw, 5rem); }
|
.partner-row.lg { gap: clamp(2.4rem, 6vw, 5rem); }
|
||||||
.partner-row.lg .partner-logo img { height: clamp(39px, 4.7vw, 60px); opacity: 0.85; }
|
.partner-row.lg .partner-logo img { height: clamp(39px, 4.7vw, 60px); opacity: 0.85; }
|
||||||
.partner-row.lg .partner-logo img.ds-logo { height: clamp(70px, 8.5vw, 110px); } /* +50% */
|
.partner-row.lg .partner-logo img.ds-logo { height: clamp(91px, 11vw, 143px); } /* +50%, then +30% */
|
||||||
.partner-row.lg .partner-logo img.dt-logo { height: clamp(51px, 6.1vw, 78px); } /* +30% */
|
.partner-row.lg .partner-logo img.dt-logo { height: clamp(66px, 7.9vw, 101px); } /* +30%, then +30% */
|
||||||
|
|
||||||
/* ════════════════════ Slide 6 — Pause ════════════════════ */
|
/* ════════════════════ Slide 6 — Pause ════════════════════ */
|
||||||
#slide-pause { }
|
#slide-pause { }
|
||||||
|
|
@ -761,84 +772,140 @@ img { display: block; max-width: 100%; }
|
||||||
font-size: clamp(1.55rem, 3.85vw, 3.6rem);
|
font-size: clamp(1.55rem, 3.85vw, 3.6rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ════════════════════ Highlight / solution boxes (slides 13 & 16) ════════════════════
|
/* ════════════════════ Slide 13 — risk boxes (icon-art styling) ════════════════════
|
||||||
Text-forward cards: number + title, a bold lead, three supporting
|
The original card: a coloured gradient header with a line icon, then a
|
||||||
bullets. A coloured top rule carries the category; the green-washed
|
body of number / name / lead / two bullets. */
|
||||||
`.solutions` variant signals "these are the answers". */
|
.hl-inner { max-width: 1200px; }
|
||||||
.hl-inner { max-width: 1460px; }
|
.highlights-head { text-align: center; margin-bottom: clamp(1rem, 2.6vh, 1.8rem); }
|
||||||
.highlights-head { text-align: center; margin-bottom: clamp(0.8rem, 2.2vh, 1.6rem); }
|
|
||||||
.highlights-head .slide-title { font-size: clamp(1.5rem, 2.8vw, 2.3rem); }
|
.highlights-head .slide-title { font-size: clamp(1.5rem, 2.8vw, 2.3rem); }
|
||||||
.highlight-grid {
|
.highlight-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(4, 1fr);
|
grid-template-columns: repeat(4, 1fr);
|
||||||
gap: clamp(0.8rem, 1.5vw, 1.4rem);
|
gap: clamp(0.9rem, 1.8vw, 1.5rem);
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
}
|
}
|
||||||
.highlight-box {
|
.highlight-box {
|
||||||
--tone: var(--ink-dim);
|
position: relative;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
overflow: hidden;
|
||||||
background: var(--paper-high);
|
background: var(--paper-high);
|
||||||
border-radius: var(--radius-md);
|
|
||||||
border-top: 3px solid var(--tone);
|
|
||||||
box-shadow:
|
box-shadow:
|
||||||
0 0 0 0.5px rgba(56,56,49,0.06),
|
0 0 0 0.5px rgba(56,56,49,0.06),
|
||||||
0 16px 32px -22px rgba(56,56,49,0.26);
|
0 18px 36px -22px rgba(56,56,49,0.28);
|
||||||
padding: clamp(1rem, 1.6vw, 1.45rem) clamp(1rem, 1.5vw, 1.3rem) clamp(1.1rem, 1.8vw, 1.5rem);
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.highlight-art {
|
||||||
|
height: clamp(108px, 15vh, 150px);
|
||||||
|
flex: 0 0 auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: clamp(0.5rem, 1vh, 0.85rem);
|
place-items: center;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.highlight-art svg { width: 44%; height: 44%; stroke: rgba(255,252,247,0.92); }
|
||||||
|
.highlight-box[data-tone="terracotta"] .highlight-art { background: linear-gradient(150deg, #c98a78, #a4553b); }
|
||||||
|
.highlight-box[data-tone="indigo"] .highlight-art { background: linear-gradient(150deg, #7b91a6, #5a6d83); }
|
||||||
|
.highlight-box[data-tone="heather"] .highlight-art { background: linear-gradient(150deg, #a594a0, #6e5a86); }
|
||||||
|
.highlight-box[data-tone="ochre"] .highlight-art { background: linear-gradient(150deg, #d4b478, #b08a3e); }
|
||||||
|
.highlight-body {
|
||||||
|
padding: clamp(1rem, 1.6vw, 1.35rem);
|
||||||
|
display: grid;
|
||||||
|
gap: 0.4rem;
|
||||||
align-content: start;
|
align-content: start;
|
||||||
text-align: left;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.highlight-box[data-tone="indigo"] { --tone: var(--indigo); }
|
.highlight-num { font-family: var(--font-serif); font-style: italic; font-size: 0.85rem; color: var(--ink-dim); }
|
||||||
.highlight-box[data-tone="terracotta"] { --tone: var(--terracotta); }
|
.highlight-name {
|
||||||
.highlight-box[data-tone="heather"] { --tone: var(--heather); }
|
|
||||||
.highlight-box[data-tone="ochre"] { --tone: var(--ochre); }
|
|
||||||
.highlight-box[data-tone="copper"] { --tone: var(--copper); }
|
|
||||||
/* Solutions — quiet green wash so the slide reads as the answers. */
|
|
||||||
.highlight-grid.solutions .highlight-box {
|
|
||||||
--tone: var(--copper);
|
|
||||||
background: linear-gradient(180deg, rgba(109,140,124,0.12), rgba(255,252,247,0.65));
|
|
||||||
}
|
|
||||||
.hl-head {
|
|
||||||
font-family: var(--font-sans);
|
|
||||||
font-weight: 700;
|
|
||||||
font-size: clamp(0.92rem, 1.2vw, 1.12rem);
|
|
||||||
letter-spacing: -0.01em;
|
|
||||||
color: var(--ink);
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.hl-head .hl-num { color: var(--tone); }
|
|
||||||
.hl-lead {
|
|
||||||
font-family: var(--font-serif);
|
font-family: var(--font-serif);
|
||||||
font-size: clamp(0.9rem, 1.12vw, 1.06rem);
|
font-weight: 400;
|
||||||
line-height: 1.32;
|
font-size: clamp(1.1rem, 1.55vw, 1.38rem);
|
||||||
|
line-height: 1.12;
|
||||||
|
letter-spacing: -0.015em;
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.hl-list {
|
.highlight-lead {
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
display: grid;
|
|
||||||
gap: clamp(0.4rem, 0.9vh, 0.7rem);
|
|
||||||
}
|
|
||||||
.hl-list li {
|
|
||||||
position: relative;
|
|
||||||
padding-left: 0.95rem;
|
|
||||||
font-family: var(--font-sans);
|
font-family: var(--font-sans);
|
||||||
font-size: clamp(0.72rem, 0.9vw, 0.84rem);
|
font-weight: 600;
|
||||||
line-height: 1.4;
|
font-size: clamp(0.8rem, 1vw, 0.92rem);
|
||||||
|
line-height: 1.38;
|
||||||
|
color: var(--ink);
|
||||||
|
margin: 0.2rem 0 0;
|
||||||
|
}
|
||||||
|
.highlight-bullets { list-style: none; margin: 0.2rem 0 0; padding: 0; display: grid; gap: 0.35rem; }
|
||||||
|
.highlight-bullets li {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 0.85rem;
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
font-size: clamp(0.72rem, 0.9vw, 0.82rem);
|
||||||
|
line-height: 1.38;
|
||||||
color: var(--ink-soft);
|
color: var(--ink-soft);
|
||||||
}
|
}
|
||||||
.hl-list li::before {
|
.highlight-bullets li::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0; top: 0.5em;
|
left: 0; top: 0.5em;
|
||||||
width: 5px; height: 5px;
|
width: 5px; height: 5px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
background: var(--tone);
|
background: var(--ink-faint);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ════════════════════ Slide 16 — solution boxes (green text cards) ════════════════════ */
|
||||||
|
.sol-inner { max-width: 1380px; }
|
||||||
|
.solution-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: clamp(0.8rem, 1.5vw, 1.4rem);
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
.solution-box {
|
||||||
|
background: linear-gradient(180deg, rgba(109,140,124,0.12), rgba(255,252,247,0.65));
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
border-top: 3px solid var(--copper);
|
||||||
|
box-shadow:
|
||||||
|
0 0 0 0.5px rgba(56,56,49,0.06),
|
||||||
|
0 16px 32px -22px rgba(56,56,49,0.26);
|
||||||
|
padding: clamp(1.1rem, 1.7vw, 1.55rem) clamp(1rem, 1.5vw, 1.3rem);
|
||||||
|
display: grid;
|
||||||
|
gap: clamp(0.6rem, 1.2vh, 1rem);
|
||||||
|
align-content: start;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.sol-head {
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: clamp(0.95rem, 1.25vw, 1.15rem);
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
color: var(--ink);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.sol-head .sol-num { color: var(--copper); }
|
||||||
|
.sol-lead {
|
||||||
|
font-family: var(--font-serif);
|
||||||
|
font-size: clamp(0.95rem, 1.18vw, 1.12rem);
|
||||||
|
line-height: 1.32;
|
||||||
|
color: var(--ink);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.sol-list { list-style: none; margin: 0; padding: 0; display: grid; gap: clamp(0.45rem, 0.95vh, 0.75rem); }
|
||||||
|
.sol-list li {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 0.95rem;
|
||||||
|
font-family: var(--font-sans);
|
||||||
|
font-size: clamp(0.78rem, 0.95vw, 0.9rem);
|
||||||
|
line-height: 1.42;
|
||||||
|
color: var(--ink-soft);
|
||||||
|
}
|
||||||
|
.sol-list li::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0; top: 0.5em;
|
||||||
|
width: 5px; height: 5px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--copper);
|
||||||
}
|
}
|
||||||
@media (max-width: 980px) {
|
@media (max-width: 980px) {
|
||||||
.highlight-grid { grid-template-columns: repeat(2, 1fr); }
|
.highlight-grid, .solution-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ════════════════════ Slide 12 — Meme ════════════════════ */
|
/* ════════════════════ Slide 12 — Meme ════════════════════ */
|
||||||
|
|
|
||||||
124
index.html
124
index.html
|
|
@ -47,7 +47,7 @@
|
||||||
<div class="hero-text reveal">
|
<div class="hero-text reveal">
|
||||||
<p class="hero-eyebrow">Velkommen til</p>
|
<p class="hero-eyebrow">Velkommen til</p>
|
||||||
<h1 class="bifrost-name"><span>Project</span> <span class="accent">Bifrost</span></h1>
|
<h1 class="bifrost-name"><span>Project</span> <span class="accent">Bifrost</span></h1>
|
||||||
<p class="hero-sub">Bifrost Advisory Meeting - 001</p>
|
<p class="hero-sub">Advisory Meeting - 001</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
@ -342,43 +342,63 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight-grid reveal">
|
<div class="highlight-grid reveal">
|
||||||
<article class="highlight-box" data-tone="indigo">
|
<article class="highlight-box" data-tone="indigo">
|
||||||
<p class="hl-head"><span class="hl-num">01</span> — US Cloud Act</p>
|
<div class="highlight-art">
|
||||||
<p class="hl-lead">Amerikanske myndigheder kan få adgang til dine data. Også når de ligger i EU.</p>
|
<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>
|
||||||
<ul class="hl-list">
|
</div>
|
||||||
<li>Vælger du en amerikansk udbyder, gælder amerikansk lov. Også selvom dine data står i et datacenter i EU.</li>
|
<div class="highlight-body">
|
||||||
<li>Microsoft har under ed i fransk ret indrømmet, at de ikke kan garantere suverænitet. Heller ikke i deres egen “sovereign cloud”.</li>
|
<span class="highlight-num">01</span>
|
||||||
<li>Et datacenter i EU er bare en adresse. Det er ejeren, der afgør, hvilken lov der gælder, ikke hvor maskinen står.</li>
|
<h3 class="highlight-name">US Cloud Act</h3>
|
||||||
|
<p class="highlight-lead">Amerikanske myndigheder kan få adgang til dine data. Også når de ligger i EU.</p>
|
||||||
|
<ul class="highlight-bullets">
|
||||||
|
<li>Vælger du en amerikansk udbyder, gælder amerikansk lov. Også når data står i EU.</li>
|
||||||
|
<li>Microsoft har under ed indrømmet, at de ikke kan garantere suverænitet. Heller ikke i deres egen “sovereign cloud”.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="highlight-box" data-tone="terracotta">
|
<article class="highlight-box" data-tone="terracotta">
|
||||||
<p class="hl-head"><span class="hl-num">02</span> — Geopolitisk uro</p>
|
<div class="highlight-art">
|
||||||
<p class="hl-lead">Alliancer skifter. Det gør ét lands teknologi til en risiko, du ikke selv styrer.</p>
|
<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>
|
||||||
<ul class="hl-list">
|
</div>
|
||||||
<li>Handelspolitik kan vende hurtigt. Det gælder også hos nære partnere som USA.</li>
|
<div class="highlight-body">
|
||||||
|
<span class="highlight-num">02</span>
|
||||||
|
<h3 class="highlight-name">Geopolitisk uro</h3>
|
||||||
|
<p class="highlight-lead">Alliancer skifter. Det gør ét lands teknologi til en risiko, du ikke selv styrer.</p>
|
||||||
|
<ul class="highlight-bullets">
|
||||||
<li>Told og eksportrestriktioner kan ramme uden varsel og sende prisen op.</li>
|
<li>Told og eksportrestriktioner kan ramme uden varsel og sende prisen op.</li>
|
||||||
<li>Er du afhængig af ét lands teknologi, bliver din drift en brik i forhandlinger, du ikke selv sidder med i.</li>
|
<li>Er du afhængig af ét lands teknologi, bliver din drift en brik i andres forhandlinger.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="highlight-box" data-tone="heather">
|
<article class="highlight-box" data-tone="heather">
|
||||||
<p class="hl-head"><span class="hl-num">03</span> — Fable 5 / Mythos</p>
|
<div class="highlight-art">
|
||||||
<p class="hl-lead">En regering kan lukke din AI med ét brev.</p>
|
<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>
|
||||||
<ul class="hl-list">
|
</div>
|
||||||
<li>Den 1. juni 2026 lukkede den amerikanske regering adgangen til Anthropics bedste modeller, få dage efter de var udkommet.</li>
|
<div class="highlight-body">
|
||||||
<li>Det ramte alle brugere uden for USA. Sad du i Europa, mistede du adgangen, uanset hvad din kontrakt sagde.</li>
|
<span class="highlight-num">03</span>
|
||||||
<li>Der kom intet varsel og ingen overgangsperiode. På få timer holdt integrationer og produkter op med at virke.</li>
|
<h3 class="highlight-name">Fable 5 / Mythos</h3>
|
||||||
|
<p class="highlight-lead">En regering kan lukke din AI med ét brev.</p>
|
||||||
|
<ul class="highlight-bullets">
|
||||||
|
<li>Den 1. juni 2026 lukkede USA adgangen til Anthropics bedste modeller, få dage efter de var udkommet.</li>
|
||||||
|
<li>Alle brugere uden for USA mistede adgangen på timer. Uanset hvad kontrakten sagde.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="highlight-box" data-tone="ochre">
|
<article class="highlight-box" data-tone="ochre">
|
||||||
<p class="hl-head"><span class="hl-num">04</span> — Vendor lock-in</p>
|
<div class="highlight-art">
|
||||||
<p class="hl-lead">Lock-in på data var til at leve med. På intelligensen er det en anden sag.</p>
|
<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>
|
||||||
<ul class="hl-list">
|
</div>
|
||||||
<li>Lock-in på dataplatforme var slemt nok. Nu er det selve den intelligens, der driver forretningen, der bliver bundet.</li>
|
<div class="highlight-body">
|
||||||
<li>Vi så det med dataplatforme. Så snart udbyderne havde markedet, steg priserne.</li>
|
<span class="highlight-num">04</span>
|
||||||
<li>Er din kerneproces bundet til én udbyders model, er det dem, der sætter prisen. Og du betaler.</li>
|
<h3 class="highlight-name">Vendor lock-in</h3>
|
||||||
|
<p class="highlight-lead">Lock-in på data var til at leve med. På intelligensen er det en anden sag.</p>
|
||||||
|
<ul class="highlight-bullets">
|
||||||
|
<li>Vi så det med dataplatforme. Da udbyderne havde markedet, steg priserne.</li>
|
||||||
|
<li>Er din kerneproces bundet til én udbyders model, sætter de prisen. Og du betaler.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -409,49 +429,45 @@
|
||||||
|
|
||||||
<!-- ░░░ 16 — Our approach (solution boxes) ░░░ -->
|
<!-- ░░░ 16 — Our approach (solution boxes) ░░░ -->
|
||||||
<section class="slide" id="slide-approach" data-label="Vores tilgang">
|
<section class="slide" id="slide-approach" data-label="Vores tilgang">
|
||||||
<div class="slide-inner hl-inner">
|
<div class="slide-inner sol-inner">
|
||||||
<div class="highlights-head reveal">
|
<div class="highlights-head reveal">
|
||||||
<p class="eyebrow center">Vores tilgang til suverænitet, sikkerhed & governance</p>
|
<p class="eyebrow center">Vores tilgang til suverænitet, sikkerhed & governance</p>
|
||||||
<h2 class="slide-title">Fire <em>svar</em> på de samme bekymringer</h2>
|
<h2 class="slide-title">Fire <em>svar</em> på de samme bekymringer</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight-grid solutions reveal">
|
<div class="solution-grid reveal">
|
||||||
<article class="highlight-box" data-tone="copper">
|
<article class="solution-box">
|
||||||
<p class="hl-head"><span class="hl-num">01</span> — Datasuverænitet by design</p>
|
<p class="sol-head"><span class="sol-num">01</span> — Datasuverænitet by design</p>
|
||||||
<p class="hl-lead">Svaret på Cloud Act, og på at et EU-datacenter ikke er nok.</p>
|
<p class="sol-lead">Svaret på Cloud Act. Et EU-datacenter er ikke nok.</p>
|
||||||
<ul class="hl-list">
|
<ul class="sol-list">
|
||||||
<li>Kører i jeres eget miljø, on-prem eller i egen sky. Data forlader aldrig jeres perimeter.</li>
|
<li>Kører i jeres eget miljø. Data forlader aldrig jeres perimeter.</li>
|
||||||
<li>Vi ser aldrig jeres prompts eller data. Der er ingen kæde at lække igennem.</li>
|
<li>Ingen ekstern udbyder mellem dig og din intelligens. Ingen Cloud Act-bagdør.</li>
|
||||||
<li>Ingen Cloud Act-eksponering. Der står ingen amerikansk udbyder mellem dig og din intelligens. For den sags skyld ingen ekstern udbyder overhovedet.</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="highlight-box" data-tone="copper">
|
<article class="solution-box">
|
||||||
<p class="hl-head"><span class="hl-num">02</span> — Driftssikkerhed & kontinuitet</p>
|
<p class="sol-head"><span class="sol-num">02</span> — Driftssikkerhed & kontinuitet</p>
|
||||||
<p class="hl-lead">Svaret på Fable 5-lukningen. Ingen kill-switch udefra.</p>
|
<p class="sol-lead">Svaret på Fable 5-lukningen. Ingen kill-switch udefra.</p>
|
||||||
<ul class="hl-list">
|
<ul class="sol-list">
|
||||||
<li>Modellen og vægtene ligger hos dig. Ingen kan slukke den udefra med et brev. Fable 5-scenariet kan ikke ske her.</li>
|
<li>Modellen og vægtene ligger hos dig. Ingen kan slukke den med et brev.</li>
|
||||||
<li>Ingen ekstern API-afhængighed. Drift og failover ligger inden for jeres egen kontrol.</li>
|
<li>Drift og failover er jeres egen. Ingen ekstern API at miste.</li>
|
||||||
<li>Du ejer livscyklussen. Ingen udefra kan tvinge dig til at opgradere eller lukke ned.</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="highlight-box" data-tone="copper">
|
<article class="solution-box">
|
||||||
<p class="hl-head"><span class="hl-num">03</span> — Sikkerhed i flere lag</p>
|
<p class="sol-head"><span class="sol-num">03</span> — Sikkerhed i flere lag</p>
|
||||||
<p class="hl-lead">Her er sikkerhed en del af fundamentet. Ikke noget, der er sat ovenpå bagefter.</p>
|
<p class="sol-lead">Sikkerhed er en del af fundamentet, ikke en feature ovenpå.</p>
|
||||||
<ul class="hl-list">
|
<ul class="sol-list">
|
||||||
<li>Det hele kører bag jeres egne firewalls og adgangskontroller. Jeres eksisterende sikkerhedsstack gælder også for AI’en.</li>
|
<li>Kører bag jeres egne firewalls. Jeres sikkerhedsstack gælder også AI’en.</li>
|
||||||
<li>Fuldt auditspor lokalt. I kan se, hvem der spurgte om hvad, hvornår, og hvilken model der svarede. Loggene forlader aldrig huset.</li>
|
<li>Fuldt auditspor lokalt. Loggene forlader aldrig huset.</li>
|
||||||
<li>Løbende red-teaming og hærdede modeller leveret til jer, så sårbarheder bliver fanget, før de bliver til hændelser.</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="highlight-box" data-tone="copper">
|
<article class="solution-box">
|
||||||
<p class="hl-head"><span class="hl-num">04</span> — Governance & frihed fra lock-in</p>
|
<p class="sol-head"><span class="sol-num">04</span> — Governance & frihed fra lock-in</p>
|
||||||
<p class="hl-lead">Svaret på vendor lock-in og geopolitisk afhængighed.</p>
|
<p class="sol-lead">Svaret på vendor lock-in og geopolitisk afhængighed.</p>
|
||||||
<ul class="hl-list">
|
<ul class="sol-list">
|
||||||
<li>Modelagnostisk, og det er dit at beholde. Skift eller kombinér modeller i dit eget miljø uden at bygge om.</li>
|
<li>Modelagnostisk. Skift eller kombinér modeller uden at bygge om.</li>
|
||||||
<li>Ingen forbrugsbaseret afhængighed. Prisen kan ikke skrues op, for driften ligger ikke i vores hænder.</li>
|
<li>Ingen forbrugsbaseret afhængighed. Prisen kan ikke skrues op udefra.</li>
|
||||||
<li>Compliance, der kan revideres og ligger inden for jeres egen kontrol. Klar til EU AI Act og GDPR fra dag ét.</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue