Big site refresh + add missing DevOps page

config.yml

@@ -35,6 +35,16 @@ languages:
 #        weight: 30
 
     params:
+      others_links:
+      - text: "S'inscrire"
+        href: "/join"
+        class: "btn btn-secondary"
+        icon: "bi-person-plus-fill"
+      - text: "S'identifier"
+        href: "/login"
+        class: "btn btn-outline-primary"
+        icon: "bi-person-check-fill"
+
       carousel:
       - title: "domains-lists"
         description: "**Page d'accueil:** liste des domaines, de différents hébergeurs"
@@ -68,6 +78,16 @@ params:
   newsletter: "newsletter@happydns.org"
   tryit: "/join"
 
+  others_links:
+  - text: "Sign up"
+    href: "/join"
+    class: "btn btn-secondary"
+    icon: "bi-person-plus-fill"
+  - text: "Sign in"
+    href: "/login"
+    class: "btn btn-outline-primary"
+    icon: "bi-person-check-fill"
+
   carousel:
   - title: "domains-lists"
     description: "**Home page:** domains list on dedicated provider"

content/use-happyDomain/cio.en.html

@@ -1,5 +1,5 @@
 +++
-title = "Comment happyDomain peut vous aider ?"
+title = "How happyDomain can help you?"
 layout = "usage"
 +++
 
@@ -23,7 +23,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> allows you to go back at any time in case of a problem.
+          happy<span class="font-weight-bold">Domain</span> allows you to go back at any time in case of a problem.
         </p>
         <p>
           The history allows you to easily track the latest changes, keeping track of who made them.
@@ -55,7 +55,7 @@ layout = "usage"
           Reduce friction between your teams by allowing them to manage records related to their projects (internal or even public).
         </p>
         <p>
-          happy<span class="font-weight-bold">DNS</span> implements a powerful access control system allowing you to delegate all or part of a zone, up to the recording.
+          happy<span class="font-weight-bold">Domain</span> implements a powerful access control system allowing you to delegate all or part of a zone, up to the recording.
         </p>
       </div>
     </div>
@@ -71,7 +71,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> connects to more than 25 hosting providers worldwide. You can manage them in the interface with one click.
+          happy<span class="font-weight-bold">Domain</span> connects to more than 25 hosting providers worldwide. You can manage them in the interface with one click.
         </p>
       </div>
       <div class="order-1 col-md-7">
@@ -96,78 +96,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> allows you to set an expiration date on your subdomains so that a temporary event and its servers do not remain accessible, simply because a closing ticket has not been processed. We take care of it automatically.
+          happy<span class="font-weight-bold">Domain</span> allows you to set an expiration date on your subdomains so that a temporary event and its servers do not remain accessible, simply because a closing ticket has not been processed. We take care of it automatically.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Try happy<span class="font-weight-bolder">DNS</span> now!<br>
-        It's free software.
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> is a free project that you can use online, but you can also install on your machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-freelance-tryit" href="/join">Try online now &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-freelance-downloads" href="/#downloads">Download &#187;</a>
-      </p>
-
-      <p class="mt-5">
-         And if you do not find your happiness in our current interface, come and discuss it with us:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="Give us your feedback" class="w-100 mb-3 flex-grow-1">
-              <span>Give us your feedback</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="Join us on Matrix" class="w-100 mb-3 flex-grow-1">
-              <span>Join us on Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="get in touch on IRC" class="w-100 mb-3 flex-grow-1">
-              <span>Get in touch on IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">About us?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          We are a team of passionate system administrators/DevOps!
-        </h4>
-
-        <p>
-          Our ambition is to make domain names <span class="text-dark text-hilight px-1">accessible and usable for everyone</span>!
         </p>
       </div>
     </div>

content/use-happyDomain/cio.fr.html

@@ -23,7 +23,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> vous permet de revenir en arrière à n'importe quel moment en cas de problème.
+          happy<span class="font-weight-bold">Domain</span> vous permet de revenir en arrière à n'importe quel moment en cas de problème.
         </p>
         <p>
           L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants.
@@ -55,7 +55,7 @@ layout = "usage"
           Réduisez les points de frictions entre vos équipes en leur permettant de gérer les enregistrements relatifs à leurs projets (internes ou publics).
         </p>
         <p>
-          happy<span class="font-weight-bold">DNS</span> met en place un puissant système de contrôle d'accès permettant de déléguer tout ou partie d'une zone, jusqu'à l'enregistrement.
+          happy<span class="font-weight-bold">Domain</span> met en place un puissant système de contrôle d'accès permettant de déléguer tout ou partie d'une zone, jusqu'à l'enregistrement.
         </p>
       </div>
     </div>
@@ -71,7 +71,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> se connecte à plus de 25 hébergeurs à travers le monde. Vous pouvez les gérer dans l'interface en un clic.
+          happy<span class="font-weight-bold">Domain</span> se connecte à plus de 25 hébergeurs à travers le monde. Vous pouvez les gérer dans l'interface en un clic.
         </p>
       </div>
       <div class="order-1 col-md-7">
@@ -96,78 +96,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> vous permet de fixer une date d'expiration sur vos sous-domaines pour éviter qu'un événement temporaire et ses serveurs restent accessibles simplement parce qu'un ticket de fermeture n'a pas été traité. On s'en occupe automatiquement.
+          happy<span class="font-weight-bold">Domain</span> vous permet de fixer une date d'expiration sur vos sous-domaines pour éviter qu'un événement temporaire et ses serveurs restent accessibles simplement parce qu'un ticket de fermeture n'a pas été traité. On s'en occupe automatiquement.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Essayez happy<span class="font-weight-bold">DNS</span> maintenant&nbsp;!<br>
-        C'est un projet libre (et gratuit).
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> est un projet libre que vous pouvez utiliser en ligne, mais que vous pouvez aussi installer sur votre machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-sysadmin-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-sysadmin-downloads" href="/#downloads">Télécharger &#187;</a>
-      </p>
-
-      <p class="mt-5">
-        Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous&nbsp;:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Donnez-nous votre avis</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">Qui sommes-nous&nbsp;?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          Nous sommes une équipe d'administrateurs systèmes/DevOps passionnés&nbsp;!
-        </h4>
-
-        <p>
-          Nous avons pour ambition de rendre les noms de domaines <span class="text-dark text-hilight px-1">accessibles et utilisables par tous</span>&nbsp;!
         </p>
       </div>
     </div>

content/use-happyDomain/devops.en.html

@@ -0,0 +1,125 @@
++++
+title = "How happyDomain can help you?"
+layout = "usage"
++++
+
+<div class="container-fluid mt-3 pt-4 pb-3">
+  <div class="row">
+    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
+      <p class="lead text-center">
+        A <span class="text-hilight px-1">REST API and web interface</span> to centralize domain management <span class="text-hilight px-1">in the cloud, with suppliers and on premise</span>.
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5">
+  <div class="container mb-5">
+    <div class="row">
+      <div class="order-0 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          All your domains' operations<br>
+          accessible via a REST API.
+        </h4>
+        <hr class="bg-light mx-5">
+        <p>
+          Everything that's done in the happy<span class="font-weight-bold">Domain</span> web interface can easily be done with the API, in your language of choice.
+        </p>
+        <p>
+          Our REST API is fully documented, and thanks to Swagger, you can browse it and easily generate a tool using it in any supported language.
+        </p>
+        <a href="/swagger/index.html" target="_blank">
+          See the API documentation and try it out now!
+        </a>
+      </div>
+      <div class="order-1 col-md-7 py-2 align-self-center">
+        <img class="rounded img-thumbnail" src="/img/screenshots/features/rest.png" alt="Our REST API, commented and exposed with Swagger">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5 bg-secondary text-light">
+  <div class="container my-5">
+    <div class="row">
+      <div class="order-1 order-md-0 col-md-7 align-self-center">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+      </div>
+      <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Forget about the complexity of each hosting company.<br>
+          Take advantage of our unified interface.
+        </h4>
+        <hr class="bg-light mx-5">
+        <p>
+          Don't be afraid of discovering a new host. happy<span class="font-weight-bold">Domain</span> manages over 25 hosts worldwide:
+        </p>
+        <ul class="text-left">
+          <li class="mb-1"><strong>cloud services&nbsp;:</strong> Route53, Azure DNS, Google Cloud DNS, DigitalOcean, Linode, Oracle Cloud, ...</li>
+          <li class="mb-1"><strong>CDN&nbsp;:</strong> Akamai Edge DNS, Cloudflare, ...</li>
+          <li class="mb-1"><strong>registrar&nbsp;:</strong> OVH, Gandi, Namecheap, Vultr, ...</li>
+          <li class="mb-1"><strong>your local setup&nbsp;:</strong> BIND, PowerDNS, knot, ...</li>
+        </ul>
+        <a href="https://docs.dnscontrol.org/service-providers/providers" target="_blank">
+          See the list of supported DNS hosts.
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5">
+  <div class="container my-5">
+    <div class="row">
+      <div class="order-0 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Respond to all requests<br>
+          with ease.
+        </h4>
+        <hr class="bg-light mx-5">
+        <p>
+          A new service? An urgent fix? happy<span class="font-weight-bold">Domain</span> uses simple terminology to stay focused.
+        </p>
+      </div>
+      <div class="order-1 col-md-7">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5 bg-secondary text-light">
+  <div class="container my-5">
+    <div class="row">
+      <div class="order-1 order-md-0 col-md-7 align-self-center">
+        <img class="rounded img-thumbnail" src="/img/screenshots/sdk-python.webp" alt="Python SDK usage">
+      </div>
+      <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Many tools are already available for you, DevOps.
+        </h4>
+        <hr class="bg-light mx-5">
+        <ul class="text-left">
+          <li class="mb-2">
+            <a href="https://galaxy.ansible.com/happydns/happydomain" target="_blank">
+              <strong>Ansible collection:</strong>
+            </a>
+            <span class="text-hilight px-1 text-dark">add or modify zone records,</span>
+            manage new domains through their registrar,
+            manage happy<span class="font-weight-bold">Domain</span>'s users,
+            or deploy happy<span class="font-weight-bold">Domain</span> using the official Ansible collection.
+          </li>
+          <li class="mb-2">
+            <a href="https://pypi.org/project/happydomain/" target="_blank">
+              <strong>Python SDK:</strong>
+            </a>
+            easily automate all aspects of your domains, with the simplicity of Python.
+          </li>
+          <li class="mb-2">
+            and counting&hellip;
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

