Locale bar full labels + broader FR/NB translation pass

- Locale bar now shows "EN edition / Cahier FR / NB utgave" (via localeMeta) instead of just EN/FR/NO
- Increase locale bar button size (font-size 0.88rem, padding 0.4/1.1rem, height 46px)
- education.astro: translate hero eyebrow, h1, lede, editorial note, bullets
- writing.astro: translate Boris Vian feature panel (title, subtitle, body, CTA)
- business.astro: translate AI Bubble feature panel (title, subtitle, body, CTA)
- boris-vian-2026.astro: translate eyebrow, sidebar, article kicker, source credits
- kongsberg-jazz-2026.astro: translate eyebrow, sidebar, field report labels, cross-promo, source credits
- ai-bubble-2026.astro: translate eyebrow, sidebar, field report labels, source credits
- Add untracked data files ai-bubble.ts and boris-vian.ts

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-17 23:58:26 +02:00
parent 2a06888fd6
commit d8b44b34ce
10 changed files with 771 additions and 51 deletions
+47 -21
View File
@@ -2,6 +2,41 @@
import { jazzArticle, jazzBody, jazzImages, jazzSources } from "../../data/jazz";
import BaseLayout from "../../layouts/BaseLayout.astro";
import LocaleCopy from "../../components/LocaleCopy.astro";
const pageCopy = {
eyebrow: {
en: "Article / Jazz and Music",
fr: "Article / Jazz et Musique",
nb: "Artikkel / Jazz og Musikk",
},
published: { en: "Published", fr: "Publié", nb: "Publisert" },
sidebarH2: {
en: "Direct article link",
fr: "Lien direct vers l'article",
nb: "Direkte artikkellenke",
},
sidebarNote: {
en: "This is the clean standalone version of the Kongsberg Jazz piece, separate from the wider jazz desk.",
fr: "Voici la version autonome épurée de l'article sur le Jazz de Kongsberg, séparée du bureau jazz général.",
nb: "Dette er den rene frittstående versjonen av Kongsberg Jazz-artikkelen, atskilt fra den bredere jazzdesken.",
},
fieldReport: { en: "Field report", fr: "Reportage de terrain", nb: "Feltrapport" },
location: { en: "Kongsberg x Paris", fr: "Kongsberg x Paris", nb: "Kongsberg x Paris" },
alsoRead: { en: "Also read", fr: "À lire aussi", nb: "Les også" },
jazzDesk: { en: "Jazz desk", fr: "Bureau Jazz", nb: "Jazzdesk" },
crossPromo: {
en: "The wider jazz issue includes venue notes, free-show pointers, and the more magazine-like version of this piece.",
fr: "Le numéro jazz plus large comprend des notes de salle, des indications de spectacles gratuits et la version plus magazine de cet article.",
nb: "Det bredere jazznummeret inkluderer stedsnotater, pekere til gratiskonserter og den mer magasinlignende versjonen av denne artikkelen.",
},
crossPromoCta: { en: "Open Jazz and Music", fr: "Ouvrir Jazz et Musique", nb: "Åpne Jazz og Musikk" },
creditsTitle: { en: "Source Credits", fr: "Sources", nb: "Kildehenvisninger" },
creditsMeta: {
en: "Festival details and venue framing are paraphrased from the official festival and venue sites linked below.",
fr: "Les détails du festival et la présentation des salles sont paraphrasés à partir des sites officiels du festival et des salles liés ci-dessous.",
nb: "Festivaldetaljer og stedsramme er omskrevet fra de offisielle festival- og stedssidene lenket nedenfor.",
},
};
---
<BaseLayout
@@ -11,21 +46,18 @@ import LocaleCopy from "../../components/LocaleCopy.astro";
<main class="jazz-page">
<section class="container jazz-hero">
<div class="jazz-hero__copy">
<span class="eyebrow">Article / Jazz and Music</span>
<span class="eyebrow"><LocaleCopy copy={pageCopy.eyebrow} /></span>
<h1>{jazzArticle.title}</h1>
<p class="jazz-hero__lede"><LocaleCopy copy={jazzArticle.excerpt} /></p>
</div>
<aside class="panel jazz-hero__note">
<div class="capsule__kicker">
<span>Published</span>
<span><LocaleCopy copy={pageCopy.published} /></span>
<span>{jazzArticle.publishedAt.slice(0, 10)}</span>
</div>
<h2>Direct article link</h2>
<p>
This is the clean standalone version of the Kongsberg Jazz piece, separate from the
wider jazz desk.
</p>
<h2><LocaleCopy copy={pageCopy.sidebarH2} /></h2>
<p><LocaleCopy copy={pageCopy.sidebarNote} /></p>
</aside>
</section>
@@ -45,8 +77,8 @@ import LocaleCopy from "../../components/LocaleCopy.astro";
<section class="container jazz-layout">
<article class="panel jazz-article">
<div class="capsule__kicker">
<span>Field report</span>
<span>Kongsberg x Paris</span>
<span><LocaleCopy copy={pageCopy.fieldReport} /></span>
<span><LocaleCopy copy={pageCopy.location} /></span>
</div>
{jazzBody.en.map((_, i) => (
<p><LocaleCopy copy={{ en: jazzBody.en[i], fr: jazzBody.fr[i], nb: jazzBody.nb[i] }} /></p>
@@ -56,25 +88,19 @@ import LocaleCopy from "../../components/LocaleCopy.astro";
<aside class="jazz-sidebar">
<article class="panel jazz-sidebar__card">
<div class="capsule__kicker">
<span>Also read</span>
<span>Jazz desk</span>
<span><LocaleCopy copy={pageCopy.alsoRead} /></span>
<span><LocaleCopy copy={pageCopy.jazzDesk} /></span>
</div>
<p>
The wider jazz issue includes venue notes, free-show pointers, and the more
magazine-like version of this piece.
</p>
<a class="button button--dark" href="/jazz-music">Open Jazz and Music</a>
<p><LocaleCopy copy={pageCopy.crossPromo} /></p>
<a class="button button--dark" href="/jazz-music"><LocaleCopy copy={pageCopy.crossPromoCta} /></a>
</article>
</aside>
</section>
<section class="container source-block">
<div class="section-header">
<div class="section-header__title">Source Credits</div>
<div class="section-header__meta">
Festival details and venue framing are paraphrased from the official festival and venue
sites linked below.
</div>
<div class="section-header__title"><LocaleCopy copy={pageCopy.creditsTitle} /></div>
<div class="section-header__meta"><LocaleCopy copy={pageCopy.creditsMeta} /></div>
</div>
<div class="source-list">