add stuff for persian translation

2025-11-04 04:01:44 +00:00 · 2025-06-07 10:32:09 +02:00
parent d63e73cab9
commit 92aa4ce737
16 changed files with 116 additions and 84 deletions
--- a/assets/fonts/font-face.css
+++ b/assets/fonts/font-face.css
@@ -31,6 +31,7 @@
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0,
    U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
 }
+
@font-face {
  font-family: "Poppins";
  font-style: normal;
@@ -53,6 +54,7 @@
       url('farsi/Yekan.ttf') format("truetype");
  unicode-range: U+0600-U+06FF;
 }
+
@font-face {
  font-family: "Yekan";
  font-style: normal;
@@ -76,6 +78,7 @@
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
 }
+
@font-face {
  font-family: "Poppins";
  font-style: normal;
@@ -86,6 +89,7 @@
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
 }
+
@font-face {
  font-family: "Raleway";
  font-style: normal;
@@ -109,6 +113,7 @@
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
+
@font-face {
  font-family: "Poppins";
  font-style: normal;
@@ -119,6 +124,7 @@
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
+
@font-face {
  font-family: "Raleway";
  font-style: normal;
--- a/assets/script.js
+++ b/assets/script.js
@@ -1,6 +1,8 @@
 // script.js

-let languages = ["en", "de", "fr", "es", "fa"]
+// language and mode management
+let languages = ["en", "de", "fr", "es", "pt-br", "fa"]
+let rtlLanguages = ["fa"]
 let currentLanguage = localStorage.getItem("language")
 if (!currentLanguage) {
  currentLanguage = window.navigator.language.slice(0, 2)
@@ -9,9 +11,7 @@ if (!currentLanguage) {
 }
 let currentMode = localStorage.getItem("mode")
 if (!currentMode) {
-  currentMode = window.matchMedia("(prefers-color-scheme: dark)").matches
-    ? "dark"
-    : "light"
+  currentMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"
  localStorage.setItem("mode", currentMode)
 }

@@ -47,20 +47,12 @@ loadLanguage = async (lang, save = true) => {
  const translations = await response.json()

  document.documentElement.lang = lang
-  if (translations.website.page_language)
-    document
-      .querySelector('meta[name="language"]')
-      .setAttribute("content", translations.website.page_language)
-  if (translations.website.page_title)
-    document.title = translations.website.page_title
-  if (translations.website.page_description)
-    document
-      .querySelector('meta[name="description"]')
-      .setAttribute("content", translations.website.page_description)
-  if (translations.website.page_keywords)
-    document
-      .querySelector('meta[name="keywords"]')
-      .setAttribute("content", translations.website.page_keywords)
+  rtlLanguages.includes(lang) ? document.documentElement.setAttribute("dir", "rtl") : document.documentElement.setAttribute("dir", "ltr")
+
+  if (translations.website.page_language) document.querySelector('meta[name="language"]').setAttribute("content", translations.website.page_language)
+  if (translations.website.page_title) document.title = translations.website.page_title
+  if (translations.website.page_description) document.querySelector('meta[name="description"]').setAttribute("content", translations.website.page_description)
+  if (translations.website.page_keywords) document.querySelector('meta[name="keywords"]').setAttribute("content", translations.website.page_keywords)

  document.querySelectorAll("[data-i18n]").forEach((el) => {
    const key = el.getAttribute("data-i18n")
@@ -72,7 +64,7 @@ loadLanguage = async (lang, save = true) => {
  setPreviewImages()
 }

-// set preview images
+// preview images
 const setPreviewImages = () => {
  const lang = localStorage.getItem("language") || "en"
  const previewLightImage = document.querySelector(".preview-flyer-light img")
@@ -81,16 +73,10 @@ const setPreviewImages = () => {
  previewDarkImage.src = `./i18n/${lang}/preview-flyer-dark.webp`
  previewLightImage.alt = `Preview flyer in light mode (${lang})`
  previewDarkImage.alt = `Preview flyer in dark mode (${lang})`
-  const previewLightPdfLinks = document.querySelectorAll(
-    ".preview-flyer-light a"
-  )
+  const previewLightPdfLinks = document.querySelectorAll(".preview-flyer-light a")
  const previewDarkPdfLinks = document.querySelectorAll(".preview-flyer-dark a")
-  previewLightPdfLinks.forEach((link) => {
-    link.href = `./i18n/${lang}/flyer-light-${lang}.pdf`
-  })
-  previewDarkPdfLinks.forEach((link) => {
-    link.href = `./i18n/${lang}/flyer-dark-${lang}.pdf`
-  })
+  previewLightPdfLinks.forEach((link) => link.href = `./i18n/${lang}/flyer-light-${lang}.pdf`)
+  previewDarkPdfLinks.forEach((link) => link.href = `./i18n/${lang}/flyer-dark-${lang}.pdf`)
 }

 // sorting
--- a/assets/style.css
+++ b/assets/style.css
@@ -1,8 +1,3 @@
-/*
-fontfaces are defined in assets/fonts/font-face.css
-let style.css be dedicated to the website's design
-*/
-
 :root {
  --color-monero-orange: #ff6b00;
  --color-monero-grey: #4c4c4c;
--- a/i18n/de/de.json
+++ b/i18n/de/de.json
@@ -59,15 +59,24 @@
        "sort-by": "Sortieren nach",
        "sort-by-comfort": "Komfort",
        "sort-by-best-privacy": "Beste Privatsph&auml;re",
+        "atomic-swaps": "Atomic Swaps",
        "centralized-exchanges": "Zentrale Tauschb&ouml;rsen",
        "decentralized-exchanges": "Dezentrale Tauschb&ouml;rsen",
+        "no-kyc-services": "Ohne KYC-Dienste",
+        "kyc-light": "KYC light",
        "glossary": "Glossar",
-        "know-your-customer": "Know your Customer (engl. kenne den Kunden), bezeichnet die Identifizierung von Kunden durch Unternehmen, um sie zu &uuml;berwachen",
-        "dont-know-your-customer": "Don't Know your Customer (engl. kenne nicht den Kunden), keine Identifizierung von Kunden durch Unternehmen",
-        "know-your-customer-light": "Know your Customer light, ohne zusätzliche Identifizierung von Kunden durch Unternehmen",
-        "fiat": "Fiatgeld, also staatliche W&auml;hrungen wie Euro, US-Dollar, Schweizer Franken usw.",
-        "cex": "Centralized Exchange (engl. zentrale Tauschb&ouml;rse), eine Tauschb&ouml;rse, die von einem Unternehmen betrieben wird und bei der Kunden ihre Identit&auml;t nachweisen m&uuml;ssen",
-        "dex": "Decentralized Exchange (engl. dezentrale Tauschb&ouml;rse), eine Tauschb&ouml;rse, die von einem Netzwerk von Nutzern betrieben wird und bei der Kunden ihre Identit&auml;t nicht nachweisen m&uuml;ssen",
+        "glossary-term-kyc": "KYC",
+        "glossary-desc-kyc": "Know your Customer (engl. kenne den Kunden), bezeichnet die Identifizierung von Kunden durch Unternehmen, um sie zu &uuml;berwachen",
+        "glossary-term-no-kyc": "No KYC",
+        "glossary-desc-no-kyc": "Don't Know your Customer (engl. kenne nicht den Kunden), keine Identifizierung von Kunden durch Unternehmen",
+        "glossary-term-kyc-light": "KYC light",
+        "glossary-desc-kyc-light": "Know your Customer light, ohne zusätzliche Identifizierung von Kunden durch Unternehmen",
+        "glossary-term-fiat": "Fiat",
+        "glossary-desc-fiat": "Fiatgeld, also staatliche W&auml;hrungen wie Euro, US-Dollar, Schweizer Franken usw.",
+        "glossary-term-cex": "CEX",
+        "glossary-desc-cex": "Centralized Exchange (engl. zentrale Tauschb&ouml;rse), eine Tauschb&ouml;rse, die von einem Unternehmen betrieben wird und bei der Kunden ihre Identit&auml;t nachweisen m&uuml;ssen",
+        "glossary-term-dex": "DEX",
+        "glossary-desc-dex": "Decentralized Exchange (engl. dezentrale Tauschb&ouml;rse), eine Tauschb&ouml;rse, die von einem Netzwerk von Nutzern betrieben wird und bei der Kunden ihre Identit&auml;t nicht nachweisen m&uuml;ssen",
        "copyright": "Monero Community Projekt<br />Ein unabh&auml;ngiges, nicht-kommerzielles Projekt von und f&uuml;r die Monero-Community."
    }
 }
--- a/i18n/en/en.json
+++ b/i18n/en/en.json
@@ -59,15 +59,24 @@
        "sort-by": "Sort by",
        "sort-by-comfort": "Comfort",
        "sort-by-best-privacy": "Best Privacy",
+        "atomic-swaps": "Atomic Swaps",
        "centralized-exchanges": "Centralized Exchanges",
        "decentralized-exchanges": "Decentralized Exchanges",
+        "no-kyc-services": "No KYC Services",
+        "kyc-light": "KYC light",
        "glossary": "Glossary",
-        "know-your-customer": "Know Your Customer, refers to the identification of customers by companies to monitor them",
-        "dont-know-your-customer": "Don't Know Your Customer, refers to the absence of customer identification by companies",
-        "know-your-customer-light": "Know Your Customer light, refers to the absence of additional customer identification by companies",
-        "fiat": "Fiat Currency, such as Euro, US Dollar, Swiss Franc, etc.",
-        "cex": "Centralized Exchange, an exchange operated by a company where customers must verify their identity",
-        "dex": "Decentralized Exchange, an exchange operated by a network of users where customers do not need to verify their identity",
+        "glossary-term-kyc": "KYC",
+        "glossary-desc-kyc": "Know Your Customer, refers to the identification of customers by companies to monitor them",
+        "glossary-term-no-kyc": "No KYC",
+        "glossary-desc-no-kyc": "Don't Know Your Customer, refers to the absence of customer identification by companies",
+        "glossary-term-kyc-light": "KYC light",
+        "glossary-desc-kyc-light": "Know Your Customer light, refers to the absence of additional customer identification by companies",
+        "glossary-term-fiat": "Fiat",
+        "glossary-desc-fiat": "Fiat Currency, such as Euro, US Dollar, Swiss Franc, etc.",
+        "glossary-term-cex": "CEX",
+        "glossary-desc-cex": "Centralized Exchange, an exchange operated by a company where customers must verify their identity",
+        "glossary-term-dex": "DEX",
+        "glossary-desc-dex": "Decentralized Exchange, an exchange operated by a network of users where customers do not need to verify their identity",
        "copyright": "Monero Community Project<br />An independent, non-commercial project by and for the Monero community."
    }
 }
--- a/i18n/es/es.json
+++ b/i18n/es/es.json
@@ -59,15 +59,24 @@
        "sort-by": "Ordenar por",
        "sort-by-comfort": "Comodidad",
        "sort-by-best-privacy": "Mejor Privacidad",
+        "atomic-swaps": "Atomic Swaps",
        "centralized-exchanges": "Intercambios Centralizados",
        "decentralized-exchanges": "Intercambios Descentralizados",
+        "no-kyc-services": "Servicios sin KYC",
+        "kyc-light": "KYC ligero",
        "glossary": "Glosario",
-        "know-your-customer": "Conoce a tu Cliente: Se refiere a la identificación de clientes por parte de empresas para monitorearlos.",
-        "dont-know-your-customer": "No Conoce a tu Cliente: Se refiere a la ausencia de identificación de clientes por parte de empresas.",
-        "know-your-customer-light": "Conoce a tu Cliente de forma ligera: Se refiere a la ausencia de identificación adicional de clientes por parte de empresas.",
-        "fiat": "Moneda Fiat: como Euro, Dólar Estadounidense, Franco Suizo, etc.",
-        "cex": "Intercambio Centralizado: una plataforma operada por una empresa donde los clientes deben verificar su identidad.",
-        "dex": "Intercambio Descentralizado: una plataforma operada por una red de usuarios donde los clientes no necesitan verificar su identidad.",
+        "glossary-term-kyc": "KYC",
+        "glossary-desc-kyc": "Conoce a tu Cliente: Se refiere a la identificación de clientes por parte de empresas para monitorearlos.",
+        "glossary-term-no-kyc": "No KYC",
+        "glossary-desc-no-kyc": "No Conoce a tu Cliente: Se refiere a la ausencia de identificación de clientes por parte de empresas.",
+        "glossary-term-kyc-light": "KYC light",
+        "glossary-desc-kyc-light": "Conoce a tu Cliente de forma ligera: Se refiere a la ausencia de identificación adicional de clientes por parte de empresas.",
+        "glossary-term-fiat": "Fiat",
+        "glossary-desc-fiat": "Moneda Fiat: como Euro, Dólar Estadounidense, Franco Suizo, etc.",
+        "glossary-term-cex": "CEX",
+        "glossary-desc-cex": "Intercambio Centralizado: una plataforma operada por una empresa donde los clientes deben verificar su identidad.",
+        "glossary-term-dex": "DEX",
+        "glossary-desc-dex": "Intercambio Descentralizado: una plataforma operada por una red de usuarios donde los clientes no necesitan verificar su identidad.",
        "copyright": "Proyecto Comunitario de Monero<br />Un proyecto independiente, no comercial, realizado por y para la comunidad Monero."
    }
 }
--- a/i18n/fa/fa.json
+++ b/i18n/fa/fa.json
@@ -5,7 +5,7 @@
            "features": {
                "private": "شخصی تمام تراکنش‌ها کاملاً شخصی هستن، هیچ تاریخچه عمومی‌ای ازشون وجود نداره.",
                "low_fees": "کارمزد کم به لطف کارمزد ناچیز تراکنش‌ها، مونرو حتی برای پرداخت‌های کوچیک هم به صرفه ‌هست",
-                "secure": امن رمزنگاری قوی از امنیت سرمایه و اطلاعات تو محافظت می‌کنه",
+                "secure": "امن رمزنگاری قوی از امنیت سرمایه و اطلاعات تو محافظت می‌کنه",
                "unblockable": "غیرقابل مسدود کردن تمام سکه‌ها یکسان هستن، هیچ تاریخچه‌ای از «لکه‌دار شدن» یا ثبت سکه‌ای در یک لیست سیاه وجود نداره.",
                "distributed": "توزیع شده هیچ قدرت مرکزی‌ای کنترل شبکه رو در اختیار نداره، ویژگی‌ای که موجب ارائه آزادی مالی واقعی به کاربر میشه."
            },
@@ -49,8 +49,7 @@
        "title-advantages": "<small>مزایای</small><br /><span class=\"monero-orange\">تو</span> به عنوان کاربر",
        "advantage-privacy": "<strong>حریم شخصی</strong>: تمام پرداخت‌ها به صورت پیش‌فرض شخصی هستن. با مونرو مثل پول نقد پرداخت می‌کنی!",
        "advantage-low-fees": "<strong>کارمزد کم</strong>: کارمزد تراکنش‌ها ناچیزه، حتی اگر مبلغ قابل توجهی ارسال کنی!",
-        "advantage-no-chargebacks": "",
-        مسبا <strong>بدون برگشت وجه</strong>: وقتی یک تراکنش مونرو روی زنجیره بلوکی تأیید شده باشه، <strong><u>دیگه نمیتونه معکوس بشه</u></strong>.
+        "advantage-no-chargebacks": "مسبا <strong>بدون برگشت وجه</strong>: وقتی یک تراکنش مونرو روی زنجیره بلوکی تأیید شده باشه، <strong><u>دیگه نمیتونه معکوس بشه</u></strong>.",
        "fiat-into-monero-title": "تبدیل <span class=\"monero-orange\">ریال</span> به مونرو",
        "fiat-into-monero-step1": "<h3>قدم اول:</h3><p>نصب نرم‌افزار <a href=\"https://cakewallet.com/\" target=\"_blank\"><strong class=\"monero-orange\">Cake Wallet</strong></a> یا <a href=\"https://monero.com/\" target=\"_blank\">Monero.com</a>.</p>", 
        "fiat-into-monero-step2": "<h3>قدم دوم:</h3><p>کیف پولت رو بساز، کلمات بازیابی نمایش داده شده رو با دقت روی کاغذ یادداشت کن و کاغذ رو جای شخصی و امنی نگه دار!</p>",
@@ -60,15 +59,24 @@
        "sort-by": "مرتب‌سازی بر اساس",
        "sort-by-comfort": "راحتی",
        "sort-by-best-privacy": "بهترین حریم شخصی",
+        "atomic-swaps": "مبادلات اتمی",
        "centralized-exchanges": "صرافی‌های متمرکز",
        "decentralized-exchanges": "صرافی‌های نامتمرکز",
+        "no-kyc-services": "خدمات بدون احراز هویت",
+        "kyc-light": "احراز هویت ملایم",
        "glossary": "فرهنگ واژگان",
-        "know-your-customer": "شناخت مشتری، به ذخیره مدارک هویتی مشتریان توسط شرکت‌ها جهت تحت نظارت قرار دادن آنان گفته می‌شود.",
-        "dont-know-your-customer": "عدم شناخت مشتری، به عدم ذخیره مدارک هویتی مشتری توسط شرکت‌ها گفته می‌شود.",
-        "know-your-customer-light": "شناخت ملایم مشتری، به عدم ذخیره اطلاعات هویتی اضافی مشتری توسط شرکت گفته می‌شود.",
-        "fiat": "ارز فیات، مانند یورو، دلار امریکا، فرانک سوییس، ریال ایران و غیره.",
-        "cex": "صرافی متمرکز، صرافی‌ای که توسط یک شرکت کار می‌کند و مشتریانش ملزم به احراز هویت هستند.",
-        "dex": "صرافی نامتمرکز، صرافی‌ای که توسط شبکه‌ای از کاربرانش کار می‌کند و مشتریانش ملزم به احراز هویت خود نیستند.",
+        "glossary-term-kyc": "احراز هویت مشتری",
+        "glossary-desc-kyc": "شناخت مشتری، به ذخیره مدارک هویتی مشتریان توسط شرکت‌ها جهت تحت نظارت قرار دادن آنان گفته می‌شود.",
+        "glossary-term-no-kyc": "عدم احراز هویت مشتری",
+        "glossary-desc-no-kyc": "عدم شناخت مشتری، به عدم ذخیره مدارک هویتی مشتری توسط شرکت‌ها گفته می‌شود.",
+        "glossary-term-kyc-light": "احراز هویت ملایم",
+        "glossary-desc-kyc-light": "شناخت ملایم مشتری، به عدم ذخیره اطلاعات هویتی اضافی مشتری توسط شرکت گفته می‌شود.",
+        "glossary-term-fiat": "ارز فیات",
+        "glossary-desc-fiat": "ارز فیات، مانند یورو، دلار امریکا، فرانک سوییس، ریال ایران و غیره.",
+        "glossary-term-cex": "صرافی متمرکز",
+        "glossary-desc-cex": "صرافی متمرکز، صرافی‌ای که توسط یک شرکت کار می‌کند و مشتریانش ملزم به احراز هویت هستند.",
+        "glossary-term-dex": "صرافی نامتمرکز",
+        "glossary-desc-dex": "صرافی نامتمرکز، صرافی‌ای که توسط شبکه‌ای از کاربرانش کار می‌کند و مشتریانش ملزم به احراز هویت خود نیستند.",
        "copyright": "پروژه اجتماع مونرو<br />یک پروژه مستقل غیرتجاری به دست و برای اجتماع مونرو"
    }
 }
--- a/i18n/fa/flyer-dark-fa.pdf
+++ b/i18n/fa/flyer-dark-fa.pdf
--- a/i18n/fa/flyer-light-fa.pdf
+++ b/i18n/fa/flyer-light-fa.pdf
--- a/i18n/fa/preview-flyer-dark.png
+++ b/i18n/fa/preview-flyer-dark.png
--- a/i18n/fa/preview-flyer-dark.webp
+++ b/i18n/fa/preview-flyer-dark.webp
--- a/i18n/fa/preview-flyer-light.png
+++ b/i18n/fa/preview-flyer-light.png
--- a/i18n/fa/preview-flyer-light.webp
+++ b/i18n/fa/preview-flyer-light.webp
--- a/i18n/fr/fr.json
+++ b/i18n/fr/fr.json
@@ -59,15 +59,24 @@
        "sort-by": "Trier par",
        "sort-by-comfort": "Confort",
        "sort-by-best-privacy": "Meilleure confidentialité",
+        "atomic-swaps": "Atomic Swaps",
        "centralized-exchanges": "Échanges centralisés",
        "decentralized-exchanges": "Échanges décentralisés",
+        "no-kyc-services": "Services sans KYC",
+        "kyc-light": "KYC léger",
        "glossary": "Glossary",
-        "know-your-customer": "Know Your Customer (KYC) désigne l’identification des clients par les entreprises afin de les surveiller.",
-        "dont-know-your-customer": "«Don’t Know Your Customer» (DKYC) signifie l’absence d’identification des clients par les entreprises.",
-        "know-your-customer-light": "Know Your Customer Light (KYC Light) désigne l’absence d’identification supplémentaire des clients par les entreprises.",
-        "fiat": "Monnaie fiduciaire, comme l’euro, le dollar américain, le franc suisse, etc.",
-        "cex": "Échange centralisé : une plateforme gérée par une entreprise où les clients doivent vérifier leur identité.",
-        "dex": "Échange décentralisé : une plateforme gérée par un réseau d’utilisateurs où les clients n’ont pas besoin de vérifier leur identité.",
+        "glossary-term-kyc": "KYC",
+        "glossary-desc-kyc": "Know Your Customer (KYC) désigne l’identification des clients par les entreprises afin de les surveiller.",
+        "glossary-term-no-kyc": "No KYC",
+        "glossary-desc-no-kyc": "«Don’t Know Your Customer» (DKYC) signifie l’absence d’identification des clients par les entreprises.",
+        "glossary-term-kyc-light": "KYC light",
+        "glossary-desc-kyc-light": "Know Your Customer Light (KYC Light) désigne l’absence d’identification supplémentaire des clients par les entreprises.",
+        "glossary-term-fiat": "Fiat",
+        "glossary-desc-fiat": "Monnaie fiduciaire, comme l’euro, le dollar américain, le franc suisse, etc.",
+        "glossary-term-cex": "CEX",
+        "glossary-desc-cex": "Échange centralisé : une plateforme gérée par une entreprise où les clients doivent vérifier leur identité.",
+        "glossary-term-dex": "DEX",
+        "glossary-desc-dex": "Échange décentralisé : une plateforme gérée par un réseau d’utilisateurs où les clients n’ont pas besoin de vérifier leur identité.",
        "copyright": "Projet Communautaire Monero<br />Un projet indépendant et non commercial, par et pour la communauté Monero."
    }
 }
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" dir="ltr">

 <head>
    <meta charset="UTF-8">