content/use-happyDomain/devops.en.md

@@ -1 +0,0 @@
-# Error 404

content/use-happyDomain/devops.fr.html

@@ -0,0 +1,122 @@
++++
+title = "Comment happyDomain peut vous aider ?"
+layout = "usage"
++++
+
+<div class="container-fluid mt-3 pt-4 pb-3">
+  <div class="row">
+    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3">
+      <p class="lead text-center">
+        Une <span class="text-hilight px-1">API REST documentée et une interface web</span> pour centraliser la gestion des domaines <span class="text-hilight px-1">dans le cloud, chez des fournisseurs et sur site</span>.
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5">
+  <div class="container mb-5">
+    <div class="row">
+      <div class="order-0 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Tous vos domaines<br>
+          accessibles par une API REST.
+        </h4>
+        <hr class="bg-light mx-5">
+        <p>
+          Tout ce qui se fait dans l'interface web d'happy<span class="font-weight-bold">Domain</span> peut se faire facilement avec l'API, dans votre langage de prédilection.
+        </p>
+        <p>
+          Notre API REST est entièrement documentée et grâce à Swagger, vous pouvez la parcourir et générer aisément un outil l'utilisant dans tous les langages supportés.
+        </p>
+        <a href="/swagger/index.html" target="_blank">
+          Voir la documentation de l'API et l'essayer maintenant&nbsp;!
+        </a>
+      </div>
+      <div class="order-1 col-md-7 py-2 align-self-center">
+        <img class="rounded img-thumbnail" src="/img/screenshots/features/rest.png" alt="L'API REST documentée et exposée avec Swagger">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5 bg-secondary text-light">
+  <div class="container my-5">
+    <div class="row">
+      <div class="order-1 order-md-0 col-md-7 align-self-center">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.png" alt="Liste des domaines, regroupés astucieusement par client">
+      </div>
+      <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Oubliez la complexité de chaque hébergeur.<br>
+          Profitez de notre interface unifiée.
+        </h4>
+        <hr class="bg-light mx-5">
+        <p>
+          N'ayez plus d'appréhension à découvrir un nouvel hébergeur. happy<span class="font-weight-bold">Domain</span> gère plus de 25 hébergeurs à travers le monde&nbsp;:
+        </p>
+        <ul class="text-left">
+          <li class="mb-1"><strong>services de cloud&nbsp;:</strong> Route53, Azure DNS, Google Cloud DNS, DigitalOcean, Linode, Oracle Cloud, ...</li>
+          <li class="mb-1"><strong>CDN&nbsp;:</strong> Akamai Edge DNS, Cloudflare, ...</li>
+          <li class="mb-1"><strong>bureaux d'enregistrement&nbsp;:</strong> OVH, Gandi, Namecheap, Vultr, ...</li>
+          <li class="mb-1"><strong>vos serveurs locaux&nbsp;:</strong> BIND, PowerDNS, knot, ...</li>
+        </ul>
+        <a href="https://docs.dnscontrol.org/service-providers/providers" target="_blank">
+          Voir la liste des hébergeurs DNS supportés.
+        </a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5">
+  <div class="container my-5">
+    <div class="row">
+      <div class="order-0 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Répondez à toutes les demandes<br>
+          en toute simplicité.
+        </h4>
+        <hr class="bg-light mx-5">
+        <p>
+          Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="font-weight-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
+        </p>
+      </div>
+      <div class="order-1 col-md-7">
+        <img class="rounded img-thumbnail" src="/img/screenshots/domain-services.png" alt="Liste des domaines, regroupés astucieusement par client">
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid py-5 bg-secondary text-light">
+  <div class="container my-5">
+    <div class="row">
+      <div class="order-1 order-md-0 col-md-7 align-self-center">
+        <img class="rounded img-thumbnail" src="/img/screenshots/sdk-python.webp" alt="Utilisation du SDK Python">
+      </div>
+      <div class="order-0  order-md-1 col-md-5 align-self-center text-center">
+        <h4 class="font-weight-bold">
+          Déjà de nombreux outils disponibles pour les DevOps.
+        </h4>
+        <hr class="bg-light mx-5">
+        <ul class="text-left">
+          <li class="mb-2">
+            <a href="https://galaxy.ansible.com/happydns/happydomain" target="_blank">
+              <strong>Collection Ansible&nbsp;:</strong>
+            </a>
+            <span class="text-hilight px-1 text-dark">ajouter ou modifier les enregistrements d'une zone,</span>
+            gérer les bureaux d'enregistrement,
+            gérer les utilisateurs d'happy<span class="font-weight-bold">Domain</span>,
+            ou encore déployer happy<span class="font-weight-bold">Domain</span> grâce à la collection Ansible officielle.
+          </li>
+          <li class="mb-2">
+            <a href="https://pypi.org/project/happydomain/" target="_blank">
+              <strong>SDK Python&nbsp;:</strong>
+            </a>
+            automatiser facilement tous les aspects liés à vos domaines, avec la simplicité de Python.
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

content/use-happyDomain/devops.fr.md

@@ -1 +0,0 @@
-# Error 404

content/use-happyDomain/freelance.en.html

@@ -1,5 +1,5 @@
 +++
-title = "Comment happyDomain peut vous aider ?"
+title = "How happyDomain can help you?"
 layout = "usage"
 +++
 
@@ -23,7 +23,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          No matter how many customers you follow, happy<span class="font-weight-bold">DNS</span> always gives you a clear overview.
+          No matter how many customers you follow, happy<span class="font-weight-bold">Domain</span> always gives you a clear overview.
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
@@ -46,7 +46,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Don't be afraid of discovering a new host. happy<span class="font-weight-bold">DNS</span> manages over 25 hosts worldwide. Your customers are probably using them.
+          Don't be afraid of discovering a new host. happy<span class="font-weight-bold">Domain</span> manages over 25 hosts worldwide. Your customers are probably using them.
         </p>
       </div>
     </div>
@@ -63,7 +63,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          A new service? An urgent fix? happy<span class="font-weight-bold">DNS</span> uses simple terminology to stay focused.
+          A new service? An urgent fix? happy<span class="font-weight-bold">Domain</span> uses simple terminology to stay focused.
         </p>
       </div>
       <div class="order-1 col-md-7">
@@ -88,7 +88,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Whether it is permanent or in preparation for a particular event, happy<span class="font-weight-bold">DNS</span> offers you the possibility to collaborate on the editing of the same area.
+          Whether it is permanent or in preparation for a particular event, happy<span class="font-weight-bold">Domain</span> offers you the possibility to collaborate on the editing of the same area.
         </p>
         <p>
           Delegate to your client's teams all or only part of the area, it's up to you.
@@ -97,74 +97,3 @@ layout = "usage"
     </div>
   </div>
 </div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Try happy<span class="font-weight-bolder">DNS</span> now!<br>
-        It's free software.
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> is a free project that you can use online, but you can also install on your machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-freelance-tryit" href="/join">Try online now &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-freelance-downloads" href="/#downloads">Download &#187;</a>
-      </p>
-
-      <p class="mt-5">
-         And if you do not find your happiness in our current interface, come and discuss it with us:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="Give us your feedback" class="w-100 mb-3 flex-grow-1">
-              <span>Give us your feedback</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="Join us on Matrix" class="w-100 mb-3 flex-grow-1">
-              <span>Join us on Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="get in touch on IRC" class="w-100 mb-3 flex-grow-1">
-              <span>Get in touch on IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">About us?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          We are a team of passionate system administrators/DevOps!
-        </h4>
-
-        <p>
-          Our ambition is to make domain names <span class="text-dark text-hilight px-1">accessible and usable for everyone</span>!
-        </p>
-      </div>
-    </div>
-  </div>
-</div>

content/use-happyDomain/freelance.fr.html

@@ -23,7 +23,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Quel que soit le nombre de clients que vous suivez, happy<span class="font-weight-bold">DNS</span> vous <span class="text-stroke">donne un aperçu toujours clair</span>.
+          Quel que soit le nombre de clients que vous suivez, happy<span class="font-weight-bold">Domain</span> vous <span class="text-stroke">donne un aperçu toujours clair</span>.
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
@@ -46,7 +46,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          N'ayez plus d'appréhension à découvrir un nouvel hébergeur. happy<span class="font-weight-bold">DNS</span> gère plus de 25 hébergeurs à travers le monde. Vos clients les utilisent sûrement.
+          N'ayez plus d'appréhension à découvrir un nouvel hébergeur. happy<span class="font-weight-bold">Domain</span> gère plus de 25 hébergeurs à travers le monde. Vos clients les utilisent sûrement.
         </p>
       </div>
     </div>
@@ -63,7 +63,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="font-weight-bold">DNS</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
+          Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="font-weight-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
         </p>
       </div>
       <div class="order-1 col-md-7">
@@ -88,7 +88,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Que ce soit de façon permanente ou en préparation d'un événement particulier, happy<span class="font-weight-bold">DNS</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
+          Que ce soit de façon permanente ou en préparation d'un événement particulier, happy<span class="font-weight-bold">Domain</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
         </p>
         <p>
           Déléguez aux équipes de votre client tout ou partie de la zone, c'est vous qui choisissez.
@@ -97,75 +97,3 @@ layout = "usage"
     </div>
   </div>
 </div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Essayez happy<span class="font-weight-bold">DNS</span> maintenant&nbsp;!<br>
-        C'est un projet libre (et gratuit).
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> est un projet libre que vous pouvez utiliser en ligne, mais que vous pouvez aussi installer sur votre machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-freelance-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-freelance-downloads" href="/#downloads">Télécharger &#187;</a>
-      </p>
-
-      <p class="mt-5">
-        Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous&nbsp;:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Donnez-nous votre avis</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "freelance" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    </div>
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">Qui sommes-nous&nbsp;?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          Nous sommes une équipe d'administrateurs systèmes/DevOps passionnés&nbsp;!
-        </h4>
-
-        <p>
-          Nous avons pour ambition de rendre les noms de domaines <span class="text-dark text-hilight px-1">accessibles et utilisables par tous</span>&nbsp;!
-        </p>
-      </div>
-    </div>
-  </div>
-</div>

