diff --git a/js/theme-toggle.js b/js/theme-toggle.js index 533e20bae..24ff18cef 100644 --- a/js/theme-toggle.js +++ b/js/theme-toggle.js @@ -84,3 +84,38 @@ }, 350); }); }()); + +/** + * Brand-logo bitmap fallback bootstrap. + * + * The header brand row renders an `` + * stacked over a `🇸🇪` flag glyph fallback. When the bitmap loads + * successfully we add `.rm-logo-img-loaded` to the parent ` +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_ar.html b/political-intelligence_ar.html index d99fac626..fdb0bb52f 100644 --- a/political-intelligence_ar.html +++ b/political-intelligence_ar.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_da.html b/political-intelligence_da.html index 95acc7df4..f03ff2b02 100644 --- a/political-intelligence_da.html +++ b/political-intelligence_da.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_de.html b/political-intelligence_de.html index ad288b09c..aa52797cc 100644 --- a/political-intelligence_de.html +++ b/political-intelligence_de.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_es.html b/political-intelligence_es.html index a35a0be38..fc2f1306e 100644 --- a/political-intelligence_es.html +++ b/political-intelligence_es.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_fi.html b/political-intelligence_fi.html index d69699819..a6912ea9f 100644 --- a/political-intelligence_fi.html +++ b/political-intelligence_fi.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_fr.html b/political-intelligence_fr.html index c82f59eed..0757b1299 100644 --- a/political-intelligence_fr.html +++ b/political-intelligence_fr.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_he.html b/political-intelligence_he.html index 49959bdc7..3119e75bc 100644 --- a/political-intelligence_he.html +++ b/political-intelligence_he.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_ja.html b/political-intelligence_ja.html index 3f8dc4953..51b4fe2fd 100644 --- a/political-intelligence_ja.html +++ b/political-intelligence_ja.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_ko.html b/political-intelligence_ko.html index b329e1f4f..443d4e013 100644 --- a/political-intelligence_ko.html +++ b/political-intelligence_ko.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_nl.html b/political-intelligence_nl.html index 90aa83688..d277816fc 100644 --- a/political-intelligence_nl.html +++ b/political-intelligence_nl.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_no.html b/political-intelligence_no.html index 8e8c59f95..95e6525d4 100644 --- a/political-intelligence_no.html +++ b/political-intelligence_no.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_sv.html b/political-intelligence_sv.html index 8f6fff14a..151ca8533 100644 --- a/political-intelligence_sv.html +++ b/political-intelligence_sv.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/political-intelligence_zh.html b/political-intelligence_zh.html index c193c30d4..9bd0b39e2 100644 --- a/political-intelligence_zh.html +++ b/political-intelligence_zh.html @@ -66,7 +66,7 @@ - + @@ -247,6 +247,7 @@ +
@@ -7607,7 +7624,7 @@ · Built by Hack23 AB

-

Last updated:

+

Last updated:

diff --git a/scripts/generate-news-indexes/template.ts b/scripts/generate-news-indexes/template.ts index 4b4fd2352..e01a467cf 100644 --- a/scripts/generate-news-indexes/template.ts +++ b/scripts/generate-news-indexes/template.ts @@ -172,6 +172,11 @@ export function generateIndexHTML( jsonLd, extraHead, extraStyle, + // Opt back into the legacy colour-coded `.news-page .article-card` palette + // (≈300 LOC starting at `body.news-page` in `styles.css`). Without this + // class the `rm-article-body` chrome bypassed the news-index visual + // language entirely (see issue #2012-regression). + bodyClass: 'news-page', }); // News-index body — preserves the rich filter bar, articles grid, JS, @@ -327,11 +332,13 @@ ${needsLanguageNotice ? generateLanguageNotice(langKey) : ''} availableDisplay = \`

\${AVAILABLE_IN_TEXT}: \${availableBadges}

\`; } + const primaryTopic = (article.topics && article.topics.length > 0) ? article.topics[0] : ''; + return \` -
+
- \${localizeType(article.type)} + \${typeIcon(article.type)} \${localizeType(article.type)} \${langBadge}

@@ -346,6 +353,18 @@ ${needsLanguageNotice ? generateLanguageNotice(langKey) : ''} \`; } + // Emoji icon per article type — keeps the visual language consistent with + // the rest of the site (root index.html, political-intelligence.html). + function typeIcon(type) { + switch (type) { + case 'prospective': return ''; + case 'retrospective': return ''; + case 'analysis': return ''; + case 'breaking': return ''; + default: return ''; + } + } + function renderPage() { const grid = document.getElementById('articles-grid'); const noArticles = document.getElementById('no-articles'); diff --git a/scripts/render-lib/chrome.ts b/scripts/render-lib/chrome.ts index a64dc34b4..7004f4434 100644 --- a/scripts/render-lib/chrome.ts +++ b/scripts/render-lib/chrome.ts @@ -110,6 +110,24 @@ export interface ChromeOptions { * page is not translated. */ readonly defaultAlternateBase?: string; + /** + * Extra space-separated CSS classes appended to the `` after the + * canonical `rm-article-body` class. Used by the news-index renderer to + * opt back into the legacy `body.news-page .article-card` palette in + * `styles.css`, which provides the colour-coded card layout that the + * unified chrome would otherwise bypass. + */ + readonly bodyClass?: string; + /** + * When set to `false`, suppresses the always-visible horizontal + * ` ${opts.publishedIso ? `` : ''}

- + ${(opts.languageBar ?? true) ? ` + ` : ''} ${opts.breadcrumbHtml ?? ''}
`; diff --git a/styles.css b/styles.css index 073987855..904a449b0 100644 --- a/styles.css +++ b/styles.css @@ -12144,6 +12144,15 @@ html[data-theme="light"] .footer-disclaimer a { backdrop-filter: blur(18px); } +/* Publishes the sticky header's nominal height so siblings positioned + below it (e.g. `.rm-lang-bar`) can stick beneath rather than under it. + Defined on `:root` so descendant siblings inherit it; layouts with a + non-default header height can override this single token without + touching the consumer rules. */ +:root { + --rm-site-header-sticky-offset: 72px; +} + .rm-site-header-inner { max-width: 1200px; margin: 0 auto; @@ -12312,6 +12321,137 @@ html[data-theme="light"] .footer-disclaimer a { .rm-lang-current-label { display: none; } } +/* ---- brand image logo (PR2012 regression fix) --------------------------- + The unified `buildChrome` originally rendered only an emoji glyph, so the + real `riksdagsmonitor-logo.webp` was missing from every generated page + (news index, sitemap, political-intelligence and articles). The chrome + now emits an `` ahead of the existing + `.rm-logo-glyph`; the glyph stays in DOM as an automatic fallback when + the image fails to load (e.g. ad-blocked CDN paths) so the brand row + never collapses to plain text. */ +.rm-logo-img { + width: 40px; + height: 40px; + border-radius: 6px; + object-fit: contain; + display: inline-block; + flex-shrink: 0; + background: transparent; +} + +/* When the bitmap logo loads, the `🇸🇪` flag glyph would duplicate the + brand mark — hide the glyph only after the image successfully loads. + `theme-toggle.js` adds `.rm-logo-img-loaded` on the parent `