diff --git a/assets/css/deck.css b/assets/css/deck.css index d12db27..0b3e934 100644 --- a/assets/css/deck.css +++ b/assets/css/deck.css @@ -276,6 +276,20 @@ img { display: block; max-width: 100%; } .question-prompts span { white-space: nowrap; } .question-prompts .sep { color: var(--ink-faint); font-style: normal; padding: 0 0.35em; } +/* Question slides: lift the text ~10% higher and drop a quiet Fenja + wordmark just above the menu. */ +.q-slide .slide-inner { transform: translateY(-9vh); } +.q-fenja { + position: absolute; + left: 50%; + bottom: clamp(76px, 13vh, 128px); + transform: translateX(-50%); + width: clamp(96px, 10vw, 138px); + height: auto; + opacity: 0.82; + pointer-events: none; +} + /* ════════════════════ Logo lockups ════════════════════ */ /* The Bifrost logo: aurora arc above a Newsreader wordmark. Reusable. */ .bifrost-logo { @@ -363,12 +377,13 @@ img { display: block; max-width: 100%; } } .hero-eyebrow { font-family: var(--font-sans); - font-size: clamp(0.74rem, 1vw, 0.92rem); - letter-spacing: 0.34em; + font-size: clamp(1rem, 1.5vw, 1.35rem); /* larger */ + letter-spacing: 0.32em; text-transform: uppercase; color: var(--ink-dim); font-weight: 600; - margin: 0; + /* Lifted higher above the wordmark. */ + margin: 0 0 clamp(1rem, 4vh, 2.6rem); } /* "Project Bifrost" wordmark — the old reveal's typography. */ .bifrost-name { @@ -378,7 +393,7 @@ img { display: block; max-width: 100%; } line-height: 1.02; letter-spacing: -0.03em; color: var(--ink); - margin: 0; + margin: clamp(0.4rem, 1.8vh, 1.4rem) 0 0; /* nudged slightly lower */ } .bifrost-name .accent { font-style: italic; @@ -390,8 +405,9 @@ img { display: block; max-width: 100%; } } .hero-sub { font-family: var(--font-serif); - font-style: italic; - font-size: clamp(1.2rem, 2.1vw, 1.75rem); + font-style: normal; /* italic removed */ + font-size: clamp(2.4rem, 4.2vw, 3.5rem); /* ~double */ + letter-spacing: -0.02em; color: var(--ink-soft); margin: 0; } @@ -464,14 +480,14 @@ img { display: block; max-width: 100%; } } .bm-title { font-family: var(--font-sans); - font-size: clamp(0.74rem, 0.92vw, 0.84rem); + font-size: clamp(0.89rem, 1.1vw, 1.01rem); /* +20% */ color: var(--ink-soft); - margin: 0 0 0.1rem; + margin: 0 0 0.15rem; line-height: 1.35; } .bm-company { font-family: var(--font-sans); - font-size: clamp(0.66rem, 0.82vw, 0.76rem); + font-size: clamp(0.79rem, 0.98vw, 0.91rem); /* +20% */ letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-dim); @@ -490,7 +506,7 @@ img { display: block; max-width: 100%; } grid-template-rows: 1fr auto; align-items: center; justify-items: center; - padding-bottom: clamp(4.5rem, 9vh, 6.5rem); + padding-bottom: clamp(6rem, 12vh, 9rem); /* lift the supporter row off the bottom */ } .mission-main { align-self: center; @@ -508,16 +524,13 @@ img { display: block; max-width: 100%; } color: var(--ink); margin: 0; } -.bifrost-logo.projbifrost { margin-top: clamp(0.3rem, 1.5vh, 1rem); } -.bifrost-logo.projbifrost .word em { font-style: italic; } - /* Foot — pinned to the bottom row of the slide. */ .mission-foot { align-self: end; text-align: center; display: grid; justify-items: center; - gap: clamp(1.2rem, 3vh, 2rem); + gap: clamp(1.8rem, 4.5vh, 3rem); /* lift the caption a little off the logos */ } .mission-foot .partner-caption { font-size: clamp(0.85rem, 1.5vw, 1.2rem); @@ -527,14 +540,19 @@ img { display: block; max-width: 100%; } font-weight: 600; margin: 0; } -/* Mission supporter logos — all the same height, bumped ~50%, with more air. */ -.mission-logos { gap: clamp(2.4rem, 6vw, 5.5rem); } -.mission-logos .partner-logo img, -.mission-logos .partner-logo.tall img { - height: clamp(36px, 4.4vw, 56px); - max-width: clamp(150px, 22vw, 280px); +/* Mission supporter logos — wide spacing between them, with per-logo + size adjustments. Innovationsfonden is the largest footprint, BII and + Datatilsynet held back. (Innovationsfonden's PNG is cropped tight so its + height reads true.) */ +.mission-logos { gap: clamp(2.75rem, 5.8vw, 5.8rem); } +.mission-logos .partner-logo img { + height: clamp(34px, 4vw, 48px); + max-width: clamp(140px, 20vw, 250px); opacity: 0.82; } +.mission-logos .partner-logo img.logo-inf { height: clamp(40px, 4.8vw, 58px); max-width: clamp(200px, 28vw, 320px); } /* +50% footprint */ +.mission-logos .partner-logo img.logo-bii { height: clamp(27px, 3.2vw, 40px); } /* -20% */ +.mission-logos .partner-logo img.logo-dt { height: clamp(30px, 3.6vw, 45px); } /* -10% */ /* Quiet partner-logo row (sandbox) */ .partner-row { @@ -568,7 +586,7 @@ img { display: block; max-width: 100%; } mission row, digitaliseringsstyrelsen a further 10% on top. */ .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.ds-logo { height: clamp(43px, 5.2vw, 66px); } +.partner-row.lg .partner-logo img.ds-logo { height: clamp(47px, 5.7vw, 73px); } /* ════════════════════ Slide 6 — Pause ════════════════════ */ #slide-pause { } @@ -591,7 +609,7 @@ img { display: block; max-width: 100%; } } .pause-clock { font-family: var(--font-sans); - font-size: clamp(0.72rem, 0.95vw, 0.84rem); + font-size: clamp(1.08rem, 1.45vw, 1.26rem); /* +50% */ letter-spacing: 0.28em; text-transform: uppercase; color: var(--ink-dim); @@ -721,6 +739,12 @@ img { display: block; max-width: 100%; } text-wrap: balance; } .section-title em { font-style: italic; font-weight: 460; color: var(--terracotta); } +/* One-line variant (Suverænitet divider) — fits on a single line. */ +.section-title.one-line { + max-width: none; + white-space: nowrap; + font-size: clamp(1.3rem, 3.1vw, 2.9rem); +} /* Reserved-points layout (slide 14) */ .approach-points { @@ -852,7 +876,7 @@ img { display: block; max-width: 100%; } .sandbox-title { font-family: var(--font-serif); font-weight: 360; - font-size: clamp(2.6rem, 5.6vw, 4.6rem); + font-size: clamp(2.86rem, 6.2vw, 5.1rem); /* +10% */ line-height: 1.06; letter-spacing: -0.025em; color: var(--ink); @@ -862,7 +886,7 @@ img { display: block; max-width: 100%; } } .sandbox-body { font-family: var(--font-serif); - font-size: clamp(1.15rem, 1.8vw, 1.5rem); + font-size: clamp(1.38rem, 2.2vw, 1.8rem); /* +20% */ line-height: 1.5; color: var(--ink-soft); margin: 0; @@ -871,7 +895,9 @@ img { display: block; max-width: 100%; } } /* ════════════════════ Slide 19 — Closing ════════════════════ */ -#slide-thanks .hero-text { gap: clamp(1.6rem, 4vh, 2.8rem); } +/* Closing text lifted ~20% so it sits clear above the aurora arc. */ +#slide-thanks .hero-text { gap: clamp(1.2rem, 3vh, 2rem); } +.thanks-text { transform: translateY(-19vh); } .thanks-title { font-family: var(--font-serif); font-weight: 340; @@ -882,6 +908,8 @@ img { display: block; max-width: 100%; } line-height: 1; } .thanks-title em { font-style: italic; font-weight: 440; } +/* "Project Bifrost" wordmark on the closing slide — smaller than slide 1. */ +.thanks-bifrost { font-size: clamp(1.8rem, 4vw, 3.2rem); margin: 0; } /* Small responsive guard for very short viewports */ @media (max-height: 640px) { diff --git a/assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png b/assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png index ee2f580..f6aaca8 100644 Binary files a/assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png and b/assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png differ diff --git a/index.html b/index.html index 0be3dac..6f930ea 100644 --- a/index.html +++ b/index.html @@ -47,7 +47,7 @@

Velkommen til

Project Bifrost

-

001 Bifrost Advisory Meeting

+

Bifrost Advisory Meeting - 001

@@ -88,8 +88,7 @@
-

Rådgivning & vejledning

-

Mød Fenja AI’s Advisory Board

+

Fenja AI’s Advisory Board

@@ -109,9 +108,9 @@
-
Ulla Nygaard Eliassen
+
Ulla Eliassen
-

Ulla Nygaard Eliassen

+

Ulla Eliassen

Associeret direktør, forbedringsprojekter

Novo Nordisk

@@ -165,17 +164,13 @@
Fenja AI

Sovereign. Trusted. Innovative.

-

Støttet af & i samarbejde med

- - - + + +
@@ -183,12 +178,13 @@
-
+

“Hvordan gør vi Projekt Bifrost til en success — for jer, for platformen, for dansk AI-suverænitet?”

+ Fenja AI
@@ -213,7 +209,7 @@
Foundation - Suveræn af design + Din AI
@@ -303,12 +299,13 @@
-
+

“Hvilke konkrete AI-features ville skabe størst værdi for dig eller din organisation, hvis I fik adgang til dem i morgen?”

+ Fenja AI
@@ -319,19 +316,20 @@
-
+

“Hvor ser I de største barrierer for praktisk anvendelse af AI i hverdagen?”

+ Fenja AI
Fenja AI -

Suverænitet, Sikkerhed & Governance

+

Suverænitet, Sikkerhed & Governance

@@ -401,7 +399,7 @@
-
+

“Hvad er vigtigst for jer, når AI skal bruges sikkert og ansvarligt i en organisation?”

@@ -410,6 +408,7 @@

+ Fenja AI
@@ -439,12 +438,13 @@
-
+

“Hvilke krav eller bekymringer skal være håndteret, før I ville være trygge ved at bruge en AI-platform på tværs af vigtige forretningsprocesser?”

+ Fenja AI
@@ -456,16 +456,9 @@ -
-

Tak for i dag

-
- Fenja AI - · - -
+
+

Tak for jeres rådgivning

+

Project Bifrost