i18n for likes

3 files changed, 20 insertions, 13 deletions

diff --git a/src/build/i18n.mjs b/src/build/i18n.mjs
index dfc7c59..979dbe6 100644
--- a/src/build/i18n.mjs
+++ b/src/build/i18n.mjs
@@ -27,6 +27,8 @@ const i18n = {
     toc_keyword: "Sommaire",
     tag_desc: "Liste des articles ayant le tag",
     index_desc: "Blog personnel à propos de programmation, logiciel libre et autohébergement. Essayons de rendre le monde meilleur.",
+    like_title: "Si vous avez aimez cet article cliquez sur le cœur !",
+    like_text: "Vous pouvez même envoyez plusieurs cœurs ! <br><span class=\"likesNotes\">Le délais d'attente entre deux cœurs double à chaque fois.</span>",
   },
   en: {
     intro: {
@@ -52,6 +54,8 @@ const i18n = {
     toc_keyword: "Table of contents",
     tag_desc: "List of articles with the tag",
     index_desc: "Personal blog about programming, free software and self-hosting. Let's try to make the world a better place.",
+    like_title: "If you liked this article click on the heart!",
+    like_text: "You can even send multiple hearts! <br><span class=\"likesNotes\">The waiting time between two hearts doubles each time.</span>",
   }
 }
 
diff --git a/src/build/index.mjs b/src/build/index.mjs
index fa5f450..f22a818 100644
--- a/src/build/index.mjs
+++ b/src/build/index.mjs
@@ -52,6 +52,9 @@ for (const lang in i18n) {
       metaData: article.metaData,
       alt_lang: addDescription(article.metaData.alt_lang),
       description: i18n[lang].intro,
+
+      like_title: i18n[lang].like_title,
+      like_text: i18n[lang].like_text,
     };
     const output = mustache.render(articleTmpl, context, partials);
 
diff --git a/src/templates/likes.tmpl b/src/templates/likes.tmpl
index a0018d9..925d0c4 100644
--- a/src/templates/likes.tmpl
+++ b/src/templates/likes.tmpl
@@ -1,17 +1,17 @@
 <section class="likes" style="display: none">
-          <span class="likesBox">
-          <div class="icon">
-            <svg class="heart-main" viewBox="0 0 512 512" title="heart" z-index="1" height="100">
-              <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path>
-            </svg>
-            <svg class="heart-background" viewBox="0 0 512 512" title="heart" z-index="1" height="100">
-              <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path>
-            </svg>
-            <div class="nbLikes"><div></div></div>
-          </div>
-          <div>
-  <span class="likesTitle">Si vous avez aimez cet article cliquez sur le cœur !</span>
-  <p class="likesText">Vous pouvez même envoyez plusieurs cœurs ! <br><span class="likesNotes">Le délais d'attente entre deux cœurs double à chaque fois.</span></p>
+    <span class="likesBox">
+    <div class="icon">
+      <svg class="heart-main" viewBox="0 0 512 512" title="heart" z-index="1" height="100">
+        <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path>
+      </svg>
+      <svg class="heart-background" viewBox="0 0 512 512" title="heart" z-index="1" height="100">
+        <path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""></path>
+      </svg>
+      <div class="nbLikes"><div></div></div>
+    </div>
+    <div>
+      <span class="likesTitle">{{ like_title }}</span>
+      <p class="likesText">{{{ like_text }}}</p>
   </div></span>
 
         </section>