feat: Add multilanguage

README.md

@@ -25,7 +25,7 @@ Le logiciel est en version alpha et donc ne fonctionne pas actuellement. Le but
     - [ ] Pouvoir ajouter/supprimer/déplacer un dessin
 - [ ] Pouvoir télécharger le fichier
 - [ ] Rendre le site léger coté Javascript (minification, suppression du code non utilisé)
-- [ ] Rendre le site multi-langue
+- [x] Rendre le site multi-langue
 - [x] Afficher le fichier PDF dans une _modal_
 - [x] Rendre le site léger coté CSS (minification, suppression du code non utilisé)
 - [x] Ajout une interface pour sélectionner un fichier

config.yml

@@ -1,5 +1,21 @@
 baseURL: http://example.org/
-defaultContentLanguage: fr
+defaultContentLanguage: en
+defaultContentLanguageInSubdir: true
+
+params:
+  brand: PDF-Editor
+
+languages:
+  en:
+    languageName: English
+    weight: 10
+    # params:
+    #   icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" width="32" height="32"><path fill="#00247D" d="M0 9.059V13h5.628zM4.664 31H13v-5.837zM23 25.164V31h8.335zM0 23v3.941L5.63 23zM31.337 5H23v5.837zM36 26.942V23h-5.631zM36 13V9.059L30.371 13zM13 5H4.664L13 10.837z"/><path fill="#CF1B2B" d="M25.14 23l9.712 6.801c.471-.479.808-1.082.99-1.749L28.627 23H25.14zM13 23h-2.141l-9.711 6.8c.521.53 1.189.909 1.938 1.085L13 23.943V23zm10-10h2.141l9.711-6.8c-.521-.53-1.188-.909-1.937-1.085L23 12.057V13zm-12.141 0L1.148 6.2C.677 6.68.34 7.282.157 7.949L7.372 13h3.487z"/><path fill="#EEE" d="M36 21H21v10h2v-5.836L31.335 31H32c1.117 0 2.126-.461 2.852-1.199L25.14 23h3.487l7.215 5.052c.093-.337.158-.686.158-1.052v-.058L30.369 23H36v-2zM0 21v2h5.63L0 26.941V27c0 1.091.439 2.078 1.148 2.8l9.711-6.8H13v.943l-9.914 6.941c.294.07.598.116.914.116h.664L13 25.163V31h2V21H0zM36 9c0-1.091-.439-2.078-1.148-2.8L25.141 13H23v-.943l9.915-6.942C32.62 5.046 32.316 5 32 5h-.663L23 10.837V5h-2v10h15v-2h-5.629L36 9.059V9zM13 5v5.837L4.664 5H4c-1.118 0-2.126.461-2.852 1.2l9.711 6.8H7.372L.157 7.949C.065 8.286 0 8.634 0 9v.059L5.628 13H0v2h15V5h-2z"/><path fill="#CF1B2B" d="M21 15V5h-6v10H0v6h15v10h6V21h15v-6z"/></svg>
+  fr:
+    languageName: Français
+    weight: 20
+    # params:
+    #   icon: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" width="32" height="32"><path fill="#ED2939" d="M36 27c0 2.209-1.791 4-4 4h-8V5h8c2.209 0 4 1.791 4 4v18z"/><path fill="#002495" d="M4 5C1.791 5 0 6.791 0 9v18c0 2.209 1.791 4 4 4h8V5H4z"/><path fill="#EEE" d="M12 5h12v26H12z"/></svg>
 
 build:
   writeStats: true

i18n/en.yml

@@ -1,2 +1,14 @@
-title: "PDF file editor"
+title: 
-description: "Logiciel WEB libre permettant de modifier un fichier PDF"
+  other: PDF file editor
+description: 
+  other: Free WEB software allowing to modify a PDF file, reorder the pages and modify its metadata.
+selectText:
+  other: "Choose PDF File :"
+privacyInfo:
+  other: No file is sent to the server, data is processed locally in your browser.
+footerText:
+  other: Made with ❤️ by <a href="https://weko.io/">Weko</a> and hosted by <a href="https://resilien.fr/">RésiLien</a> 🐱
+buttonDownload:
+  other: Download
+buttonClose:
+  other: Close

