mark/msos
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(qa3): design-token foundation + safe polish/a11y fixes
Deploy to Production on Develop Push / deploy (push) Successful in 20s
Details

Browse Source 
- Add :root design tokens in _typography.css (was empty) — brand teal/orange,
  ink/text greys, radius + type scale + section rhythm. Visually neutral;
  new rules can reference var()s instead of scattered literals.
- a11y: visible :focus-visible ring on header nav + dropdown links (keyboard
  users had none).
- Fix synthesized faux-bold: .route-report h1 800 -> 700 (Inter loads 400-700).
- Testimonials column: overflow-y scroll -> auto (no permanent scrollbar gutter).
- Lightbox image radius 6px -> 8px (matches the site rounding scale).
- Consistent card affordance: homepage .news-card now lifts on hover like the
  news-hub / blog cards.
- Re-stamped cache-bust (v=1f64b22f).

Deferred (needs a brand decision): unifying the two primary oranges
(#FA7850 vs #F2762E) and the fuller literal->token migration.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-27 19:45:59 +02:00
1 parent 0052b38c1c
commit fd9df42995
266 files changed
+1501 -1439
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

en/get-to-know-macedonia/a-table-full-of-macedonia/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="The food matters, but so do the order of the plates, the people around them, and the fact that nobody leaves after the first course.">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/a-table-full-of-macedonia/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/a-table-full-of-macedonia/">
@@ -59,7 +59,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -399,8 +399,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>
en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="Stobi, Heraclea, Kokino, and Krusevo do not belong to the same century or tell the same story. That is exactly why they belong in the same journey.">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/history-you-can-still-walk-through/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/history-you-can-still-walk-through/">
@@ -59,7 +59,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -405,8 +405,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>
en/get-to-know-macedonia/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="Macedonia is not only a place on the map. It is a table that always has room for one more person, music that brings everyone closer, mountains on the horizon…">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/">
@@ -57,7 +57,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Link to the main CSS file -->
<link rel="stylesheet" href="../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -372,8 +372,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>
en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="In Macedonia, music is often not something performed in front of a room. It is what changes the room and brings people into the same rhythm.">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/">
@@ -59,7 +59,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -405,8 +405,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>
en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="The lake attracts the first look. The old streets, wooden houses, churches, neighbourhoods, and evening conversations are what make people return.">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/ohrid-more-than-a-postcard/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/ohrid-more-than-a-postcard/">
@@ -59,7 +59,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -397,8 +397,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>
en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="A city best understood by crossing the river, changing neighbourhoods, and noticing what each period left behind.">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/skopje-a-city-of-many-layers/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/skopje-a-city-of-many-layers/">
@@ -59,7 +59,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -387,8 +387,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>
en/get-to-know-macedonia/welcome-to-macedonia/index.html
+5 -5
View File
@@ -21,7 +21,7 @@
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js?v=6770822f" defer></script>
<script src="/consent.js?v=1f64b22f" defer></script>
<meta name="description" content="A country of mountains, open tables, long conversations, and stories that remain close wherever we go.">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-macedonia/welcome-to-macedonia/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-macedonia/welcome-to-macedonia/">
@@ -59,7 +59,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css?v=6770822f">
<link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
</head>
<body>
@@ -384,8 +384,8 @@
</footer>
<!-- END_FOOTER -->
<script src="../../../main.js?v=6770822f"></script>
<link rel="stylesheet" href="/assistant.css?v=6770822f">
<script src="/assistant.js?v=6770822f" defer></script>
<script src="../../../main.js?v=1f64b22f"></script>
<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
<script src="/assistant.js?v=1f64b22f" defer></script>
</body>
</html>