Skip to content

Restore news-index card colour coding, brand logo and horizontal language switcher #2025

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
pethers merged 5 commits into from
Apr 26, 2026
Merged

Restore news-index card colour coding, brand logo and horizontal language switcher #2025

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
43d49e3
restore card layouts, brand logo and horizontal language switcher (re…
Copilot Apr 26, 2026
92239a9
Merge branch 'main' into copilot/restore-card-layouts-and-features
pethers Apr 26, 2026
089962c
address PR review: emoji fallback via load class, lang-bar offset, ge…
Copilot Apr 26, 2026
0eae210
PR review round 3: external logo-load handler, aria-current=page, col…
Copilot Apr 26, 2026
57703e6
PR review round 4: define --rm-site-header-sticky-offset on :root, fi…
Copilot Apr 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 35 additions & 0 deletions js/theme-toggle.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,3 +84,38 @@
}, 350);
});
}());

/**
* Brand-logo bitmap fallback bootstrap.
*
* The header brand row renders an `<img class="rm-logo-img" data-rm-logo-img>`
* stacked over a `🇸🇪` flag glyph fallback. When the bitmap loads
* successfully we add `.rm-logo-img-loaded` to the parent `<a class="rm-logo">`
* so the CSS rule `.rm-logo.rm-logo-img-loaded > .rm-logo-glyph { display: none }`
* can hide the glyph. If the image errors (network failure, CDN block,
* future asset removal) the class is never set and the emoji remains
* visible — no broken-image icon, no collapsed brand row.
*
* Done in JS rather than via inline `onload=` so the chrome stays free of
* inline scripting and we keep the option of tightening CSP in the future.
*/
(function () {
if (typeof document === 'undefined') return;
var imgs = document.querySelectorAll('img[data-rm-logo-img]');
for (var i = 0; i < imgs.length; i++) {
(function (img) {
function markLoaded() {
var parent = img.parentNode;
if (parent && parent.classList) {
parent.classList.add('rm-logo-img-loaded');
}
}
// Image may already be cached/decoded by the time this runs.
if (img.complete && img.naturalWidth > 0) {
markLoaded();
} else {
img.addEventListener('load', markLoaded, { once: true });
}
})(imgs[i]);
}
}());
23 changes: 20 additions & 3 deletions political-intelligence.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Riksdagsmonitor Political Intelligence">
<meta property="og:updated_time" content="2026-04-26T21:01:59.286Z">
<meta property="og:updated_time" content="2026-04-26T23:00:58.277Z">


