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

Vendor language flags locally and add scrolling partners marquee

Browse Source 
Flags: replace flag-icons CDN with local SVGs (images/flags/{gb,si,mk}.svg) referenced as CSS backgrounds, so no external dependency and no per-page path issues. Partners: replace the static home-page logo row with a seamless auto-scrolling, hover-pausing marquee (CSS-only, reduced-motion aware, edge fade).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-07-31 22:16:54 +02:00
1 parent 95b2484117
commit cc849fa6dd
185 files changed
+1205 -1288
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
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
en/get-to-know-macedonia/history-you-can-still-walk-through/index.html
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
en/get-to-know-macedonia/index.html
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Link to the main CSS file -->
<link rel="stylesheet" href="../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
en/get-to-know-macedonia/music-dance-and-the-moments-that-bring-us-together/index.html
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
en/get-to-know-macedonia/ohrid-more-than-a-postcard/index.html
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
en/get-to-know-macedonia/skopje-a-city-of-many-layers/index.html
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
en/get-to-know-macedonia/welcome-to-macedonia/index.html
+6 -7
View File
@@ -12,7 +12,6 @@
<!-- Font Awesome (for icons) -->
<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" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css">
<!-- Correct path to the main CSS file -->
<link rel="stylesheet" href="../../../css/main.css">
@@ -83,9 +82,9 @@
<i class="fas fa-chevron-down"></i>
</div>
<div class="lang-dropdown">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
@@ -166,9 +165,9 @@
<button id="language-modal-close" aria-label="Close language selection">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="fi fis fi-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="fi fis fi-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="fi fis fi-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>