Multilingual

Fix foot

config.toml

@@ -1,5 +1,7 @@
 # The URL the site will be built for
 base_url = "https://dns-witch.eu.org"
+title = "DNS Witch Collective"
+description = "Collective, spells and the Internet"
 
 # Whether to automatically compile all Sass files in the sass directory
 compile_sass = true
@@ -14,8 +16,37 @@ theme = "juice"
 # Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
 highlight_code = false
 
+[languages]
+
+[languages.en]
+title = "DNS Witch Collective"
+description = "Collective, spells and the Internet"
+
+[languages.fr]
+title = "Collectif DNS Witch"
+description = "DNS Witch est un collectif de bénévoles souhaitant rendre accessibles des services liés à Internet."
+
+[languages.en.translations]
+hero_heading_text = "Collective, spells and the Internet"
+hero_title_text = "DNS Witch is a group of volunteers wishing to make Internet-related services accessible."
+explore_more_text = "Explore More ⇩"
+content_heading_text = "Overview"
+juice_logo_name = "DNS Witch Collective"
+
+[languages.fr.translations]
+hero_heading_text = "Collectif, sortilèges et Internet"
+hero_title_text = "DNS Witch est un collectif de bénévoles souhaitant rendre accessibles des services liés à Internet. "
+explore_more_text = "En savoir plus ⇩"
+content_heading_text = "Aperçu"
+juice_logo_name = "Collectif DNS Witch"
+
 [extra]
 # Put all your custom variables here
-juice_logo_name = "Collectif DNS Witch"
 juice_logo_path = "/img/icon.svg"
-repository_url = "https://git.familier.net.eu.org/dns-witch/dns-witch.eu.org.git"
+repository_url = "https://git.familier.net.eu.org/dns-witch/dns-witch.eu.org.git"
+
+# Language choose
+juice_extra_menu = [
+    { title = "Francophone", link = "fr" },
+    { title = "Anglophone", link = "/" }
+]

content/_index.fr.md

