From 7602bfdb2132df8e29717d93a8c957529a389add Mon Sep 17 00:00:00 2001
From: KoalaDev <6156589+Shik3i@users.noreply.github.com>
Date: Thu, 25 Jun 2026 04:21:02 +0200
Subject: [PATCH] fix: preserve language in cross-links, add og:locale +
 Organization schema to alternatives
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Fix cross-links on teleparty↔screen-sharing pages: use
  {{LANG_PREFIX}} so German page links stay German, etc.
- Add og:locale meta tag with correct locale code per language
  (e.g. en_US, de_DE, fr_FR, ja_JP, zh_CN, uk_UA)
- Add Organization schema.org JSON-LD block alongside
  existing BreadcrumbList on all 3 alternatives templates
---
 website/alternatives/index.html          | 16 ++++++++++++++++
 website/alternatives/screen-sharing.html | 18 +++++++++++++++++-
 website/alternatives/teleparty.html      | 18 +++++++++++++++++-
 website/build.cjs                        |  9 +++++++++
 4 files changed, 59 insertions(+), 2 deletions(-)

diff --git a/website/alternatives/index.html b/website/alternatives/index.html
index 623ae18..1aca346 100644
--- a/website/alternatives/index.html
+++ b/website/alternatives/index.html
@@ -35,6 +35,7 @@
     <meta property="og:title" content="{{ALT_INDEX_TITLE}}">
     <meta property="og:description" content="{{ALT_INDEX_META_DESC}}">
     <meta property="og:image" content="https://sync.koalastuff.net/assets/RemoteProf.webp">
+    <meta property="og:locale" content="{{OG_LOCALE}}">
 
     <!-- Twitter / X -->
     <meta name="twitter:card" content="summary_large_image">
@@ -64,6 +65,21 @@
     }
     </script>
 
+    <!-- Organization Schema -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Organization",
+      "name": "KoalaSync",
+      "url": "https://sync.koalastuff.net/",
+      "logo": "https://sync.koalastuff.net/assets/NewLogoIcon_128.webp",
+      "sameAs": [
+        "https://github.com/Shik3i/KoalaSync",
+        "https://mastodon.social/@koalastuff"
+      ]
+    }
+    </script>
+
     <!-- Mobile Browser Theme Styling -->
     <meta name="theme-color" content="#0f172a">
     <meta name="apple-mobile-web-app-capable" content="yes">
diff --git a/website/alternatives/screen-sharing.html b/website/alternatives/screen-sharing.html
index 54dee7f..75f5eaf 100644
--- a/website/alternatives/screen-sharing.html
+++ b/website/alternatives/screen-sharing.html
@@ -35,6 +35,7 @@
     <meta property="og:title" content="{{ALT_SCREEN_TITLE}}">
     <meta property="og:description" content="{{ALT_SCREEN_META_DESC}}">
     <meta property="og:image" content="https://sync.koalastuff.net/assets/PopcornFriends.webp">
+    <meta property="og:locale" content="{{OG_LOCALE}}">
 
     <!-- Twitter / X -->
     <meta name="twitter:card" content="summary_large_image">
@@ -70,6 +71,21 @@
     }
     </script>
 
+    <!-- Organization Schema -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Organization",
+      "name": "KoalaSync",
+      "url": "https://sync.koalastuff.net/",
+      "logo": "https://sync.koalastuff.net/assets/NewLogoIcon_128.webp",
+      "sameAs": [
+        "https://github.com/Shik3i/KoalaSync",
+        "https://mastodon.social/@koalastuff"
+      ]
+    }
+    </script>
+
     <!-- Mobile Browser Theme Styling -->
     <meta name="theme-color" content="#0f172a">
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -173,7 +189,7 @@
             <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--glass-border);">
                 <a href="{{ASSET_PATH}}" class="btn btn-primary" style="margin-bottom: 1.5rem;">{{ALT_TRY_KOALASYNC}}</a>
                 <p style="font-size: 0.9rem; text-align: center;">