i18n/fr.yml

@@ -1,6 +1,14 @@
 title: 
   other: Editeur de fichier PDF
 description: 
-  other: "Logiciel WEB libre permettant de modifier un fichier PDF, réordonner les pages et modifier ses métadonnées."
+  other: Logiciel WEB libre permettant de modifier un fichier PDF, réordonner les pages et modifier ses métadonnées.
-button:
+selectText:
-  other: "Choisir un fichier"
+  other: "Choisir un fichier PDF :"
+privacyInfo:
+  other: Aucun fichier n'est envoyé au serveur, les données sont traités localement dans votre navigateur.
+footerText:
+  other: Réalisé avec ❤️ par <a href="https://weko.io/">Weko</a> et hébergé par <a href="https://resilien.fr/">RésiLien</a> 🐱
+buttonDownload:
+  other: Télécharger
+buttonClose:
+  other: Fermer

layouts/index.html

@@ -3,7 +3,7 @@
     <h1>{{ i18n "title" }}</h1>
     <p class="lead">{{ i18n "description" | safeHTML }}</p>
     <p class="lead">
-      Sélectionne un PDF :
+      {{ i18n "selectText" }}
     </p>
     <p class="lead container text-center">
       <div class="row">
@@ -13,7 +13,7 @@
       </div>
     </p>
     <p class="lead">
-      Aucun fichier n'est envoyé au serveur, les données sont traités localement dans votre navigateur.
+      {{ i18n "privacyInfo" }}
     </p>
     
     <!-- Modal -->
@@ -60,13 +60,13 @@
                   <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"></path>
                   <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"></path>
                 </svg>
-                <span class="d-none d-sm-inline">Télécharger</span>
+                <span class="d-none d-sm-inline">{{ i18n "buttonDownload" }}</span>
               </button>
               <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" aria-label="Close">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
                   <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>
                 </svg>
-                <span class="d-none d-sm-inline">Fermer</span>
+                <span class="d-none d-sm-inline">{{ i18n "buttonClose" }}</span>
               </button>
             </div>
           </div>

layouts/partials/footer.html

@@ -1,5 +1,5 @@
 <footer class="mt-auto text-white-50">
     <p>
-        Réalisé avec ❤️ par <a href="https://weko.io/">Weko</a> et hébergé par <a href="https://resilien.fr/">RésiLien</a> 🐱 de façon éco‑responsable 🍃
+        {{ i18n "footerText" | safeHTML }}
     </p>
 </footer>

layouts/partials/header.html

@@ -1,12 +1,15 @@
 <header class="mb-auto">
     <div>
-        <h3 class="float-md-start mb-0">PDF-Editor</h3>
+        <h3 class="float-md-start mb-0">{{ .Site.Params.brand }}</h3>
-        {{/*
+        {{ if .Site.IsMultiLingual }}
+        {{ $currentLanguage := .Language }}</p>
         <nav class="nav nav-masthead justify-content-center float-md-end">
-            <a class="nav-link fw-bold py-1 px-0 active" aria-current="page" href="#">Home</a>
+            {{ range $.Site.Home.AllTranslations }}
-            <a class="nav-link fw-bold py-1 px-0" href="#">Features</a>
+            <a title="{{ .Language.LanguageName }}" href="{{ .Permalink }}" class="nav-link fw-bold py-1 px-0{{ if eq $currentLanguage.Lang .Lang }} active{{ end }}" aria-current="page" href="#">
-            <a class="nav-link fw-bold py-1 px-0" href="#">Contact</a>
+                {{ or (.Language.Params.icon | safeHTML) .Lang }}
+            </a>
+            {{ end }}
         </nav>
-        */}}
+        {{ end }}
     </div>
 </header>