<meta name="twitter:card" content="summary_large_image">
Expand Down Expand Up @@ -247,6 +247,7 @@
<header class="rm-site-header" role="banner">
<div class="rm-site-header-inner">
<a class="rm-logo" href="index.html" aria-label="Riksdagsmonitor Home">
<img class="rm-logo-img" data-rm-logo-img="true" src="images/riksdagsmonitor-logo.webp" alt="" width="40" height="40" loading="eager" decoding="async">
<span class="rm-logo-glyph" aria-hidden="true">🇸🇪</span>
<span class="rm-logo-text">
<span class="rm-logo-brand">Riksdagsmonitor</span>
Expand All @@ -259,7 +260,7 @@
<a href="sitemap.html">Sitemap</a>
</nav>
<details class="rm-lang-switcher">
<summary aria-label="This Sitemap in Other Languages">
<summary aria-label="Switch language">
<span aria-hidden="true">🇬🇧</span>
<span class="rm-lang-current-label">English</span>
<span class="rm-lang-switcher-caret" aria-hidden="true">▾</span>
Expand Down Expand Up @@ -300,6 +301,22 @@
<time class="rm-article-published" datetime="2026-04-26T00:00:00Z">2026-04-26</time>
</div>
</header>
<nav class="language-switcher rm-lang-bar" role="navigation" aria-label="This page in other languages">
<span class="lang-link active" lang="en" title="English" aria-current="page"><span aria-hidden="true">🇬🇧</span> English</span>
<a href="political-intelligence_sv.html" class="lang-link" hreflang="sv" lang="sv" title="Svenska"><span aria-hidden="true">🇸🇪</span> Svenska</a>
<a href="political-intelligence_da.html" class="lang-link" hreflang="da" lang="da" title="Dansk"><span aria-hidden="true">🇩🇰</span> Dansk</a>
<a href="political-intelligence_no.html" class="lang-link" hreflang="nb" lang="nb" title="Norsk"><span aria-hidden="true">🇳🇴</span> Norsk</a>
<a href="political-intelligence_fi.html" class="lang-link" hreflang="fi" lang="fi" title="Suomi"><span aria-hidden="true">🇫🇮</span> Suomi</a>
<a href="political-intelligence_de.html" class="lang-link" hreflang="de" lang="de" title="Deutsch"><span aria-hidden="true">🇩🇪</span> Deutsch</a>
<a href="political-intelligence_fr.html" class="lang-link" hreflang="fr" lang="fr" title="Français"><span aria-hidden="true">🇫🇷</span> Français</a>
<a href="political-intelligence_es.html" class="lang-link" hreflang="es" lang="es" title="Español"><span aria-hidden="true">🇪🇸</span> Español</a>
<a href="political-intelligence_nl.html" class="lang-link" hreflang="nl" lang="nl" title="Nederlands"><span aria-hidden="true">🇳🇱</span> Nederlands</a>
<a href="political-intelligence_ar.html" class="lang-link" hreflang="ar" lang="ar" title="العربية"><span aria-hidden="true">🇸🇦</span> العربية</a>
<a href="political-intelligence_he.html" class="lang-link" hreflang="he" lang="he" title="עברית"><span aria-hidden="true">🇮🇱</span> עברית</a>
<a href="political-intelligence_ja.html" class="lang-link" hreflang="ja" lang="ja" title="日本語"><span aria-hidden="true">🇯🇵</span> 日本語</a>
<a href="political-intelligence_ko.html" class="lang-link" hreflang="ko" lang="ko" title="한국어"><span aria-hidden="true">🇰🇷</span> 한국어</a>
<a href="political-intelligence_zh.html" class="lang-link" hreflang="zh" lang="zh" title="中文"><span aria-hidden="true">🇨🇳</span> 中文</a>
</nav>

<main id="main" class="rm-article-main" tabindex="-1">
<div class="pi-container">
Expand Down Expand Up @@ -7607,7 +7624,7 @@ <h2 id="rm-ft-about" class="rm-footer-heading">Riksdagsmonitor</h2>
· Built by
<a href="https://www.hack23.com" target="_blank" rel="noopener noreferrer">Hack23 AB</a>
</p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T21:01:59.286Z">2026-04-26 21:01 UTC</time></small></p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T23:00:58.277Z">2026-04-26 23:00 UTC</time></small></p>
</section>
<section class="rm-footer-col rm-footer-navigate" aria-labelledby="rm-ft-nav">
<h2 id="rm-ft-nav" class="rm-footer-heading">Additional Resources</h2>
Expand Down
23 changes: 20 additions & 3 deletions political-intelligence_ar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Riksdagsmonitor الاستخبارات السياسية">
<meta property="og:updated_time" content="2026-04-26T21:01:59.666Z">
<meta property="og:updated_time" content="2026-04-26T23:00:58.558Z">