content/use-happyDomain/geek.en.html

@@ -1,5 +1,5 @@
 +++
-title = "Comment happyDomain peut vous aider ?"
+title = "How happyDomain can help you?"
 layout = "usage"
 +++
 
@@ -22,10 +22,10 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Whatever the host of your zones, happy<span class="font-weight-bold">DNS</span> displays them in a clear way to limit errors.
+          Whatever the host of your zones, happy<span class="font-weight-bold">Domain</span> displays them in a clear way to limit errors.
         </p>
         <p>
-          By installing happy<span class="font-weight-bold">DNS</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration.
+          By installing happy<span class="font-weight-bold">Domain</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration.
           <span class="text-muted">(coming soon)</span>
         </p>
       </div>
@@ -48,7 +48,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> allows you with the same interface to manage your DNS zone with a third party provider, or to manage your own DNS servers.
+          happy<span class="font-weight-bold">Domain</span> allows you with the same interface to manage your DNS zone with a third party provider, or to manage your own DNS servers.
         </p>
         <p>
           Don't be afraid to edit a zone text file, we take care of it!
@@ -71,7 +71,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          A new service? An urgent fix? happy<span class="font-weight-bold">DNS</span> uses simple terminology to stay focused on the expected result.
+          A new service? An urgent fix? happy<span class="font-weight-bold">Domain</span> uses simple terminology to stay focused on the expected result.
         </p>
         <p>
           We are committed to providing the latest in DNS registration and services.
@@ -103,78 +103,7 @@ layout = "usage"
           Or a <a href="https://en.wikipedia.org/wiki/DNSBL">Real-time Blockhole List (DNSBL)</a> zone? Or a DNS <a href="https://www.dnsrpz.info/">Response Policy Zones</a> (DNS-RPZ)?
         </p>
         <p>
-          happy<span class="font-weight-bold">DNS</span> understands them and allows you to manage them unequivocally.
+          happy<span class="font-weight-bold">Domain</span> understands them and allows you to manage them unequivocally.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Try happy<span class="font-weight-bolder">DNS</span> now!<br>
-        It's free software.
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> is a free project that you can use online, but you can also install on your machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-freelance-tryit" href="/join">Try online now &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-freelance-downloads" href="/#downloads">Download &#187;</a>
-      </p>
-
-      <p class="mt-5">
-         And if you do not find your happiness in our current interface, come and discuss it with us:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="Give us your feedback" class="w-100 mb-3 flex-grow-1">
-              <span>Give us your feedback</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="Join us on Matrix" class="w-100 mb-3 flex-grow-1">
-              <span>Join us on Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="get in touch on IRC" class="w-100 mb-3 flex-grow-1">
-              <span>Get in touch on IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">About us?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          We are a team of passionate system administrators/DevOps!
-        </h4>
-
-        <p>
-          Our ambition is to make domain names <span class="text-dark text-hilight px-1">accessible and usable for everyone</span>!
         </p>
       </div>
     </div>

content/use-happyDomain/geek.fr.html

@@ -22,10 +22,10 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Quel que soit l'hébergeur de vos zones, happy<span class="font-weight-bold">DNS</span> les affiche de manière claire pour limiter les erreurs.
+          Quel que soit l'hébergeur de vos zones, happy<span class="font-weight-bold">Domain</span> les affiche de manière claire pour limiter les erreurs.
         </p>
         <p>
-          En installant happy<span class="font-weight-bold">DNS</span> à côté de votre Bind ou PowerDNS, profitez de l'interface sans changer votre configuration.
+          En installant happy<span class="font-weight-bold">Domain</span> à côté de votre Bind ou PowerDNS, profitez de l'interface sans changer votre configuration.
           <span class="text-muted">(bientôt disponible)</span>
         </p>
       </div>
@@ -48,7 +48,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          happy<span class="font-weight-bold">DNS</span> vous permet avec la même interface de gérer votre zone DNS auprès d'un fournisseur tiers, ou de gérer votre/vos propres serveurs DNS.
+          happy<span class="font-weight-bold">Domain</span> vous permet avec la même interface de gérer votre zone DNS auprès d'un fournisseur tiers, ou de gérer votre/vos propres serveurs DNS.
         </p>
         <p>
           N'ayez plus peur de mal éditer un fichier texte de zone, on s'en occupe&nbsp;!
@@ -71,7 +71,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="font-weight-bold">DNS</span> utilise une terminologie simple, pour rester focalisé sur le résultat attendu.
+          Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="font-weight-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur le résultat attendu.
         </p>
         <p>
           Nous avons à cœur de mettre à disposition les dernières nouveautés en terme d'enregistrement DNS et de services.
@@ -102,78 +102,7 @@ layout = "usage"
           Vous recherchez une interface qui affiche d'une manière humaine les zones de <span class="font-italic">reverse</span> IPv4/IPv6&nbsp;? ou une zone <a href="https://fr.wikipedia.org/wiki/DNSBL"><span class="font-italic">Real-time Blockhole List</span> (DNSBL)</a>&nbsp;? Ou encore une zone de politique <a href="https://www.dnsrpz.info/">de filtrage des réponses DNS (DNS-RPZ)</a>&nbsp;?
         </p>
         <p>
-          happy<span class="font-weight-bold">DNS</span> les comprend et vous permet de les gérer sans équivoque.
+          happy<span class="font-weight-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Essayez happy<span class="font-weight-bold">DNS</span> maintenant&nbsp;!<br>
-        C'est un projet libre (et gratuit).
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> est un projet libre que vous pouvez utiliser en ligne, mais que vous pouvez aussi installer sur votre machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-sysadmin-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-sysadmin-downloads" href="/#downloads">Télécharger &#187;</a>
-      </p>
-
-      <p class="mt-5">
-        Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous&nbsp;:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Donnez-nous votre avis</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">Qui sommes-nous&nbsp;?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          Nous sommes une équipe d'administrateurs systèmes/DevOps passionnés&nbsp;!
-        </h4>
-
-        <p>
-          Nous avons pour ambition de rendre les noms de domaines <span class="text-dark text-hilight px-1">accessibles et utilisables par tous</span>&nbsp;!
         </p>
       </div>
     </div>

content/use-happyDomain/sysadmin.en.html

@@ -1,5 +1,5 @@
 +++
-title = "Comment happyDomain peut vous aider ?"
+title = "How happyDomain can help you?"
 layout = "usage"
 +++
 
@@ -22,10 +22,10 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Whatever the host of your zones, happy<span class="font-weight-bold">DNS</span> displays them in a clear way to limit errors.
+          Whatever the host of your zones, happy<span class="font-weight-bold">Domain</span> displays them in a clear way to limit errors.
         </p>
         <p>
-          By installing happy<span class="font-weight-bold">DNS</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration. <span class="text-muted">(coming soon)</span>
+          By installing happy<span class="font-weight-bold">Domain</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration. <span class="text-muted">(coming soon)</span>
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
@@ -47,7 +47,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Before publishing your changes, happy<span class="font-weight-bold">DNS</span> shows you what changes will be made. A preview that will avoid many mistakes.
+          Before publishing your changes, happy<span class="font-weight-bold">Domain</span> shows you what changes will be made. A preview that will avoid many mistakes.
         </p>
         <p>
           You can even select which changes you want to release now and which ones should wait.
@@ -69,7 +69,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Whether it's permanent or in preparation for a particular event, happy<span class="font-weight-bold">DNS</span> gives you the ability to collaborate on editing the same area.
+          Whether it's permanent or in preparation for a particular event, happy<span class="font-weight-bold">Domain</span> gives you the ability to collaborate on editing the same area.
         </p>
         <p>
           Delegate to your teams all or only part of the area, it's up to you.
@@ -101,78 +101,7 @@ layout = "usage"
           Or a <a href="https://en.wikipedia.org/wiki/DNSBL">Real-time Blockhole List (DNSBL)</a> zone? Or a DNS <a href="https://www.dnsrpz.info/">Response Policy Zones</a> (DNS-RPZ)?
         </p>
         <p>
-          happy<span class="font-weight-bold">DNS</span> understands them and allows you to manage them unequivocally.
+          happy<span class="font-weight-bold">Domain</span> understands them and allows you to manage them unequivocally.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Try happy<span class="font-weight-bolder">DNS</span> now!<br>
-        It's free software.
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> is a free project that you can use online, but you can also install on your machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-freelance-tryit" href="/join">Try online now &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-freelance-downloads" href="/#downloads">Download &#187;</a>
-      </p>
-
-      <p class="mt-5">
-         And if you do not find your happiness in our current interface, come and discuss it with us:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="Give us your feedback" class="w-100 mb-3 flex-grow-1">
-              <span>Give us your feedback</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="Join us on Matrix" class="w-100 mb-3 flex-grow-1">
-              <span>Join us on Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="get in touch on IRC" class="w-100 mb-3 flex-grow-1">
-              <span>Get in touch on IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">About us?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          We are a team of passionate system administrators/DevOps!
-        </h4>
-
-        <p>
-          Our ambition is to make domain names <span class="text-dark text-hilight px-1">accessible and usable for everyone</span>!
         </p>
       </div>
     </div>

content/use-happyDomain/sysadmin.fr.html

@@ -22,10 +22,10 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Quel que soit l'hébergeur de vos zones, happy<span class="font-weight-bold">DNS</span> les affiche de manière claire pour limiter les erreurs.
+          Quel que soit l'hébergeur de vos zones, happy<span class="font-weight-bold">Domain</span> les affiche de manière claire pour limiter les erreurs.
         </p>
         <p>
-          En installant happy<span class="font-weight-bold">DNS</span> à côté de votre Bind ou PowerDNS, profitez de l'interface sans changer votre configuration. <span class="text-muted">(bientôt disponible)</span>
+          En installant happy<span class="font-weight-bold">Domain</span> à côté de votre Bind ou PowerDNS, profitez de l'interface sans changer votre configuration. <span class="text-muted">(bientôt disponible)</span>
         </p>
       </div>
       <div class="order-1 col-md-7 py-2 align-self-center">
