deck: add real partner logos to mission + sandbox rows

Replace the placeholder marks with the supplied authority logos
(Innovationsfonden, BioInnovation Institute, Datatilsynet,
Digitaliseringsstyrelsen, Gefion/DCAI), normalised to a uniform height
in a quiet supportive row; square marks get a 'tall' tweak to balance
optical weight against the wide wordmarks.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Hvid 2026-06-18 13:03:10 +02:00
parent ae23eecf8e
commit fbdbe1fd15
8 changed files with 40 additions and 58 deletions

View file

@ -71,9 +71,17 @@ assets/img/ Fenja-wordmark + meme
roligt, statisk diagram. roligt, statisk diagram.
- Fenja-wordmark og meme. - Fenja-wordmark og meme.
## Manglende assets ## Partnerlogoer
Partnerlogoerne (Innovationsfonden, BioInnovationsfonden, Datatilsynet, De rigtige partnerlogoer ligger nu i `assets/logos/` og vises i en rolig,
Digitaliseringsstyrelsen, Gefion) findes ikke i projektet og er vist som ensartet række (mission-sliden viser alle fem; sandkasse-sliden viser
rene, tydeligt markerede pladsholdere i korrekt størrelse. Drop de rigtige Digitaliseringsstyrelsen + Datatilsynet):
SVG/PNG-filer i `assets/logos/` og erstat pladsholderne i `index.html`.
- Innovationsfonden — `innovationsfonden_logo_dk_teal_rgb_0.png`
- BioInnovation Institute — `BII_Logo_Petroleum_RGB.png`
- Datatilsynet — `datatilsynet.png`
- Digitaliseringsstyrelsen — `digitaliseringsstyrelsen.png`
- Gefion / DCAI — `dcai-logo-white.png` (sort wordmark; DCAI driver Gefion-supercomputeren)
Logoerne normaliseres til samme højde via `.partner-logo img` i `deck.css`;
firkantede mærker får klassen `tall` for at matche de brede wordmarks.

View file

@ -558,33 +558,28 @@ img { display: block; max-width: 100%; }
} }
.partner-logo { .partner-logo {
display: flex; display: flex;
flex-direction: column;
align-items: center; align-items: center;
gap: 0.4rem; justify-content: center;
opacity: 0.7;
} }
/* Clearly-labelled placeholder for a missing authority logo */ /* Authority logos, normalised to a uniform height so the row reads as one
.logo-ph { quiet supportive band. Slightly desaturated + held back in opacity so it
width: clamp(64px, 7vw, 88px); never competes with the slide's headline. */
height: clamp(40px, 4.4vw, 52px); .partner-logo img {
border: 1px dashed rgba(56,56,49,0.28); height: clamp(24px, 2.8vw, 36px);
border-radius: var(--radius-md); width: auto;
display: grid; max-width: clamp(120px, 16vw, 200px);
place-items: center; object-fit: contain;
background: rgba(255,252,247,0.5); opacity: 0.78;
} filter: saturate(0.9);
.logo-ph svg { width: 46%; height: 46%; opacity: 0.5; }
.partner-name {
font-family: var(--font-sans);
font-size: clamp(0.6rem, 0.78vw, 0.72rem);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--ink-dim);
font-weight: 600;
text-align: center;
max-width: 12ch;
line-height: 1.3;
} }
/* Square-ish marks (Innovationsfonden, DCAI) carry more height so their
optical weight matches the wide wordmark lockups beside them. */
.partner-logo.tall img { height: clamp(34px, 4vw, 52px); }
/* Larger, airier variant used where only a couple of logos sit alone
(the regulatory-sandbox slide) and can take more presence. */
.partner-row.lg { gap: clamp(2rem, 5vw, 4rem); }
.partner-row.lg .partner-logo img { height: clamp(30px, 3.6vw, 46px); opacity: 0.82; }
.mission-foot { margin-top: clamp(0.5rem, 2vh, 1.5rem); } .mission-foot { margin-top: clamp(0.5rem, 2vh, 1.5rem); }
.mission-foot .partner-caption { .mission-foot .partner-caption {
font-size: clamp(0.62rem, 0.8vw, 0.72rem); font-size: clamp(0.62rem, 0.8vw, 0.72rem);

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View file

@ -183,26 +183,11 @@
<div class="mission-foot"> <div class="mission-foot">
<p class="partner-caption">Støttet af &amp; i samarbejde med</p> <p class="partner-caption">Støttet af &amp; i samarbejde med</p>
<div class="partner-row"> <div class="partner-row">
<div class="partner-logo"> <div class="partner-logo tall"><img src="assets/logos/innovationsfonden_logo_dk_teal_rgb_0.png" alt="Innovationsfonden" /></div>
<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> <div class="partner-logo"><img src="assets/logos/BII_Logo_Petroleum_RGB.png" alt="BioInnovation Institute" /></div>
<span class="partner-name">Innovationsfonden</span> <div class="partner-logo"><img src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></div>
</div> <div class="partner-logo"><img src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
<div class="partner-logo"> <div class="partner-logo tall"><img src="assets/logos/dcai-logo-white.png" alt="Gefion · DCAI" /></div>
<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> </div>
</div> </div>
@ -467,15 +452,9 @@
<h2 class="sandbox-title">Fenja AI er optaget i <em>Den Regulatoriske AI-sandkasse</em></h2> <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> <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)" /> <hr class="aurora-rule" style="width:clamp(80px,10vw,140px)" />
<div class="partner-row"> <div class="partner-row lg">
<div class="partner-logo"> <div class="partner-logo"><img src="assets/logos/digitaliseringsstyrelsen.png" alt="Digitaliseringsstyrelsen" /></div>
<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> <div class="partner-logo"><img src="assets/logos/datatilsynet.png" alt="Datatilsynet" /></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>
</div> </div>
</section> </section>