<meta name="twitter:card" content="summary_large_image">
Expand Down Expand Up @@ -247,6 +247,7 @@
<header class="rm-site-header" role="banner">
<div class="rm-site-header-inner">
<a class="rm-logo" href="index_ar.html" aria-label="Riksdagsmonitor الرئيسية">
<img class="rm-logo-img" data-rm-logo-img="true" src="images/riksdagsmonitor-logo.webp" alt="" width="40" height="40" loading="eager" decoding="async">
<span class="rm-logo-glyph" aria-hidden="true">🇸🇪</span>
<span class="rm-logo-text">
<span class="rm-logo-brand">Riksdagsmonitor</span>
Expand All @@ -259,7 +260,7 @@
<a href="sitemap_ar.html">خريطة الموقع</a>
</nav>
<details class="rm-lang-switcher">
<summary aria-label="خريطة الموقع هذه بلغات أخرى">
<summary aria-label="Switch language">
<span aria-hidden="true">🇸🇦</span>
<span class="rm-lang-current-label">العربية</span>
<span class="rm-lang-switcher-caret" aria-hidden="true">▾</span>
Expand Down Expand Up @@ -300,6 +301,22 @@
<time class="rm-article-published" datetime="2026-04-26T00:00:00Z">2026-04-26</time>
</div>
</header>
<nav class="language-switcher rm-lang-bar" role="navigation" aria-label="This page in other languages">
<a href="political-intelligence.html" class="lang-link" hreflang="en" lang="en" title="English"><span aria-hidden="true">🇬🇧</span> English</a>
<a href="political-intelligence_sv.html" class="lang-link" hreflang="sv" lang="sv" title="Svenska"><span aria-hidden="true">🇸🇪</span> Svenska</a>
<a href="political-intelligence_da.html" class="lang-link" hreflang="da" lang="da" title="Dansk"><span aria-hidden="true">🇩🇰</span> Dansk</a>
<a href="political-intelligence_no.html" class="lang-link" hreflang="nb" lang="nb" title="Norsk"><span aria-hidden="true">🇳🇴</span> Norsk</a>
<a href="political-intelligence_fi.html" class="lang-link" hreflang="fi" lang="fi" title="Suomi"><span aria-hidden="true">🇫🇮</span> Suomi</a>
<a href="political-intelligence_de.html" class="lang-link" hreflang="de" lang="de" title="Deutsch"><span aria-hidden="true">🇩🇪</span> Deutsch</a>
<a href="political-intelligence_fr.html" class="lang-link" hreflang="fr" lang="fr" title="Français"><span aria-hidden="true">🇫🇷</span> Français</a>
<a href="political-intelligence_es.html" class="lang-link" hreflang="es" lang="es" title="Español"><span aria-hidden="true">🇪🇸</span> Español</a>
<a href="political-intelligence_nl.html" class="lang-link" hreflang="nl" lang="nl" title="Nederlands"><span aria-hidden="true">🇳🇱</span> Nederlands</a>
<span class="lang-link active" lang="ar" title="العربية" aria-current="page"><span aria-hidden="true">🇸🇦</span> العربية</span>
<a href="political-intelligence_he.html" class="lang-link" hreflang="he" lang="he" title="עברית"><span aria-hidden="true">🇮🇱</span> עברית</a>
<a href="political-intelligence_ja.html" class="lang-link" hreflang="ja" lang="ja" title="日本語"><span aria-hidden="true">🇯🇵</span> 日本語</a>
<a href="political-intelligence_ko.html" class="lang-link" hreflang="ko" lang="ko" title="한국어"><span aria-hidden="true">🇰🇷</span> 한국어</a>
<a href="political-intelligence_zh.html" class="lang-link" hreflang="zh" lang="zh" title="中文"><span aria-hidden="true">🇨🇳</span> 中文</a>
</nav>

<main id="main" class="rm-article-main" tabindex="-1">
<div class="pi-container">
Expand Down Expand Up @@ -7607,7 +7624,7 @@ <h2 id="rm-ft-about" class="rm-footer-heading">Riksdagsmonitor</h2>
· Built by
<a href="https://www.hack23.com" target="_blank" rel="noopener noreferrer">Hack23 AB</a>
</p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T21:01:59.666Z">2026-04-26 21:01 UTC</time></small></p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T23:00:58.558Z">2026-04-26 23:00 UTC</time></small></p>
</section>
<section class="rm-footer-col rm-footer-navigate" aria-labelledby="rm-ft-nav">
<h2 id="rm-ft-nav" class="rm-footer-heading">موارد إضافية</h2>
Expand Down
23 changes: 20 additions & 3 deletions political-intelligence_da.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Riksdagsmonitor Politisk efterretning">
<meta property="og:updated_time" content="2026-04-26T21:01:59.388Z">
<meta property="og:updated_time" content="2026-04-26T23:00:58.349Z">


