Improved way to translate a website. (gh-pages-multilingual)

_data/pages.yml

@@ -0,0 +1,66 @@
+en:
+  index: |
+    # What is Eclair?
+    **Eclair** is an [open source](https://github.com/NonExistPlayer/EclairPlayer) audio player written in C# using the [Avalonia](https://github.com/AvaloniaUI/Avalonia) framework and the [LibVLCSharp](https://github.com/videolan/libvlcsharp) library, which is gradually being developed.
+
+    # Why Eclair?
+    **Eclair** is an attempt to create an alternative to existing audio players, for those who value the appearance of the program and who care about it. This player is a new player.
+
+    # Why Eclair open source?
+    I, [NonExistPlayer](https://github.com/NonExistPlayer) support free software.<br>
+    I don't think my hobby should be closed source.<br>
+    I enjoy developing this project despite the difficulties and problems I encounter when developing with **Eclair**.
+
+    # Other
+    ## Supported audio formats
+    - `.mp3`
+    - `.aac`
+    - `.asf`
+    - `.wma`
+    - `.ogg`
+    - `.flac`
+    - `.midi`
+    - `.wav`
+
+    ## Supported OS
+    The minimum version for launching is written next to the OS name.  
+    - **Android** 8.0
+
+    The following information is taken [from here](https://github.com/AvaloniaUI/Avalonia/wiki/Runtime-Requirements).
+    - **Windows** 8.0
+    - **Debian** 9
+    - **Ubuntu** 16.04
+    - **Fedora** 30
+ru:
+  index: |
+    # Что такое Eclair?
+    **Eclair** — аудио плеер с [открытым исходным кодом](https://github.com/NonExistPlayer/EclairPlayer) написанный на C# с использованием фреймворка [Avalonia](https://github.com/AvaloniaUI/Avalonia) и библиотеки [LibVLCSharp](https://github.com/videolan/libvlcsharp), который постепенно равзивается.
+
+    # Почему Eclair?
+    **Eclair** это попытка создать альтернативу существующим аудио плеерам, для тех кто ценит внешний вид программы и кому не всё равно на это. Этот плеер это новый плеер.
+
+    # Почему Eclair с открытым исходным кодом?
+    Я, [NonExistPlayer](https://github.com/NonExistPlayer) поддерживаю свободное ПО.<br>
+    Я не считаю что моё хобби должно быть закрытым.<br>
+    Мне нравится разрабатывать этот проект не смотря на трудности и проблемы с которыми я сталкиваюсь при разработке с **Eclair**.
+
+    # Прочее
+    ## Поддерживаемые аудио-форматы
+    - `.mp3`
+    - `.aac`
+    - `.asf`
+    - `.wma`
+    - `.ogg`
+    - `.flac`
+    - `.midi`
+    - `.wav`
+
+    ## Поддерживаемые ОC
+    Рядом с названием ОС написана минимальная версия для запуска.
+    - **Android** 8.0
+
+    Следующая информация взята [отсюда](https://github.com/AvaloniaUI/Avalonia/wiki/Runtime-Requirements).
+    - **Windows** 8.0
+    - **Debian** 9
+    - **Ubuntu** 16.04
+    - **Fedora** 30

_data/t.yml

@@ -0,0 +1,15 @@
+en:
+  slogan: "Just. Open. Sweet."
+  desc: "An open-source audio player."
+  download: "Download"
+  eclair-source-code: "Eclair Source Code"
+  source-code: "Site Source Code"
+  license: "The source code of the site is protected by the GPL v3.0 license."
+
+ru:
+  slogan: "Просто. Открыто. Сладко."
+  desc: "Аудио плеер с открытым исходным кодом."
+  download: "Скачать"
+  eclair-source-code: "Исходный код"
+  source-code: "Исходный код сайта"
+  license: "Исходный код сайта защищён лицензией GPL v3.0."

_includes/footer.html

@@ -4,12 +4,13 @@
 
 <footer>
     <div>
-        <a href="https://github.com/NonExistPlayer/EclairPlayer">Eclair Source Code</a>
-        <a href="https://github.com/NonExistPlayer/EclairPlayer/tree/gh-pages">Site Source Code</a>
-    </div>
-    <div style="gap: 3px">
-        The source code of this site is protected by the
-        <a href="https://choosealicense.com/licenses/gpl-3.0/">GPL v3.0</a> license.<br>
+        <a href="https://github.com/NonExistPlayer/EclairPlayer">
+            {{ site.data.t[page.lang].eclair-source-code }}
+        </a>
+        <a href="https://github.com/NonExistPlayer/EclairPlayer/tree/gh-pages">
+            {{ site.data.t[page.lang].source-code }}
+        </a>
     </div>
+    <div>{{ site.data.t[page.lang].license }}</div>
     <div>Copyright © 2025 Ilya Korobov</div>
 </footer>

_includes/header.html

@@ -19,9 +19,25 @@
 
         <div class="trigger">
             <a class="page-link" href="https://github.com/NonExistPlayer/EclairPlayer/tags">
-              Download</a>
-            <a class="page-link" href="/EclairPlayer/ru/{{ page.dir }}">
-              Русский</a>
+              {{ site.data.t[page.lang].download }}</a>
+            {%- for path in page_paths -%}
+              {%- assign my_page = site.pages | where: "path", path | first -%}
+              {%- if my_page.lang == page.lang and my_page.title != 'Eclair' -%}
+                {%- if my_page.title -%}
+                <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                {%- endif -%}
+              {%- endif -%}
+            {%- endfor -%}
+            {%- if page.lang == 'en' -%}
+            <a class="page-link" href="/EclairPlayer/ru/{{ page.dir }}"
+              style="font-weight: bold;">
+              Русский
+            {%- else -%}
+            <a class="page-link" href="/EclairPlayer/{{ page.url | remove: 'ru/'}}"
+              style="font-weight: bold;">
+              English
+            {%- endif -%}
+            </a>
         </div>
       </nav>
     {%- endif -%}

_layouts/home.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ page.lang }}">
     {%- include head.html -%}
     <link rel="stylesheet" href="/EclairPlayer/css/style.css">
     {%- include header.html -%}

_layouts/main.html

@@ -0,0 +1,14 @@
+---
+layout: home
+---
+
+<div class="title-div">
+    <img src="/EclairPlayer/assets/icon.png" width="180" alt="Icon">
+    <div style="font-size: 60px; color: #ddd">
+        <b>Eclair</b>
+    </div>
+    <b style="color: #ddd">{{ site.data.t[page.lang].slogan }}</b>
+    <p style="color: #ddd">{{ site.data.t[page.lang].desc }}</p>
+</div><br>
+
+{{ content }}

index.md

@@ -1,48 +1,8 @@
 ---
-layout: home
+layout: main
 title: Eclair
----
-<div class="title-div">
-    <img src="/EclairPlayer/assets/icon.png" width="180" alt="Icon">
-    <div style="font-size: 60px; color: #ddd">
-        <b>Eclair</b>
-    </div>
-    <b style="color: #ddd">Just. Open. Sweet.</b>
-    <p style="color: #ddd">An open-source
-    <a href="https://dotnet.microsoft.com/en-us/">.NET</a>
-    audio player.
-    </p>
-</div><br>
-# What is Eclair?
-**Eclair** is an [open source](https://github.com/NonExistPlayer/EclairPlayer) audio player written in C# using the [Avalonia](https://github.com/AvaloniaUI/Avalonia) framework and the [LibVLCSharp](https://github.com/videolan/libvlcsharp) library, which is gradually being developed.
-
-# Why Eclair?
-**Eclair** is an attempt to create an alternative to existing audio players, for those who value the appearance of the program and who care about it. This player is a new player.
-
-# Why Eclair open source?
-I, [NonExistPlayer](https://github.com/NonExistPlayer) support free software.<br>
-I don't think my hobby should be closed source.<br>
-I enjoy developing this project despite the difficulties and problems I encounter when developing with **Eclair**.
 
-# Other
-## Supported audio formats
-- `.mp3`
-- `.aac`
-- `.asf`
-- `.wma`
-- `.ogg`
-- `.flac`
-- `.midi`
-- `.wav`
-
-## Supported OS
-The minimum version for launching is written next to the OS name.
-- **Android** 8.0
-- ~~iOS~~
-- ~~MacOS~~
+lang: en
+---
 
-The following information is taken [from here](https://github.com/AvaloniaUI/Avalonia/wiki/Runtime-Requirements).
-- **Windows** 8.0
-- **Debian** 9
-- **Ubuntu** 16.04
-- **Fedora** 30
+{{ site.data.pages[page.lang].index }}

ru/index.md

@@ -1,46 +1,9 @@
 ---
-layout: home-ru
+layout: main
 title: Eclair
 permalink: /ru/
----
-<div class="title-div">
-    <img src="/EclairPlayer/assets/icon.png" width="180" alt="Icon">
-    <div style="font-size: 60px; color: #ddd">
-        <b>Eclair</b>
-    </div>
-    <b style="color: #ddd">Просто. Открыто. Сладко.</b>
-    <p style="color: #ddd">Открытый аудио-плеер написанный на
-    <a href="https://dotnet.microsoft.com/ru-ru/">.NET</a></p>
-</div><br>
-
-# Что такое Eclair?
-**Eclair** — аудио плеер с [открытым исходным кодом](https://github.com/NonExistPlayer/EclairPlayer) написанный на C# с использованием фреймворка [Avalonia](https://github.com/AvaloniaUI/Avalonia) и библиотеки [LibVLCSharp](https://github.com/videolan/libvlcsharp), который постепенно равзивается.
-
-# Почему Eclair?
-**Eclair** это попытка создать альтернативу существующим аудио плеерам, для тех кто ценит внешний вид программы и кому не всё равно на это. Этот плеер это новый плеер.
 
-# Почему Eclair с открытым исходным кодом?
-Я, [NonExistPlayer](https://github.com/NonExistPlayer) поддерживаю свободное ПО.<br>
-Я не считаю что моё хобби должно быть закрытым.<br>
-Мне нравится разрабатывать этот проект не смотря на трудности и проблемы с которыми я сталкиваюсь при разработке с **Eclair**.
-
-# Прочее
-## Поддерживаемые аудио-форматы
-- `.mp3`
-- `.aac`
-- `.asf`
-- `.wma`
-- `.ogg`
-- `.flac`
-- `.midi`
-- `.wav`
-
-## Поддерживаемые ОC
-Рядом с названием ОС написана минимальная версия для запуска.
-- **Android** 8.0
+lang: ru
+---
 
-Следующая информация взята [отсюда](https://github.com/AvaloniaUI/Avalonia/wiki/Runtime-Requirements).
-- **Windows** 8.0
-- **Debian** 9
-- **Ubuntu** 16.04
-- **Fedora** 30
+{{ site.data.pages[page.lang].index }}