@@ -47,7 +47,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Avant de publier vos changements, happy<span class="font-weight-bold">DNS</span> vous montre quelles modifications seront faites. Une prévisualisation qui évitera bien des erreurs.
+          Avant de publier vos changements, happy<span class="font-weight-bold">Domain</span> vous montre quelles modifications seront faites. Une prévisualisation qui évitera bien des erreurs.
         </p>
         <p>
           Vous pouvez même sélectionner les changements que vous souhaitez diffuser maintenant et ceux qui doivent attendre.
@@ -69,7 +69,7 @@ layout = "usage"
         </h4>
         <hr class="bg-light mx-5">
         <p>
-          Que ce soit permanent ou en préparation d'un événement particulier, happy<span class="font-weight-bold">DNS</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
+          Que ce soit permanent ou en préparation d'un événement particulier, happy<span class="font-weight-bold">Domain</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
         </p>
         <p>
           Déléguez à vos équipes tout ou partie de la zone, c'est vous qui choisissez.
@@ -100,78 +100,7 @@ layout = "usage"
           Vous recherchez une interface qui affiche d'une manière humaine les zones de <span class="font-italic">reverse</span> IPv4/IPv6&nbsp;? ou une zone <a href="https://fr.wikipedia.org/wiki/DNSBL"><span class="font-italic">Real-time Blockhole List</span> (DNSBL)</a>&nbsp;? Ou encore une zone de politique <a href="https://www.dnsrpz.info/">de filtrage des réponses DNS (DNS-RPZ)</a>&nbsp;?
         </p>
         <p>
-          happy<span class="font-weight-bold">DNS</span> les comprend et vous permet de les gérer sans équivoque.
+          happy<span class="font-weight-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
-        </p>
-      </div>
-    </div>
-  </div>
-</div>
-
-<div class="container my-5">
-  <div class="row py-5">
-    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
-      <h4 class="font-weight-bold mb-3">
-        Essayez happy<span class="font-weight-bold">DNS</span> maintenant&nbsp;!<br>
-        C'est un projet libre (et gratuit).
-      </h4>
-
-      <p>
-        happy<span class="font-weight-bold">DNS</span> est un projet libre que vous pouvez utiliser en ligne, mais que vous pouvez aussi installer sur votre machine.
-      </p>
-
-      <p>
-        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-sysadmin-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
-        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-sysadmin-downloads" href="/#downloads">Télécharger &#187;</a>
-      </p>
-
-      <p class="mt-5">
-        Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous&nbsp;:
-      </p>
-
-      <div class="row cols-1 cols-sm-3">
-        <div class="col">
-          <div class="card h-100">
-            <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/survey.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Donnez-nous votre avis</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur Matrix</span>
-            </a>
-          </div>
-        </div>
-        <div class="col">
-          <div class="card">
-            <a href="https://web.libera.chat/#happydns" class="card-body list-group-item-action text-center font-weight-bold d-flex flex-column">
-              <img src="/img/screenshots/users/chat.svg" alt="{{ i18n "sysadmin" }}" class="w-100 mb-3 flex-grow-1">
-              <span>Rendez-vous sur IRC</span>
-            </a>
-          </div>
-        </div>
-      </div>
-
-    </div>
-  </div>
-</div>
-
-<div class="container-fluid bg-secondary text-light text-center py-5">
-  <div class="container my-4">
-    <div class="row">
-      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
-        <h3 class="font-weight-bolder">Qui sommes-nous&nbsp;?</h3>
-      </div>
-      <div class="order-1 col-md-5">
-        <h4 class="font-weight-bold mb-3">
-          Nous sommes une équipe d'administrateurs systèmes/DevOps passionnés&nbsp;!
-        </h4>
-
-        <p>
-          Nous avons pour ambition de rendre les noms de domaines <span class="text-dark text-hilight px-1">accessibles et utilisables par tous</span>&nbsp;!
         </p>
       </div>
     </div>

data/features.toml

@@ -1,3 +1,31 @@
+[[features]]
+id = "registrar"
+
+  [features.img]
+  src = "/img/screenshots/features/hosters.png"
+    [features.img.alt]
+    fr = "Choisissez votre fournisseur"
+    en = "Choose your provider"
+
+  [features.title]
+  fr = "Gérer les zones hébergées chez des prestataires d'hébergement"
+  en = "Manage your zones hosted on hosting providers"
+
+  [features.content]
+  fr = "happyDomain peut regrouper les domaines que vous possédez dans différents bureaux d'enregistrement. Nous supportons aujourd'hui 38 founisseurs tels que OVH, Gandi, DigitalOcean, ..."
+  en = "happyDomain can group the domains you own in different registrars. We currently support 38 providers like OVH, Gandi, DigitalOcean, ..."
+
+  [features.link]
+  link = "https://docs.dnscontrol.org/service-providers/providers"
+  fr = "Voir tous les bureaux d'enregistrement supportés"
+  en = "See all supported registrar"
+
+  [features.link2]
+  link = "https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677"
+  fr = "Vous utilisez un autre bureau d'enregistrement ?"
+  en = "Are you using another registrar?"
+
+
 [[features]]
 id = "dynamicDNS"
 
@@ -12,36 +40,54 @@ id = "dynamicDNS"
   en = "Manage your zones backed by BIND, Knot, PowerDNS, ..."
 
   [features.content]
-  fr = "happyDomain peut s'utiliser comme interface au dessus d'un serveur faisant autorité. Il utilise pour cela le Dynamic DNS (RFC 2136), implémenté dans de nombreux logiciels serveurs."
+  fr = "happyDomain peut s'utiliser comme interface au dessus d'un serveur faisant autorité. Il utilise pour cela le Dynamic DNS (RFC 2136), implémenté dans de nombreux serveurs."
   en = "happyDomain can be used as an interface above an authoritative name server. It uses the Dynamic DNS (RFC 2136), implemented in many server software."
 
   [features.link]
-  link = "https://help.happydns.org/fr/deploy/"
+  link = "https://help.happydomain.org/fr/deploy/"
   fr = "Montrez-moi comment m'y connecter !"
   en = "Show me how to connect!"
 
 
 [[features]]
-id = "registrar"
+id = "diff"
 
   [features.img]
-  src = "/img/screenshots/features/hosters.png"
+  src = "/img/screenshots/features/diff.png"
     [features.img.alt]
     fr = "Exemple de diff"
     en = "Sample diff"
 
   [features.title]
-  fr = "Gérer les zones hébergées chez des prestataires d'hébergement"
+  fr = "Visualiser clairement les changements"
-  en = "Manage your zones hosted on hosting providers"
+  en = "Clearly visualize changes"
 
   [features.content]
-  fr = "happyDomain peut regrouper les domaines que vous possédez dans différents bureaux d'enregistrement. Nous supportons aujourd'hui OVH, GoDaddy, Gandi et Alwaysdata."
+  fr = "Avant de publier vos modifications, happyDomain vous montre quels seront exactement les changements (ajouts et suppressions) qui seront effectués sur la zone. C'est le bon moment pour se relire."
-  en = "happyDomain can group the domains you own in different registrars. We currently support OVH, GoDaddy, Gandi and Alwaysdata."
+  en = "Before publishing your changes, happyDomain shows you exactly what changes (additions and deletions) will be made to the area. This is a good time to reread."
+
+
+[[features]]
+id = "resolver"
+
+  [features.img]
+  src = "/img/screenshots/features/resolver.png"
+    [features.img.alt]
+    fr = "Résolveur DNS"
+    en = "DNS Resolver"
+
+  [features.title]
+  fr = "Tester ou déboguer votre zone en ligne"
+  en = "Test or debug your zone online"
+
+  [features.content]
+  fr = "happyDomain intégre un résolveur DNS simple d'utilisation, qui vous permet de vous connecter sans effort à une cinquantaine de résolveurs publics. Vous pouvez facilement voir la propagation de vos modifications."
+  en = "happyDomain integrates an easy-to-use DNS resolver, which allows you to effortlessly connect to about 50 public resolvers. You can easily see the propagation of your changes."
 
   [features.link]
-  link = "https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677"
+  link = "https://www.happydomain.org/resolver"
-  fr = "Vous utilisez un autre bureau d'enregistrement ?"
+  fr = "Je veux tester ça de suite !"
-  en = "Are you using another registrar?"
+  en = "I want to test this now!"
 
 
 [[features]]
@@ -67,47 +113,6 @@ id = "rest"
   en = "Show me the API!"
 
 
-[[features]]
-id = "resolver"
-
-  [features.img]
-  src = "/img/screenshots/features/resolver.png"
-    [features.img.alt]
-    fr = "Résolveur DNS"
-    en = "DNS Resolver"
-
-  [features.title]
-  fr = "Tester ou déboguer votre zone en ligne"
-  en = "Test or debug your zone online"
-
-  [features.content]
-  fr = "happyDomain intégre un résolveur DNS simple d'utilisation, qui vous permet de vous connecter sans effort à une cinquantaine de résolveurs publics. Vous pouvez facilement voir la propagation de vos modifications."
-  en = "happyDomain integrates an easy-to-use DNS resolver, which allows you to effortlessly connect to about 50 public resolvers. You can easily see the propagation of your changes."
-
-  [features.link]
-  link = "https://www.happydns.org/tools/client/"
-  fr = "Je veux tester ça de suite !"
-  en = "I want to test this now!"
-
-
-[[features]]
-id = "diff"
-
-  [features.img]
-  src = "/img/screenshots/features/diff.png"
-    [features.img.alt]
-    fr = "Exemple de diff"
-    en = "Sample diff"
-
-  [features.title]
-  fr = "Visualiser clairement les changements"
-  en = "Clearly visualize changes"
-
-  [features.content]
-  fr = "Avant de publier vos modifications, happyDomain vous montre quels seront exactement les changements (ajouts et suppressions) qui seront effectués sur la zone. C'est le bon moment pour se relire."
-  en = "Before publishing your changes, happyDomain shows you exactly what changes (additions and deletions) will be made to the area. This is a good time to reread."
-
-
 [[features]]
 id = "history"
 