<meta name="twitter:card" content="summary_large_image">
Expand Down Expand Up @@ -247,6 +247,7 @@
<header class="rm-site-header" role="banner">
<div class="rm-site-header-inner">
<a class="rm-logo" href="index_da.html" aria-label="Riksdagsmonitor Hjem">
<img class="rm-logo-img" data-rm-logo-img="true" src="images/riksdagsmonitor-logo.webp" alt="" width="40" height="40" loading="eager" decoding="async">
<span class="rm-logo-glyph" aria-hidden="true">🇸🇪</span>
<span class="rm-logo-text">
<span class="rm-logo-brand">Riksdagsmonitor</span>
Expand All @@ -259,7 +260,7 @@
<a href="sitemap_da.html">Sitemap</a>
</nav>
<details class="rm-lang-switcher">
<summary aria-label="Dette sitemap på andre sprog">
<summary aria-label="Switch language">
<span aria-hidden="true">🇩🇰</span>
<span class="rm-lang-current-label">Dansk</span>
<span class="rm-lang-switcher-caret" aria-hidden="true">▾</span>
Expand Down Expand Up @@ -300,6 +301,22 @@
<time class="rm-article-published" datetime="2026-04-26T00:00:00Z">2026-04-26</time>
</div>
</header>
<nav class="language-switcher rm-lang-bar" role="navigation" aria-label="This page in other languages">
<a href="political-intelligence.html" class="lang-link" hreflang="en" lang="en" title="English"><span aria-hidden="true">🇬🇧</span> English</a>
<a href="political-intelligence_sv.html" class="lang-link" hreflang="sv" lang="sv" title="Svenska"><span aria-hidden="true">🇸🇪</span> Svenska</a>
<span class="lang-link active" lang="da" title="Dansk" aria-current="page"><span aria-hidden="true">🇩🇰</span> Dansk</span>
<a href="political-intelligence_no.html" class="lang-link" hreflang="nb" lang="nb" title="Norsk"><span aria-hidden="true">🇳🇴</span> Norsk</a>
<a href="political-intelligence_fi.html" class="lang-link" hreflang="fi" lang="fi" title="Suomi"><span aria-hidden="true">🇫🇮</span> Suomi</a>
<a href="political-intelligence_de.html" class="lang-link" hreflang="de" lang="de" title="Deutsch"><span aria-hidden="true">🇩🇪</span> Deutsch</a>
<a href="political-intelligence_fr.html" class="lang-link" hreflang="fr" lang="fr" title="Français"><span aria-hidden="true">🇫🇷</span> Français</a>
<a href="political-intelligence_es.html" class="lang-link" hreflang="es" lang="es" title="Español"><span aria-hidden="true">🇪🇸</span> Español</a>
<a href="political-intelligence_nl.html" class="lang-link" hreflang="nl" lang="nl" title="Nederlands"><span aria-hidden="true">🇳🇱</span> Nederlands</a>
<a href="political-intelligence_ar.html" class="lang-link" hreflang="ar" lang="ar" title="العربية"><span aria-hidden="true">🇸🇦</span> العربية</a>
<a href="political-intelligence_he.html" class="lang-link" hreflang="he" lang="he" title="עברית"><span aria-hidden="true">🇮🇱</span> עברית</a>
<a href="political-intelligence_ja.html" class="lang-link" hreflang="ja" lang="ja" title="日本語"><span aria-hidden="true">🇯🇵</span> 日本語</a>
<a href="political-intelligence_ko.html" class="lang-link" hreflang="ko" lang="ko" title="한국어"><span aria-hidden="true">🇰🇷</span> 한국어</a>
<a href="political-intelligence_zh.html" class="lang-link" hreflang="zh" lang="zh" title="中文"><span aria-hidden="true">🇨🇳</span> 中文</a>
</nav>

<main id="main" class="rm-article-main" tabindex="-1">
<div class="pi-container">
Expand Down Expand Up @@ -7607,7 +7624,7 @@ <h2 id="rm-ft-about" class="rm-footer-heading">Riksdagsmonitor</h2>
· Built by
<a href="https://www.hack23.com" target="_blank" rel="noopener noreferrer">Hack23 AB</a>
</p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T21:01:59.388Z">2026-04-26 21:01 UTC</time></small></p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T23:00:58.349Z">2026-04-26 23:00 UTC</time></small></p>
</section>
<section class="rm-footer-col rm-footer-navigate" aria-labelledby="rm-ft-nav">
<h2 id="rm-ft-nav" class="rm-footer-heading">Yderligere ressourcer</h2>
Expand Down
23 changes: 20 additions & 3 deletions political-intelligence_de.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Riksdagsmonitor Politische Intelligenz">
<meta property="og:updated_time" content="2026-04-26T21:01:59.507Z">
<meta property="og:updated_time" content="2026-04-26T23:00:58.443Z">