@@ -14,7 +14,7 @@
    <meta name="theme-color" content="#121212">
    <link rel="icon" href="./assets/monero.svg" type="image/x-icon">
    <link rel="stylesheet" href="./assets/style.css" type="text/css">
-    <link rel="stylesheet" type="text/css" href="./assets/fonts/font-face.css">
+    <link rel="stylesheet" type="text/css" href="./assets/fonts/fonts.css">
    <script src="./assets/script.js" defer></script>
 </head>

@@ -95,7 +95,7 @@
                </select>
            </div>
            <div id="exchanges">
-                <h3 id="atomic">Atomic Swaps</h3>
+                <h3 id="atomic" data-i18n="atomic-swaps"></h3>
                <p id="atomic-desc"></p>
                <div class="exchange-category">
                    <ul>
@@ -115,7 +115,7 @@
                    </ul>
                </div>

-                <h3 id="no_kyc">No-KYC Services</h3>
+                <h3 id="no_kyc" data-i18n="no-kyc-services"></h3>
                <p id="no_kyc-desc"></p>
                <div class="exchange-category">
                    <ul>
@@ -124,7 +124,7 @@
                    </ul>
                </div>

-                <h3 id="kyc_light">KYC light</h3>
+                <h3 id="kyc_light" data-i18n="kyc-light"></h3>
                <p id="kyc_light-desc"></p>
                <div class="exchange-category">
                    <ul>
