diff --git a/protected/index.html b/protected/index.html index 0f255b7..18bfe7b 100644 --- a/protected/index.html +++ b/protected/index.html @@ -1959,6 +1959,132 @@ html { will-change: opacity, transform; } + /* ============================================================ + ADVISORY BOARD — dedicated reveal, placed right after the + final treasure-map stop (Pilot Projects) and before the + platform-architecture explainer. Editorial 4×2 portrait grid + adapted from the LinkedIn "board reveal" Layout A. Portraits + are served from /fenja/board/. Revealed on scroll by + bifrost.js; reduced-motion fallback is the @media block below. + ============================================================ */ + #board-reveal { + position: relative; + padding: clamp(5rem, 12vh, 10rem) var(--edge); + } + .board-wrap { max-width: 1180px; margin: 0 auto; } + .board-head { + text-align: center; + max-width: 62ch; + margin: 0 auto clamp(3.5rem, 8vh, 6rem); + } + .board-eyebrow { + display: inline-flex; + align-items: center; + gap: 0.75rem; + font-size: var(--step-sm); + letter-spacing: 0.32em; + text-transform: uppercase; + color: var(--ink-mute); + font-weight: 500; + margin-bottom: clamp(1.2rem, 3vh, 1.8rem); + } + .board-eyebrow::before, + .board-eyebrow::after { + content: ""; + width: 28px; height: 1px; + background: currentColor; + } + .board-title { + font-family: var(--type-display); + font-weight: 330; + font-size: var(--step-xl); + line-height: 1.04; + letter-spacing: -0.025em; + color: var(--ink); + margin: 0 0 clamp(0.8rem, 2vh, 1.2rem); + } + .board-title em { font-style: italic; font-weight: 400; } + .board-sub { + font-family: var(--type-display); + font-style: italic; + font-weight: 300; + font-size: var(--step-lg); + color: var(--ink-soft); + margin: 0; + letter-spacing: -0.005em; + } + .board-grid { + display: grid; + /* Fixed ~150px tiles, centred — roughly half the full-width size, + matching the reference's compact proportions. */ + grid-template-columns: repeat(4, minmax(0, 150px)); + justify-content: center; + gap: clamp(1.8rem, 3.2vw, 2.8rem) clamp(1.6rem, 2.6vw, 2.6rem); + } + .board-member { + margin: 0; + display: flex; + flex-direction: column; + } + .board-portrait { + width: 100%; + aspect-ratio: 1 / 1; + border-radius: 4px; + overflow: hidden; + background: var(--surface-container-high, #e7e1d0); + } + .board-portrait img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; + } + .board-member figcaption { margin: 0; } + .bm-name { + font-family: var(--type-display); + font-weight: 700; + color: var(--ink); + font-size: clamp(1.05rem, 1.4vw, 1.3rem); + line-height: 1.15; + letter-spacing: -0.01em; + margin: clamp(0.9rem, 1.6vw, 1.1rem) 0 0.35rem; + } + .bm-title { + font-family: var(--type-body); + font-weight: 600; + color: var(--ink); + font-size: clamp(0.85rem, 1vw, 0.95rem); + line-height: 1.3; + margin: 0; + } + .bm-company { + font-family: var(--type-body); + font-weight: 400; + color: var(--ink-mute); + font-size: clamp(0.85rem, 1vw, 0.95rem); + line-height: 1.3; + margin: 0.15rem 0 0; + } + /* Initial hidden state — only when JS active (reduced-motion override below) */ + .js #board-reveal .board-head > *, + .js #board-reveal .board-member { + opacity: 0; + transform: translateY(28px); + will-change: opacity, transform; + } + @media (max-width: 640px) { + .board-grid { + grid-template-columns: repeat(2, minmax(0, 150px)); + } + } + @media (prefers-reduced-motion: reduce) { + #board-reveal .board-head > *, + #board-reveal .board-member { + opacity: 1 !important; + transform: none !important; + } + } + /* ============================================================ SCENE 6 — PROJECT BIFROST · JOIN A large call-to-action that, on click, crossfades to a @@ -2562,7 +2688,7 @@ html {
Part of - The AI Regulatory Sandbox + The Regulatory AI-Sandbox Datatilsynet & Digitaliseringsstyrelsen
@@ -2749,6 +2875,97 @@ html { + +
+
+
+ Guidance & counsel +

Meet the Fenja AI Advisory Board

+

Bridging industry & sovereign AI

+
+ +
+
+
Søren Friis
+
+

Søren Friis

+

IT Director

+

DSB

+
+
+ +
+
William Irving
+
+

William Irving

+

Chief Data & Analytics Officer

+

Norlys

+
+
+ +
+
Ulla Nygaard Eliassen
+
+

Ulla Nygaard Eliassen

+

Associate Improvement Project Director

+

Novo Nordisk

+
+
+ +
+
Anna Jessen
+
+

Anna Jessen

+

Director, Process Excellence & Digitalization

+

Novo Nordisk

+
+
+ +
+
Mathies Laursen
+
+

Mathies Laursen

+

CDO

+

Nationalbanken

+
+
+ +
+
Torben Schütt
+
+

Torben Schütt

+

Office Director, Center for Cyber and Digitalization

+

Forsvarsministeriet

+
+
+ +
+
Mads Nyborg
+
+

Mads Nyborg

+

Chief Consultant, Department of Data and Analytics

+

Københavns Kommune

+
+
+ +
+
Håkon Daltveit
+
+

Håkon Daltveit

+

Chief Consultant, Department of Data and Analytics

+

Københavns Kommune

+
+
+
+
+
+