@@ -0,0 +1,18 @@
++++
+title = "DNS Witch"
+sort_by = "weight"
++++
+
+# DNS Witch
+
+**DNS** Witch est un collectif de bénévoles souhaitant rendre accessibles des services liés à Internet.
+
+# La praxis
+Il existe plusieurs initiatives ayant pour but de rendre aux citoyens·citoyennes des espaces libres et gratuits sur Internet. Cependant, une bonne partie de ces services ne sont accessibles qu’à des personnes ayant déjà les connaissances techniques requises ou le temps de les acquérir. Les projets menés par le collectif sont conçus pour se positionner entre les utilisateurs·utilisatrices et les offres disponibles, afin de leur en faciliter l’accès. Opérant sur notre temps libre, nous essayons de mettre en place des solutions simples, demandant peu de maintenance.
+
+# Les services
+## DNS Witch, des noms de domaines pour toustes
+Le projet [DNS Witch](https://dns-witch.net.eu.org) offre aux personnes sans bagage technique la possibilité d’obtenir des noms de domaines gratuits.
+
+## Grimoire, hébergement de blogs sans distraction
+Notre plateforme [Grimoire](https://grimoire.eu.org), fonctionne avec WriteFreely, une application conçue pour faciliter la concentration lors des sessions d’écriture.

content/_index.md

@@ -5,14 +5,14 @@ sort_by = "weight"
 
 # DNS Witch
 
-**DNS** Witch est un collectif de bénévoles souhaitant rendre accessibles des services liés à Internet.
+**DNS Witch** is a group of volunteers wishing to make Internet-related services accessible.
 
-# La praxis
-Il existe plusieurs initiatives ayant pour but de rendre aux citoyens·citoyennes des espaces libres et gratuits sur Internet. Cependant, une bonne partie de ces services ne sont accessibles qu’à des personnes ayant déjà les connaissances techniques requises ou ayant le temps de les acquérir. Les projets menés par le collectif sont conçus pour se positionner entre les utilisateurs·utilisatrices et les offres disponibles, afin de leur en faciliter l’accès. Opérant sur notre temps libre, nous essayons de mettre en place des solutions simples, demandant peu de maintenance.
+# The praxis
+There are several initiatives aimed at providing citizens with free and open spaces on the Internet. However, many of these services are only accessible to people who already have the required technical knowledge or the time to acquire it. The projects carried out by the collective are designed to position themselves between the users and the offers available, in order to facilitate their access to them. Operating on our free time, we try to implement simple solutions, requiring little maintenance.
 
-# Les services
-## DNS Witch, des noms de domaines pour toustes
-Actuellement, le projet sur lequel nous travaillons le plus est DNS Witch, qui offre aux personnes sans bagage technique la possibilité d’obtenir des noms de domaines gratuits.
+# Services
+## DNS Witch, domain names for everyone
+The [DNS Witch](https://dns-witch.net.eu.org) project offers people without a technical background the possibility of obtaining free domain names.
 
-## Grimoire
-Nous travaillons également sur un second projet, Grimoire, une plateforme d’hébergement de sites statiques.
+## Grimoire, distraction-free blog hosting  
+Our [Grimoire](https://grimoire.eu.org) platform works with WriteFreely, an application designed to facilitate concentration during writing sessions.

themes/juice/sass/_markdown.scss

@@ -30,7 +30,7 @@
 }
 
 .content a {
-  color: var(--primary-link-color);
+  color: blue;
 
   &:hover {
     text-decoration: underline;

themes/juice/templates/_macros.html

@@ -3,7 +3,7 @@
 <a href="{{ section.permalink }}">
     <div class="logo">
         <img src="{{ get_url(path=config.extra.juice_logo_path) }}" alt="logo">
-        {{ config.extra.juice_logo_name }}
+        {{ trans(key="juice_logo_name", lang=lang) | safe }}
     </div>
 </a>
 

themes/juice/templates/index.html

@@ -1,6 +1,6 @@
 {% import "_macros.html" as macros %}
 <!DOCTYPE html>
-<html lang="fr">
+<html lang="{{ lang }}">
 
 <head>
     <meta charset="UTF-8">
@@ -12,6 +12,11 @@
     {% include "_variables.html" %}
     <link rel="stylesheet" href="/normalize.css">
     <link rel="stylesheet" href="{{ get_url(path="juice.css") }}">
+    <meta property="og:title" content="{{ section.title }}">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="{{ get_url(path=config.extra.juice_logo_path) }}">
+    <meta property="og:description" content="{{ config.description }}">
+    <meta property="og:site_name" content="{{ config.title }}">
     {% block head %}
     {% endblock head %}
 </head>
@@ -25,20 +30,19 @@
 
     <div class="hero">
         {% block hero %}
-        <script async defer src="https://buttons.github.io/buttons.js"></script>
         <section class="text-center">
             <h1 class="heading-text" style="font-size: 50px">
-                Collectif, sortilèges et Internet
+                {{ trans(key="hero_heading_text", lang=lang) | safe}}
             </h1>
             <h3 class="title-text">
-                <b>DNS Witch</b> est un collectif de bénévoles souhaitant rendre accessibles des services liés à Internet.
+                {{ trans(key="hero_title_text", lang=lang) | safe}}
             </h3>
         </section>
         <img class="hero-image" style="width: 50%" src="{{ get_url(path="img/undraw_group_hangout_-5-gmq.svg") }}">
 
         <div class="explore-more text"
             onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
-            Explore More ⇩
+            {{ trans(key="explore_more_text", lang=lang) | safe }}
         </div>
         <style>
             .hero section {
@@ -88,8 +92,8 @@
 
         <div class="content text">
             {% block content %}
-            <div id="features" class="heading-text">Overview</div>
-            {{ section.content | safe }}
+            <div id="features" class="heading-text">{{ trans(key="content_heading_text", lang=lang | safe) }}</div>
+            {{ section.content | markdown | safe }}
             {% endblock content %}
         </div>
 
@@ -100,7 +104,7 @@
     {% block footer %}
     <footer>
         <small class="subtext">
-            <a href="https://huhu.io">Huhu.io</a> © 2021
+            <a href="https://dns-witch.eu.org">DNS Witch</a>
         </small>
     </footer>
     {% endblock footer %}