@@ -148,25 +148,25 @@

        <section class="fade-in">
            <div id="legend">
-                <h4 id="legend-headline" data-i18n="glossary">Glossary</h4>
+                <h4 id="legend-headline" data-i18n="glossary"></h4>
                <dl>
-                    <dt>KYC</dt>
-                    <dd id="legend-kyc" data-i18n="know-your-customer"></dd>
+                    <dt data-i18n="glossary-term-kyc"></dt>
+                    <dd id="legend-kyc" data-i18n="glossary-desc-kyc"></dd>

-                    <dt>No-KYC</dt>
-                    <dd id="legend-non_kyc" data-i18n="dont-know-your-customer"></dd>
+                    <dt data-i18n="glossary-term-no-kyc"></dt>
+                    <dd id="legend-non_kyc" data-i18n="glossary-desc-no-kyc"></dd>

-                    <dt>KYC light</dt>
-                    <dd id="legend-kyc_light" data-i18n="know-your-customer-light"></dd>
+                    <dt data-i18n="glossary-term-kyc-light"></dt>
+                    <dd id="legend-kyc_light" data-i18n="glossary-desc-kyc-light"></dd>

-                    <dt>Fiat</dt>
-                    <dd id="legend-fiat" data-i18n="fiat"></dd>
+                    <dt data-i18n="glossary-term-fiat"></dt>
+                    <dd id="legend-fiat" data-i18n="glossary-desc-fiat"></dd>

-                    <dt>CEX</dt>
-                    <dd id="legend-cex" data-i18n="cex"></dd>
+                    <dt data-i18n="glossary-term-cex"></dt>
+                    <dd id="legend-cex" data-i18n="glossary-desc-cex"></dd>

-                    <dt>DEX</dt>
-                    <dd id="legend-dex" data-i18n="dex"></dd>
+                    <dt data-i18n="glossary-term-dex"></dt>
+                    <dd id="legend-dex" data-i18n="glossary-desc-dex"></dd>
                </dl>
            </div>
        </section>
--- a/readme.md
+++ b/readme.md
@@ -15,6 +15,7 @@ The flyer and website is already available in following languages:
 - Français
 - Español
 - Português Brasileiro
+- فارسی

 ## Contributing