i18n/en.yaml

@@ -7,9 +7,6 @@
 - id: tryit
   translation: "Try it online now"
 
-- id: tryhappydns
-  translation: "Try happyDomain now"
-
 - id: downloadit
   translation: "Download now"
 
@@ -69,6 +66,16 @@
   translation: |
     Downloads
 
+- id: downloads-docker
+  translation: |
+    Docker image
+- id: downloads-binaries
+  translation: |
+    Binaries
+- id: downloads-source
+  translation: |
+    Source code
+
 - id: downloads-text
   translation: |
     Our source code is freely available under the [CeCILL license](http://cecill.info/licences/Licence_CeCILL_V2.1-en.html) in our [git repository](https://git.happydomain.org/), hosted by Framagit.
@@ -81,11 +88,16 @@
 
     Precompiled binaries are also availables on <https://get.happydomain.org/>.
 
+- id: community-contribute
+  translation: "Contribute"
+- id: community-discuss
+  translation: "Discuss"
+
 - id: community-chat
   translation: "Chat"
 - id: community-chat-text
   translation: |
-    Join our [Matrix](https://matrix.to/#/#happyDNS:matrix.org) or [IRC](https://web.libera.chat/#happydns) channel `#happydns` on Libera.Chat to share ideas or ask questions.
+    Join our [Matrix](https://matrix.to/#/#happyDNS:matrix.org) or [IRC](https://web.libera.chat/#happydns) channel `#happydomain` on Libera.Chat to share ideas or ask questions.
 
 - id: community-bugs
   translation: "Bugs and Features"
@@ -118,3 +130,58 @@
   translation: |
     Tell us what you would like to see in<br>
     happyDomain by filling out our 2-minute survey.
+
+- id: footer-try-title-line1
+  translation: |
+    Try happyDomain now!
+- id: footer-try-title-line2
+  translation: |
+    It's free software.
+- id: footer-try-text
+  translation: |
+    is a free project that you can use online, but you can also install on your machine.
+- id: footer-discuss-text
+  translation: |
+    And if you do not find your happiness in our current interface, come and discuss it with us:
+- id: footer-discuss-feedback
+  translation: "Give us your feedback"
+- id: footer-discuss-matrix
+  translation: "Join us on Matrix"
+- id: footer-discuss-irc
+  translation: "Get in touch on IRC"
+- id: footer-us-title
+  translation: "About us?"
+- id: footer-us-text-lead
+  translation: "We are a team of passionate system administrators/DevOps!"
+- id: footer-us-text-1
+  translation: "Our ambition is to make domain names "
+- id: footer-us-text-hilight
+  translation: "accessible and usable for everyone"
+- id: footer-us-text-2
+  translation: "!"
+- id: footer-us-button
+  translation: "Discover the team"
+- id: footer-us-button-link
+  translation: "/en/who-we-are/"
+
+- id: cta-account-title
+  translation: "Add your domain names"
+- id: cta-account-text
+  translation: "3 minutes to create your new preferred domain name management space."
+- id: cta-account-button1
+  translation: "Create my online space"
+- id: cta-account-or
+  translation: "or"
+- id: cta-account-button2
+  translation: "On premise setup"
+- id: cta-account-button2-link
+  translation: "https://help.happydomain.org/en/deploy/docker/"
+
+- id: cta-newsletter-title
+  translation: "Stay a step ahead!"
+- id: cta-newsletter-text
+  translation: "Don't miss your chance to be at the forefront of domain name management! We reveal exclusive strategies, tips and advice in our newsletter."
+- id: cta-newsletter-button1
+  translation: "Join our newsletter"
+- id: cta-newsletter-no-spam
+  translation: "No spam, not resold; only selected infos about domain names."

i18n/fr.yaml

@@ -7,9 +7,6 @@
 - id: tryit
   translation: "Essayer en ligne maintenant"
 
-- id: tryhappydns
-  translation: "Essayer happyDomain maintenant"
-
 - id: downloadit
   translation: "Télécharger"
 
@@ -17,7 +14,7 @@
   translation: "Découvrez comment"
 
 - id: canhelpyou
-  translation: "peut vous aider :"
+  translation: "peut vous aider :"
 
 - id: freelance
   translation: "Freelance"
@@ -45,7 +42,7 @@
 
 - id: features-title
   translation: |
-    Vous trouvez les <span class="text-hilight">interfaces des hébergeurs</span> de noms de domaine <span class="text-hilight">incompréhensibles</span> ou <span class="text-hilight">inutilisables</span> ?
+    Vous trouvez les <span class="text-hilight">interfaces des hébergeurs</span> de noms de domaine <span class="text-hilight">incompréhensibles</span> ou <span class="text-hilight">inutilisables</span> ?
 
 - id: features-lead
   translation: |
@@ -57,7 +54,7 @@
 
 - id: features-col2
   translation: |
-    **Experts** chevronnés : changez votre point de vue sur le DNS, avec une interface **ergonomique** dans l’air du temps, qui répondra à toutes vos attentes.
+    **Experts** chevronnés : changez votre point de vue sur le DNS, avec une interface **ergonomique** dans l’air du temps, qui répondra à toutes vos attentes.
 
 - id: features-grid-title
   translation: Que peut faire happyDomain pour vous aujourd'hui ?
@@ -69,52 +66,122 @@
   translation: |
     Téléchargements
 
+- id: downloads-docker
+  translation: |
+    Image Docker
+- id: downloads-binaries
+  translation: |
+    Exécutables
+- id: downloads-source
+  translation: |
+    Code source
+
 - id: downloads-text
   translation: |
-    Le code source de notre projet est libre ; il est disponible sous les termes de la [licence CeCILL](http://cecill.info/licences/Licence_CeCILL_V2.1-fr.html) dans notre [dépôt Git](https://git.happydomain.org/), hébergé par Framagit.
+    Le code source de notre projet est libre ; il est disponible sous les termes de la [licence CeCILL](http://cecill.info/licences/Licence_CeCILL_V2.1-fr.html) dans notre [dépôt Git](https://git.happydomain.org/), hébergé par Framagit.
 
     Téléchargez la dernière [version *nightly*](https://get.happydomain.org/master/) d'happyDomain pour [Linux x86_64](https://get.happydomain.org/master/happydomain-linux-amd64), [Linux arm64](https://get.happydomain.org/master/happydomain-linux-arm64) ou [macOS x86_64](https://get.happydomain.org/master/happydomain-darwin-amd64).
 
-    Vous préférez une [image Docker](https://hub.docker.com/r/happydomain/happydomain/) ? Essayez-la
+    Vous préférez une [image Docker](https://hub.docker.com/r/happydomain/happydomain/) ? Essayez-la
 
             docker run -e HAPPYDOMAIN_NO_AUTH=1 -p 8081:8081 happydomain/happydomain
 
     Les binaires précompilés sont disponibles sur <https://get.happydomain.org/>.
 
+- id: community-contribute
+  translation: "Contribuez"
+- id: community-discuss
+  translation: "Discutons"
+
 - id: community-chat
   translation: "Chat"
 - id: community-chat-text
   translation: |
-    Rejoignez notre canal [Matrix](https://matrix.to/#/#happyDNS:matrix.org) ou [IRC](https://web.libera.chat/#happydns) `#happydns` sur Libera.Chat, pour partager des idées ou poser des questions.
+    Rejoignez notre canal [Matrix](https://matrix.to/#/#happyDNS:matrix.org) ou [IRC](https://web.libera.chat/#happydns) `#happydomain` sur Libera.Chat, pour partager des idées ou poser des questions.
 
 - id: community-bugs
   translation: "Bugs et fonctionnalités"
 - id: community-bugs-text
   translation: |
-    Vous remarquez un problème ou une fonctionnalité manquante ? Pensez à nous l'indiquer via le [formulaire de notre projet](https://framagit.org/happyDomain/happydomain/-/issues).
+    Vous remarquez un problème ou une fonctionnalité manquante ? Pensez à nous l'indiquer via le [formulaire de notre projet](https://framagit.org/happyDomain/happydomain/-/issues).
 
 - id: community-translation
   translation: "Traductions"
 - id: community-translation-text
   translation: |
-    Vous parlez une langue étrangère ? Traduisez happyDomain. Contactez-nous par email `contact at happydomain.org`.
+    Vous parlez une langue étrangère ? Traduisez happyDomain. Contactez-nous par email `contact at happydomain.org`.
 
 - id: community-code
   translation: "Code"
 - id: community-code-text
   translation: |
-    Vous savez programmer ? Contribuez à améliorer le logiciel via notre [dépôt Git](https://git.happydomain.org/) sur Framagit.
+    Vous savez programmer ? Contribuez à améliorer le logiciel via notre [dépôt Git](https://git.happydomain.org/) sur Framagit.
 
 - id: community-contact
   translation: "Contact"
 - id: community-contact-text
   translation: |
-    Autre chose ? Contactez-nous à `contact at happydomain.org`.
+    Autre chose ? Contactez-nous à `contact at happydomain.org`.
 
 - id: survey-title
-  translation: "On se lance dans l'aventure !"
+  translation: "On se lance dans l'aventure !"
 
 - id: survey-text
   translation: |
     Dites-nous ce que vous souhaiteriez avoir dans<br>
     happyDomain en remplissant en 2 minutes notre sondage.
+
+- id: footer-try-title-line1
+  translation: |
+    Essayez happyDomain maintenant !
+- id: footer-try-title-line2
+  translation: |
+    C'est un projet libre (et gratuit).
+- id: footer-try-text
+  translation: |
+    est un projet libre que vous pouvez utiliser en ligne, mais que vous pouvez aussi installer sur votre machine.
+- id: footer-discuss-text
+  translation: |
+    Et si vous ne trouvez pas votre bonheur dans notre interface actuelle, venez en discuter avec nous :
+- id: footer-discuss-feedback
+  translation: "Donnez-nous votre avis"
+- id: footer-discuss-matrix
+  translation: "Parlons-en sur Matrix"
+- id: footer-discuss-irc
+  translation: "Rendez-vous sur IRC"
+- id: footer-us-title
+  translation: "Qui sommes-nous ?"
+- id: footer-us-text-lead
+  translation: "Nous sommes une équipe d'administrateurs systèmes/DevOps passionnés!"
+- id: footer-us-text-1
+  translation: "Nous avons pour ambition de rendre les noms de domaines "
+- id: footer-us-text-hilight
+  translation: "accessibles et utilisables par tous"
+- id: footer-us-text-2
+  translation: " !"
+- id: footer-us-button
+  translation: "Découvrez l'équipe"
+- id: footer-us-button-link
+  translation: "/fr/qui-sommes-nous/"
+
+- id: cta-account-title
+  translation: "Ajoutez vos noms de domaines"
+- id: cta-account-text
+  translation: "Créez en 3 minutes votre nouvel espace préféré de gestion des noms de domaine."
+- id: cta-account-button1
+  translation: "Créer mon espace en ligne"
+- id: cta-account-or
+  translation: "ou"
+- id: cta-account-button2
+  translation: "Installer chez moi"
+- id: cta-account-button2-link
+  translation: "https://help.happydomain.org/fr/deploy/testing/"
+
+- id: cta-newsletter-title
+  translation: "Gardez une longueur d'avance !"
+- id: cta-newsletter-text
+  translation: "Ne manquez pas l'occasion d'être à l'avant-garde de la gestion des noms de domaine ! Nous vous dévoilons des stratégies, des astuces et des conseils exclusifs dans notre newsletter."
+- id: cta-newsletter-button1
+  translation: "Rejoindre notre newsletter"
+- id: cta-newsletter-no-spam
+  translation: "Pas de spam, pas de revente ; uniquement des informations sélectionnées sur les noms de domaine."

layouts/_default/usage.html

@@ -14,6 +14,8 @@
       {{ .Content }}
       <!-- /.container -->
 
+      {{ partial "usage_footer.html" . }}
+
     </div>
     <!-- /#all -->
 

layouts/index.html

@@ -15,12 +15,18 @@
 
       {{ partial "carousel.html" . }}
 
+      {{ partial "discover.html" . }}
+
       {{ partial "features.html" . }}
 
+      {{ partial "cta-join.html" . }}
+
       {{ partial "downloads.html" . }}
 
       {{ partial "community.html" . }}
 
+      {{ partial "cta-newsletter.html" . }}
+
     </div>
     <!-- /#all -->
 

layouts/partials/carousel.html

@@ -1,6 +1,5 @@
 {{ if isset .Site.Params "carousel" }}
 {{ if gt (len .Site.Params.carousel) 0 }}
-<div class="anchor" id="features"></div>
 <div class="carousel text-light p-4 pt-5 d-flex flex-nowrap" style="gap: 1em 1em; overflow-x: scroll">
   {{ range sort .Site.Params.carousel "weight" }}
   <figure class="" style="min-width: 40vw">

layouts/partials/community.html

@@ -1,57 +1,56 @@
-<div class="container d-flex flex-wrap justify-content-around mb-5" id="community" style="gap: 2em 0;">
+<div class="container mt-5 mb-4 pb-5" id="community" style="gap: 2em 0;">
-  <div style="width: 28%; min-width: 172px" class="text-center">
+  <div class="d-flex flex-wrap">
-    <h4 class="d-flex justify-content-center">
+    <div class="py-4 px-5">
-      <div class="circle-head" style="background-color: #20a7c9">
+      <h3 class="display-4 text-center mb-5">
-        <i class="bi bi-chat-dots-fill"></i>
+        🙌 <br>{{ i18n "community-contribute" }}
-      </div>
+      </h3>
-      <div class="align-self-center ml-1">{{ i18n "community-chat" }}</div>
+
-    </h4>
+      <h4>
-    <p>
+        🧰
-      {{ i18n "community-chat-text" | markdownify }}
+        {{ i18n "community-bugs" }}
-    </p>
+      </h4>
-  </div>
+      <p class="mb-4 text-justify">
-  <div style="width: 28%; min-width: 172px" class="text-center">
+        {{ i18n "community-bugs-text" | markdownify }}
-    <h4 class="d-flex justify-content-center">
+      </p>
-      <div class="circle-head" style="background-color: #9720c9">
+
-        <i class="bi bi-bug-fill"></i>
+      <h4>
-      </div>
+        🧳
-      <div class="align-self-center ml-1">{{ i18n "community-bugs" }}</div>
+        {{ i18n "community-translation" }}
-    </h4>
+      </h4>
-    <p>
+      <p class="mb-4 text-justify">
-      {{ i18n "community-bugs-text" | markdownify }}
+        {{ i18n "community-translation-text" | markdownify }}
-    </p>
+      </p>
-  </div>
+
-  <div style="width: 28%; min-width: 172px" class="text-center">
+      <h4>
-    <h4 class="d-flex justify-content-center">
+        💻
-      <div class="circle-head" style="background-color: #c92052">
+        {{ i18n "community-code" }}
-        <i class="bi bi-translate"></i>
+      </h4>
-      </div>
+      <p class="mb-4 text-justify">
-      <div class="align-self-center ml-1">{{ i18n "community-translation" }}</div>
+        {{ i18n "community-code-text" | markdownify }}
-    </h4>
+      </p>
-    <p>
+    </div>
-      {{ i18n "community-translation-text" | markdownify }}
+
-    </p>
+    <div class="py-4 px-5">
-  </div>
+      <h3 class="display-4 text-center mb-5">
-  <div style="width: 28%; min-width: 172px" class="text-center">
+        ✉️ <br>{{ i18n "community-discuss" }}
-    <h4 class="d-flex justify-content-center">
+      </h3>
-      <div class="circle-head" style="background-color: #c99720">
+
-        <i class="bi bi-braces-asterisk"></i>
+      <h4>
-      </div>
+        💬
-      <div class="align-self-center ml-1">{{ i18n "community-code" }}</div>
+        {{ i18n "community-chat" }}
-    </h4>
+      </h4>
-    <p>
+      <p class="mb-4 text-justify">
-      {{ i18n "community-code-text" | markdownify }}
+        {{ i18n "community-chat-text" | markdownify }}
-    </p>
+      </p>
-  </div>
+
-  <div style="width: 28%; min-width: 172px" class="text-center">
+      <h4>
-    <h4 class="d-flex justify-content-center">
+        ✍🏼
-      <div class="circle-head" style="background-color: #20c943">
+        {{ i18n "community-contact" }}
-        <i class="bi bi-envelope-paper-heart"></i>
+      </h4>
-      </div>
+      <p class="mb-4 text-justify">
-      <div class="align-self-center ml-1">{{ i18n "community-contact" }}</div>
+        {{ i18n "community-contact-text" | markdownify }}
-    </h4>
+      </p>
-    <p>
+    </div>
-      {{ i18n "community-contact-text" | markdownify }}
-    </p>
   </div>
+
 </div>

layouts/partials/cta-join.html

@@ -0,0 +1,28 @@
+<div class="bg-light">
+  <div class="container pb-5">
+    <div class="card bg-secondary text-light" style="border-radius: 1rem; box-shadow: 3px 3px 5px #999">
+      <div class="card-body px-5 py-4">
+        <div class="row">
+          <div class="col-md-7 d-flex flex-column justify-content-center my-4">
+            <h2 class="font-weight-bold">
+              {{ i18n "cta-account-title" }}
+            </h2>
+            <p class="lead mb-0">
+              {{ i18n "cta-account-text" }}
+            </p>
+          </div>
+          <div class="offset-xl-1 col-xl-4 col-md-5 d-flex flex-column justify-content-center">
+            <a href="/join" class="btn btn-lg btn-primary py-2 mt-2" data-umami-event="cta-account-join">
+              {{ i18n "cta-account-button1" }}
+            </a>
+            <div class="text-center py-2">
+              &ndash; {{ i18n "cta-account-or" }} &ndash;
+            </div>
+            <a href="{{ i18n "cta-account-button2-link" }}" target="_blank" class="btn btn-lg btn-outline-info py-2 mb-2" data-umami-event="cta-account-download">
+              {{ i18n "cta-account-button2" }}
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+</div>

layouts/partials/cta-newsletter.html

@@ -0,0 +1,33 @@
+<div class="bg-light">
+  <div class="container pb-5">
+    <div class="card bg-secondary text-light" style="border-radius: 1rem; box-shadow: 3px 3px 5px #999">
+      <div class="card-body p-5">
+        <div class="row">
+          <div class="col-lg-7 d-flex flex-column justify-content-center">
+            <h2 class="font-weight-bold">
+              {{ i18n "cta-newsletter-title" }}
+            </h2>
+            <p class="lead mb-0">
+              {{ i18n "cta-newsletter-text" }}
+            </p>
+          </div>
+          <form
+            class="offset-xl-1 col-xl-4 col-lg-5 d-flex flex-column justify-content-center"
+            method="post"
+            action="https://lists.happydomain.org/subscription/form"
+          >
+            <input type="hidden" name="nonce" />
+            <input type="hidden" name="l" value="b3297dce-4f02-42a5-9918-54499804323e" />
+            <input type="hidden" name="lang" value="{{ .Page.File.Lang }}" />
+            <input type="email" name="email" required placeholder="j.postel@isi.edu" class="form-control my-3">
+            <button type="submit" class="btn btn-lg btn-primary py-2" data-umami-event="cta-newsletter-join">
+              {{ i18n "cta-newsletter-button1" }}
+            </button>
+            <small class="form-text text-justify my-2">
+              {{ i18n "cta-newsletter-no-spam" }}
+            </small>
+          </form>
+        </div>
+      </div>
+    </div>
+</div>

layouts/partials/discover.html

@@ -0,0 +1,74 @@
+<div class="container">
+  <div class="row mt-3">
+    <h3 class="text-center font-weight-bolder mt-5 mb-5 offset-md-2 col-md-8" style="line-height: 1.5em;">
+      {{ i18n "features-title" | safeHTML }}
+    </h3>
+  </div>
+  <div class="row mt-4 mb-5 text-justify">
+    <div class="col-md-4 pt-5">
+      <p class="font-weight-bold" style="font-size: 1.15rem;">
+        {{ i18n "features-lead" }}
+      </p>
+    </div>
+    <div class="col-sm-6 col-md-4">
+      <div class="text-center mb-2">
+        <hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
+        <div class="circle-head" style="background-color: #4b1064">
+          <i class="bi bi-controller"></i>
+        </div>
+      </div>
+      <p>
+        {{ i18n "features-col1" | markdownify }}
+      </p>
+    </div>
+    <div class="col-sm-6 col-md-4">
+      <div class="text-center mb-2">
+        <hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
+        <div class="circle-head" style="background-color: #4b1064">
+          <i class="bi bi-rocket-takeoff"></i>
+        </div>
+      </div>
+      <p>
+        {{ i18n "features-col2" | markdownify }}
+      </p>
+    </div>
+  </div>
+</div>
+
+<div class="container my-5">
+    <h3 class="text-center mb-5">
+      {{ i18n "learnhow" }} happy<strong>Domain</strong> {{ i18n "canhelpyou" }}
+    </h3>
+    <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 justify-content-center">
+      <div class="col mb-4">
+        <a href="{{ ref . "/use-happyDomain/freelance" }}" class="card h-100" data-umami-event="learnmore-freelance">
+          <img src="/img/screenshots/users/freelance.webp" alt="{{ i18n "freelance" }}" class="img-top flex-grow-1">
+          <h3 class="text-center mt-1">{{ i18n "freelance" }}</h3>
+        </a>
+      </div>
+      <div class="col mb-4">
+        <a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card h-100" data-umami-event="learnmore-sysadmin">
+          <img src="/img/screenshots/users/sysadmin.webp" alt="{{ i18n "sysadmin" }}" class="img-top flex-grow-1">
+          <h3 class="text-center mt-1">{{ i18n "sysadmin" }}</h3>
+        </a>
+      </div>
+      <div class="col mb-4">
+        <a href="{{ ref . "/use-happyDomain/devops" }}" class="card h-100" data-umami-event="learnmore-devops">
+          <img src="/img/screenshots/users/devops.webp" alt="{{ i18n "devops" }}" class="img-top flex-grow-1">
+          <h3 class="text-center mt-1">{{ i18n "devops" }}</h3>
+        </a>
+      </div>
+      <div class="col mb-4">
+        <a href="{{ ref . "/use-happyDomain/cio" }}" class="card h-100" data-umami-event="learnmore-cio">
+          <img src="/img/screenshots/users/cio.webp" alt="{{ i18n "cio" }}" class="img-top flex-grow-1">
+          <h3 class="text-center mt-1">{{ i18n "cio" }}</h3>
+        </a>
+      </div>
+      <div class="col mb-4">
+        <a href="{{ ref . "/use-happyDomain/geek" }}" class="card h-100" data-umami-event="learnmore-geek">
+          <img src="/img/screenshots/users/geek.webp" alt="{{ i18n "geek" }}" class="img-top flex-grow-1">
+          <h3 class="text-center mt-1">{{ i18n "geek" }}</h3>
+        </a>
+      </div>
+    </div>
+</div>

layouts/partials/downloads.html

@@ -1,11 +1,38 @@
-<div class="anchor" id="downloads"></div>
+<div id="downloads" class="jumbotron" style="scroll-margin-top: 2em;">
-<div class="jumbotron">
   <div class="container">
-    <h3 class="font-weight-bolder">
-      {{ i18n "downloads-title" }}
-    </h3>
     <div class="row">
-      <div class="col-md-10 offset-md-1">
+      <div class="col-3 d-none d-md-flex flex-column justify-content-center">
+        <img src="/img/screenshots/users/download.webp" alt="Download section" id="download-house" class="position-relative">
+      </div>
+      <div class="col">
+        <h3 class="font-weight-bolder">
+          {{ i18n "downloads-title" }}
+        </h3>
+        <div class="row row-cols-1 row-cols-sm-3 my-4">
+
+          <div class="col text-center my-2">
+            <a href="https://hub.docker.com/r/happydomain/happydomain/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-docker">
+              <i class="bi bi-box"></i>
+              {{ i18n "downloads-docker" }}
+            </a>
+          </div>
+
+          <div class="col text-center my-2">
+            <a href="https://get.happydomain.org/master/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-binaries">
+              <i class="bi bi-download"></i>
+              {{ i18n "downloads-binaries" }}
+            </a>
+          </div>
+
+          <div class="col text-center my-2">
+            <a href="https://git.happydomain.org/" class="h-100 btn btn-lg btn-success" target="_blank" data-umami-event="download-sources">
+              <i class="bi bi-git"></i>
+              {{ i18n "downloads-source" }}
+            </a>
+          </div>
+
+        </div>
+
         {{ i18n "downloads-text" | markdownify }}
       </div>
     </div>

layouts/partials/features.html

@@ -1,70 +1,41 @@
-<div class="container">
+<div id="features" class="bg-light" style="scroll-margin-top: 2em;">
-  <div class="row mt-3">
+  <div class="container py-3">
-    <h3 class="text-center font-weight-bolder mt-5 mb-5 offset-md-2 col-md-8" style="line-height: 1.5em;">
+    <div>
-      {{ i18n "features-title" | safeHTML }}
+      <h2 class="text-center font-weight-bolder mt-4 mb-5" style="line-height: 1.5em;">
-    </h3>
+        {{ i18n "features-grid-title" }}
-  </div>
+      </h2>
-  <div class="row mt-4 mb-5 text-justify">
-    <div class="col-md-4 pt-5">
-      <p class="font-weight-bold" style="font-size: 1.15rem;">
-        {{ i18n "features-lead" }}
-      </p>
     </div>
-    <div class="col-sm-6 col-md-4">
-      <div class="text-center mb-2">
-        <hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
-        <div class="circle-head" style="background-color: #4b1064">
-          <i class="bi bi-controller"></i>
-        </div>
-      </div>
-      <p>
-        {{ i18n "features-col1" | markdownify }}
-      </p>
-    </div>
-    <div class="col-sm-6 col-md-4">
-      <div class="text-center mb-2">
-        <hr style="margin-top: 21px; margin-bottom: -21px; border-color: #9720c955;">
-        <div class="circle-head" style="background-color: #4b1064">
-          <i class="bi bi-rocket-takeoff"></i>
-        </div>
-      </div>
-      <p>
-        {{ i18n "features-col2" | markdownify }}
-      </p>
-    </div>
-  </div>
 
-  <div id="features-grid" class="mt-3">
+    {{ range $index, $element := $.Site.Data.features.features }}
-    <h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
+      {{ if index .title $.Language.Lang }}
-      {{ i18n "features-grid-title" }}
+        <div class="mb-5">
-    </h3>
+          <div class="card" id="feature-{{ .id }}">
-  </div>
+            <div class="card-body row">
-  <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
+            {{ if and .img .img.src }}
-
+              <div class="col-md {{ if not (modBool $index 2) }}order-md-2{{ end }}">
-    {{ range $.Site.Data.features.features }}
+                <img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">
-    {{ if index .title $.Language.Lang }}
+              </div>
-    <div class="col mb-4">
+            {{ end }}
-      <div class="card" id="feature-{{ .id }}">
+            <div class="col-md d-flex flex-column justify-content-center py-4">
-        {{ if and .img .img.src }}
+              <h4 class="card-title font-weight-bolder">{{ index .title $.Language.Lang }}</h4>
-        <img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">
+              <p class="card-text text-justify">{{ index .content $.Language.Lang }}</p>
-        {{ end }}
+              {{ if and .link .link.link }}
-        <div class="card-body">
+                <a href="{{ .link.link }}" class="card-link" data-umami-event="features-{{ .id }}">{{ index .link $.Language.Lang }}</a>
-          <h5 class="card-title text-center mb-0">{{ index .title $.Language.Lang }}</h5>
+              {{ end }}
-          <hr class="mb-1 mt-2 mr-4 ml-4">
+              {{ if and .link2 .link2.link }}
-          <p class="card-text text-justify">{{ index .content $.Language.Lang }}</p>
+                <br><a href="{{ .link2.link }}" class="card-link mt-2" data-umami-event="features-{{ .id }}-2">{{ index .link2 $.Language.Lang }}</a>
-          {{ if and .link .link.link }}
+              {{ end }}
-          <a href="{{ .link.link }}" class="card-link" data-umami-event="features-{{ .id }}">{{ index .link $.Language.Lang }}</a>
+            </div>
-          {{ end }}
+            </div>
+          </div>
         </div>
-      </div>
+      {{ end }}
-    </div>
-    {{ end }}
     {{ end }}
 
-  </div>
+    <div class="mt-3">
-  <div class="mt-3">
+      <h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
-    <h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
+        {{ i18n "features-grid-footer" }}
-      {{ i18n "features-grid-footer" }}
+      </h3>
-    </h3>
+    </div>
   </div>
 </div>

layouts/partials/jumbo.html

@@ -1,64 +1,21 @@
 <div class="jumbotron bg-light mt-n1 mb-0">
   <div class="container">
-    <h2 class="display-5 text-center text-muted">
+    <div class="row">
-      {{ i18n "slogan" }}
+      <div class="col-md-3 d-flex flex-column mb-4">
-    </h2>
+        <img src="/img/screenshots/happydomain-rounded.webp" alt="happyDomain logo">
-    <p class="mt-4 lead">
-      happy<strong>Domain</strong>
-      {{ i18n "lead" | markdownify }}
-    </p>
-    <p class="mt-4">
-      <a class="btn btn-primary mt-2" data-umami-event="jumbo-tryit" href="/join">{{ i18n "tryit" }} &#187;</a>
-      <a class="btn btn-outline-secondary mt-2" data-umami-event="jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} &#187;</a>
-    </p>
-  </div>
-
-  <hr class="my-5">
-
-  <div class="container">
-    <h4 class="text-center mb-5">
-      {{ i18n "learnhow" }} happy<strong>Domain</strong> {{ i18n "canhelpyou" }}
-    </h4>
-    <div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5">
-      <div class="col mb-4">
-        <a href="{{ ref . "/use-happyDomain/freelance" }}" class="card h-100">
-          <img src="/img/screenshots/users/freelance.webp" alt="{{ i18n "freelance" }}" class="img-top flex-grow-1">
-          <div class="card-body pt-3 list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-freelance">
-            <span>{{ i18n "freelance" }}</span>
-          </div>
-        </a>
       </div>
-      <div class="col mb-4">
+      <div class="col">
-        <a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card h-100">
+        <h2 class="display-5 text-center text-muted">
-          <div class="card-body pt-3 list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-sysadmin">
+          {{ i18n "slogan" }}
-            <span>{{ i18n "sysadmin" }}</span>
+        </h2>
-          </div>
+        <p class="mt-4 lead">
-          <img src="/img/screenshots/users/sysadmin.webp" alt="{{ i18n "sysadmin" }}" class="img-top flex-grow-1">
+          happy<strong>Domain</strong>
-        </a>
+          {{ i18n "lead" | markdownify }}
-      </div>
+        </p>
-      <div class="col mb-4">
+        <p class="mt-4">
-        <a class="card h-100">
+          <a class="btn btn-primary mt-2" data-umami-event="jumbo-tryit" href="/join">{{ i18n "tryit" }} &#187;</a>
-          <img src="/img/screenshots/users/devops.webp" alt="{{ i18n "devops" }}" class="img-top flex-grow-1">
+          <a class="btn btn-outline-secondary mt-2" data-umami-event="jumbo-downloads" href="#downloads">{{ i18n "downloadit" }} &#187;</a>
-          <div class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column" data-umami-event="learnmore-devops">
+        </p>
-            <span>{{ i18n "devops" }}</span>
-          </div>
-        </a>
-      </div>
-      <div class="col mb-4">
-        <a href="{{ ref . "/use-happyDomain/cio" }}" class="card h-100">
-          <div class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-cio">
-            <span>{{ i18n "cio" }}</span>
-          </div>
-          <img src="/img/screenshots/users/cio.webp" alt="{{ i18n "cio" }}" class="img-top flex-grow-1">
-        </a>
-      </div>
-      <div class="col mb-4">
-        <a href="{{ ref . "/use-happyDomain/geek" }}" class="card h-100">
-          <img src="/img/screenshots/users/geek.webp" alt="{{ i18n "geek" }}" class="img-top flex-grow-1">
-          <div class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column" data-umami-event="learnmore-geek">
-            <span>{{ i18n "geek" }}</span>
-          </div>
-        </a>
       </div>
     </div>
   </div>

layouts/partials/nav.html

@@ -32,24 +32,13 @@
       </ul>
       <div class="d-flex">
         <div class="nav-item nav-ext-links">
-        {{ range .Site.Data.social.social_icons }}
+        {{ if .Site.Params.others_links }}
-          {{- if isset $.Site.Author .id }}
+          {{ range .Site.Params.others_links }}
-        <a class="nav-icon-link link-rounded" data-umami-event="{{ .id }}" href="{{ printf .url (index $.Site.Author .id) }}" title="{{ .title }}"><i class="bi {{ .icon }}"></i></a>
+          <a href="{{ .href }}" title="{{ .text }}" class="nav-icon-link {{ .class }}" data-umami-event="nav-{{ .id }}">
-          {{- end -}}
+            <i class="bi {{ .icon }}"></i>
-        {{ end }}
+            {{ .text }}
-        {{ if .Site.Params.rss }}
-          {{ if .RSSLink }}
-          <a href="{{ .RSSLink }}" title="RSS" class="nav-icon-link link-rounded">
-          {{ else }}
-          <a href="{{ .Site.RSSLink }}" title="RSS" class="nav-icon-link link-rounded">
-          {{ end }}
-            <i class="bi bi-rss-fill"></i>
-            </a>
-        {{ end }}
-        {{ if .Site.Params.tryit }}
-          <a href="{{ .Site.Params.tryit }}" title="{{ i18n "tryhappydns" }}" class="nav-icon-link link-rounded" data-umami-event="nav-tryit">
-            <i class="bi bi-arrow-right"></i>
           </a>
+          {{ end }}
         {{ end }}
         </div>
         <div class="nav-item dropdown">

layouts/partials/survey.html

@@ -1,7 +1,9 @@
 <div id="voxppl">
   <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="d-flex p-3 text-light row" data-umami-event="survey" target="_blank">
-    <h1 class="col-auto align-self-center">
+    <h1 class="col-auto align-self-center m-0 p-0">
-      <i class="bi bi-megaphone-fill"></i>
+      <div class="circle-head" style="background-color: #430c59; font-size: 1.1em;">
+        <i class="bi bi-megaphone-fill"></i>
+      </div>
     </h1>
     <div class="col align-self-center font-weigth-bolder">
       <button type="button" class="close float-right" aria-label="Close" onclick="document.getElementById('voxppl').style.display = 'none'; return false">

layouts/partials/usage_footer.html

@@ -0,0 +1,79 @@
+
+<div class="container mt-5 mb-4">
+  <div class="row py-5">
+    <div class="col-md-10 offset-md-1 col-lg-8 offset-lg-2 col-xl-6 offset-xl-3 text-center">
+      <h4 class="font-weight-bold mb-3">
+        {{ i18n "footer-try-title-line1" }}<br>
+        {{ i18n "footer-try-title-line2" }}
+      </h4>
+
+      <p>
+        happy<span class="font-weight-bold">Domain</span> {{ i18n "footer-try-text" }}
+      </p>
+
+      <p>
+
+        <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-tryit" data-umami-event-lang="{{ .Page.File.Lang }}" href="/join">
+          {{ i18n "tryit" }} &#187;
+        </a>
+        <a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-downloads" data-umami-event-lang="{{ .Page.File.Lang }}" href="/#downloads">
+          {{ i18n "downloadit" }} &#187;
+        </a>
+      </p>
+
+      <p class="mt-5">
+        {{ i18n "footer-discuss-text" }}
+      </p>
+
+      <div class="row cols-1 cols-sm-3 mt-4">
+        <div class="col">
+          <a href="https://framaforms.org/une-minute-pour-nous-dire-ou-aller-1610359677" class="card h-100 pb-2 justify-content-between">
+            <div class="d-flex flex-fill justify-content-center flex-column">
+              <img src="/img/screenshots/users/survey.webp" alt="{{ i18n "footer-discuss-feedback" }}" class="w-100 mb-3 flex-grow-1">
+            </div>
+            <h5 class="text-center">{{ i18n "footer-discuss-feedback" }}</h5>
+          </a>
+        </div>
+        <div class="col">
+          <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card h-100 p-2 justify-content-between">
+            <div class="d-flex flex-fill justify-content-center flex-column">
+              <img src="https://matrix.org/images/matrix-logo.svg" alt="{{ i18n "footer-discuss-matrix" }}" class="w-100 mb-3">
+            </div>
+            <h5 class="text-center">{{ i18n "footer-discuss-matrix" }}</h5>
+          </a>
+        </div>
+        <div class="col">
+          <a href="https://web.libera.chat/#happydns" class="card h-100 p-2 justify-content-between">
+            <div class="d-flex flex-fill justify-content-center flex-column">
+              <img src="https://libera.chat/static/img/libera-color.svg" alt="{{ i18n "footer-discuss-irc" }}" class="w-100 mb-3">
+            </div>
+            <h5 class="text-center">{{ i18n "footer-discuss-irc" }}</h5>
+          </a>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</div>
+
+<div class="container-fluid bg-secondary text-light text-center py-5">
+  <div class="container my-4">
+    <div class="row">
+      <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
+        <h3 class="font-weight-bolder">{{ i18n "footer-us-title" }}</h3>
+      </div>
+      <div class="order-1 col-md-5">
+        <h4 class="font-weight-bold mb-3">
+          {{ i18n "footer-us-text-lead" }}
+        </h4>
+
+        <p>
+          {{ i18n "footer-us-text-1" }}<span class="text-dark text-hilight px-1">{{ i18n "footer-us-text-hilight" }}</span>{{ i18n "footer-us-text-2" }}
+        </p>
+        <a href="{{ i18n "footer-us-button-link" }}" class="btn btn-outline-light">
+          {{ i18n "footer-us-button" }}
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

static/css/custom.css

@@ -10,7 +10,7 @@ html {
     background-color: #343a40;
 }
 body {
-    font-family: Montserrat,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,sans
+    font-family: Montserrat,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji,sans;
 }
 nav.navbar {
     box-shadow: 0 0px 3px 0 #1cb487;
@@ -26,6 +26,15 @@ nav.navbar.scrolled {
     border-bottom: 1px solid #1cb487;
 }
 
+a.card {
+    background: #f6f7f8;
+    transition: transform 250ms;
+}
+a.card:hover {
+    background: #e9ecef;
+    transform: scale(1.14);
+}
+
 .link-rounded, .circle-head {
     display: inline-flex;
     justify-content: center;
@@ -40,6 +49,8 @@ nav.navbar.scrolled {
 }
 .link-rounded:hover {
     background-color: #127255;
+}
+.link-rounded:hover > div {
     color: #f8f9fa;
 }
 
@@ -49,7 +60,7 @@ nav.navbar.scrolled {
 }
 
 .carousel {
-    background-color: #300940;
+    background-color: #430c59;
 }
 
 .text-hilight {
@@ -74,3 +85,29 @@ nav.navbar.scrolled {
 footer {
     border-top: 3px solid #9332bb;
 }
+
+#download-house {
+    animation: floatinghouse 6s linear infinite;
+}
+@keyframes floatinghouse {
+    0% { top: 0; left: 0; }
+    10% { top: -2px; }
+    20% { top: -4px; }
+    30% { top: -6px; }
+    40% { top: -2px; }
+    50% { top: 0px;  }
+    60% { top: 4px;  }
+    70% { top: 6px;  }
+    80% { top: 8px;  }
+    90% { top: 4px;  }
+    100% { top: 0;   }
+}
+
+@media (min-width: 768px) {
+    #community > div > div {
+        width: 50% !important;
+    }
+    #community > div > div:first-child {
+        border-right: 1px solid #9332bb;
+    }
+}