<meta name="twitter:card" content="summary_large_image">
Expand Down Expand Up @@ -247,6 +247,7 @@
<header class="rm-site-header" role="banner">
<div class="rm-site-header-inner">
<a class="rm-logo" href="index_de.html" aria-label="Riksdagsmonitor Startseite">
<img class="rm-logo-img" data-rm-logo-img="true" src="images/riksdagsmonitor-logo.webp" alt="" width="40" height="40" loading="eager" decoding="async">
<span class="rm-logo-glyph" aria-hidden="true">🇸🇪</span>
<span class="rm-logo-text">
<span class="rm-logo-brand">Riksdagsmonitor</span>
Expand All @@ -259,7 +260,7 @@
<a href="sitemap_de.html">Sitemap</a>
</nav>
<details class="rm-lang-switcher">
<summary aria-label="Diese Sitemap in anderen Sprachen">
<summary aria-label="Switch language">
<span aria-hidden="true">🇩🇪</span>
<span class="rm-lang-current-label">Deutsch</span>
<span class="rm-lang-switcher-caret" aria-hidden="true">▾</span>
Expand Down Expand Up @@ -300,6 +301,22 @@
<time class="rm-article-published" datetime="2026-04-26T00:00:00Z">2026-04-26</time>
</div>
</header>
<nav class="language-switcher rm-lang-bar" role="navigation" aria-label="This page in other languages">
<a href="political-intelligence.html" class="lang-link" hreflang="en" lang="en" title="English"><span aria-hidden="true">🇬🇧</span> English</a>
<a href="political-intelligence_sv.html" class="lang-link" hreflang="sv" lang="sv" title="Svenska"><span aria-hidden="true">🇸🇪</span> Svenska</a>
<a href="political-intelligence_da.html" class="lang-link" hreflang="da" lang="da" title="Dansk"><span aria-hidden="true">🇩🇰</span> Dansk</a>
<a href="political-intelligence_no.html" class="lang-link" hreflang="nb" lang="nb" title="Norsk"><span aria-hidden="true">🇳🇴</span> Norsk</a>
<a href="political-intelligence_fi.html" class="lang-link" hreflang="fi" lang="fi" title="Suomi"><span aria-hidden="true">🇫🇮</span> Suomi</a>
<span class="lang-link active" lang="de" title="Deutsch" aria-current="page"><span aria-hidden="true">🇩🇪</span> Deutsch</span>
<a href="political-intelligence_fr.html" class="lang-link" hreflang="fr" lang="fr" title="Français"><span aria-hidden="true">🇫🇷</span> Français</a>
<a href="political-intelligence_es.html" class="lang-link" hreflang="es" lang="es" title="Español"><span aria-hidden="true">🇪🇸</span> Español</a>
<a href="political-intelligence_nl.html" class="lang-link" hreflang="nl" lang="nl" title="Nederlands"><span aria-hidden="true">🇳🇱</span> Nederlands</a>
<a href="political-intelligence_ar.html" class="lang-link" hreflang="ar" lang="ar" title="العربية"><span aria-hidden="true">🇸🇦</span> العربية</a>
<a href="political-intelligence_he.html" class="lang-link" hreflang="he" lang="he" title="עברית"><span aria-hidden="true">🇮🇱</span> עברית</a>
<a href="political-intelligence_ja.html" class="lang-link" hreflang="ja" lang="ja" title="日本語"><span aria-hidden="true">🇯🇵</span> 日本語</a>
<a href="political-intelligence_ko.html" class="lang-link" hreflang="ko" lang="ko" title="한국어"><span aria-hidden="true">🇰🇷</span> 한국어</a>
<a href="political-intelligence_zh.html" class="lang-link" hreflang="zh" lang="zh" title="中文"><span aria-hidden="true">🇨🇳</span> 中文</a>
</nav>

<main id="main" class="rm-article-main" tabindex="-1">
<div class="pi-container">
Expand Down Expand Up @@ -7607,7 +7624,7 @@ <h2 id="rm-ft-about" class="rm-footer-heading">Riksdagsmonitor</h2>
· Built by
<a href="https://www.hack23.com" target="_blank" rel="noopener noreferrer">Hack23 AB</a>
</p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T21:01:59.507Z">2026-04-26 21:01 UTC</time></small></p>
<p class="rm-footer-updated"><small>Last updated: <time datetime="2026-04-26T23:00:58.443Z">2026-04-26 23:00 UTC</time></small></p>
</section>
<section class="rm-footer-col rm-footer-navigate" aria-labelledby="rm-ft-nav">
<h2 id="rm-ft-nav" class="rm-footer-heading">Weitere Ressourcen</h2>
Expand Down
Loading
Loading