-                    <a href="{{ASSET_PATH}}alternatives/teleparty" style="color: var(--accent); text-decoration: none;">{{ALT_TELEPARTY_TITLE}}</a>
+                    <a href="{{ASSET_PATH}}{{LANG_PREFIX}}alternatives/teleparty" style="color: var(--accent); text-decoration: none;">{{ALT_TELEPARTY_TITLE}}</a>
                 </p>
             </div>
 
diff --git a/website/alternatives/teleparty.html b/website/alternatives/teleparty.html
index c769d37..ee8d9b3 100644
--- a/website/alternatives/teleparty.html
+++ b/website/alternatives/teleparty.html
@@ -35,6 +35,7 @@
     <meta property="og:title" content="{{ALT_TELEPARTY_TITLE}}">
     <meta property="og:description" content="{{ALT_TELEPARTY_META_DESC}}">
     <meta property="og:image" content="https://sync.koalastuff.net/assets/ProContraKoala.webp">
+    <meta property="og:locale" content="{{OG_LOCALE}}">
 
     <!-- Twitter / X -->
     <meta name="twitter:card" content="summary_large_image">
@@ -70,6 +71,21 @@
     }
     </script>
 
+    <!-- Organization Schema -->
+    <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Organization",
+      "name": "KoalaSync",
+      "url": "https://sync.koalastuff.net/",
+      "logo": "https://sync.koalastuff.net/assets/NewLogoIcon_128.webp",
+      "sameAs": [
+        "https://github.com/Shik3i/KoalaSync",
+        "https://mastodon.social/@koalastuff"
+      ]
+    }
+    </script>
+
     <!-- Mobile Browser Theme Styling -->
     <meta name="theme-color" content="#0f172a">
     <meta name="apple-mobile-web-app-capable" content="yes">
@@ -173,7 +189,7 @@
             <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--glass-border);">
                 <a href="{{ASSET_PATH}}" class="btn btn-primary" style="margin-bottom: 1.5rem;">{{ALT_TRY_KOALASYNC}}</a>
                 <p style="font-size: 0.9rem; text-align: center;">
-                    <a href="{{ASSET_PATH}}alternatives/screen-sharing" style="color: var(--accent); text-decoration: none;">{{ALT_SCREEN_TITLE}}</a>
+                    <a href="{{ASSET_PATH}}{{LANG_PREFIX}}alternatives/screen-sharing" style="color: var(--accent); text-decoration: none;">{{ALT_SCREEN_TITLE}}</a>
                 </p>
             </div>
 
diff --git a/website/build.cjs b/website/build.cjs
index e6b04ad..902e9a9 100644
--- a/website/build.cjs
+++ b/website/build.cjs
@@ -215,6 +215,15 @@ async function compile() {
         compiled = compiled.replace(/\{\{ALT_INDEX_TITLE\}\}/g, indexTitle);
         compiled = compiled.replace(/\{\{ALT_INDEX_META_DESC\}\}/g, indexDesc);
 
+        // og:locale mapping for Facebook
+        const ogLocales = {
+            en: 'en_US', de: 'de_DE', fr: 'fr_FR', es: 'es_ES',
+            'pt-BR': 'pt_BR', ru: 'ru_RU', it: 'it_IT', pl: 'pl_PL',
+            tr: 'tr_TR', nl: 'nl_NL', ja: 'ja_JP', ko: 'ko_KR',
+            zh: 'zh_CN', uk: 'uk_UA', pt: 'pt_PT'
+        };
+        compiled = compiled.replace(/\{\{OG_LOCALE\}\}/g, ogLocales[lang] || 'en_US');
+
         // Merge locale with English fallback for keys not present in current locale
         const mergedLocale = { ...englishLocale, ...locale };
         for (const [key, value] of Object.entries(mergedLocale)) {