Big site refresh + add missing DevOps page
continuous-integration/drone/push Build is passing Details

This commit is contained in:
nemunaire 2023-08-07 17:21:37 +02:00
parent c259ffd7eb
commit 589ca352f1
39 changed files with 923 additions and 885 deletions

View File

@ -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"

View File

@ -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.
</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>!
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>

View File

@ -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.
</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;!
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>

View File

@ -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>

View File

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

View File

@ -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>

View File

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

View File

@ -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>

View File

@ -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>

View File

@ -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.
</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>!
happy<span class="font-weight-bold">Domain</span> understands them and allows you to manage them unequivocally.
</p>
</div>
</div>

View File

@ -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.
</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;!
happy<span class="font-weight-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
</p>
</div>
</div>

View File

@ -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.
</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>!
happy<span class="font-weight-bold">Domain</span> understands them and allows you to manage them unequivocally.
</p>
</div>
</div>

View File

@ -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.
</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;!
happy<span class="font-weight-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
</p>
</div>
</div>

View File

@ -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"
en = "Manage your zones hosted on hosting providers"
fr = "Visualiser clairement les changements"
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."
en = "happyDomain can group the domains you own in different registrars. We currently support OVH, GoDaddy, Gandi and 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 = "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"
fr = "Vous utilisez un autre bureau d'enregistrement?"
en = "Are you using another registrar?"
link = "https://www.happydomain.org/resolver"
fr = "Je veux tester ça de suite!"
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"

View File

@ -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."

View File

@ -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 lair du temps, qui répondra à toutes vos attentes.
**Experts** chevronnés: changez votre point de vue sur le DNS, avec une interface **ergonomique** dans lair 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."

View File

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

View File

@ -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 -->

View File

@ -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">

View File

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

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -1,11 +1,38 @@
<div class="anchor" id="downloads"></div>
<div class="jumbotron">
<div id="downloads" class="jumbotron" style="scroll-margin-top: 2em;">
<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>

View File

@ -1,70 +1,41 @@
<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 id="features" class="bg-light" style="scroll-margin-top: 2em;">
<div class="container py-3">
<div>
<h2 class="text-center font-weight-bolder mt-4 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-title" }}
</h2>
</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">
<h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-title" }}
</h3>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3">
{{ range $.Site.Data.features.features }}
{{ if index .title $.Language.Lang }}
<div class="col mb-4">
<div class="card" id="feature-{{ .id }}">
{{ if and .img .img.src }}
<img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">
{{ end }}
<div class="card-body">
<h5 class="card-title text-center mb-0">{{ index .title $.Language.Lang }}</h5>
<hr class="mb-1 mt-2 mr-4 ml-4">
<p class="card-text text-justify">{{ index .content $.Language.Lang }}</p>
{{ if and .link .link.link }}
<a href="{{ .link.link }}" class="card-link" data-umami-event="features-{{ .id }}">{{ index .link $.Language.Lang }}</a>
{{ end }}
{{ range $index, $element := $.Site.Data.features.features }}
{{ if index .title $.Language.Lang }}
<div class="mb-5">
<div class="card" id="feature-{{ .id }}">
<div class="card-body row">
{{ if and .img .img.src }}
<div class="col-md {{ if not (modBool $index 2) }}order-md-2{{ end }}">
<img src="{{ .img.src }}" class="card-img-top" alt="{{ index .img.alt $.Language.Lang }}">
</div>
{{ end }}
<div class="col-md d-flex flex-column justify-content-center py-4">
<h4 class="card-title font-weight-bolder">{{ index .title $.Language.Lang }}</h4>
<p class="card-text text-justify">{{ index .content $.Language.Lang }}</p>
{{ if and .link .link.link }}
<a href="{{ .link.link }}" class="card-link" data-umami-event="features-{{ .id }}">{{ index .link $.Language.Lang }}</a>
{{ end }}
{{ if and .link2 .link2.link }}
<br><a href="{{ .link2.link }}" class="card-link mt-2" data-umami-event="features-{{ .id }}-2">{{ index .link2 $.Language.Lang }}</a>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div>
{{ end }}
{{ end }}
{{ end }}
</div>
<div class="mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-footer" }}
</h3>
<div class="mt-3">
<h3 class="text-center font-weight-bolder mt-5 mb-5" style="line-height: 1.5em;">
{{ i18n "features-grid-footer" }}
</h3>
</div>
</div>
</div>

View File

@ -1,64 +1,21 @@
<div class="jumbotron bg-light mt-n1 mb-0">
<div class="container">
<h2 class="display-5 text-center text-muted">
{{ i18n "slogan" }}
</h2>
<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 class="row">
<div class="col-md-3 d-flex flex-column mb-4">
<img src="/img/screenshots/happydomain-rounded.webp" alt="happyDomain logo">
</div>
<div class="col mb-4">
<a href="{{ ref . "/use-happyDomain/sysadmin" }}" class="card h-100">
<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">
<span>{{ i18n "sysadmin" }}</span>
</div>
<img src="/img/screenshots/users/sysadmin.webp" alt="{{ i18n "sysadmin" }}" class="img-top flex-grow-1">
</a>
</div>
<div class="col mb-4">
<a class="card h-100">
<img src="/img/screenshots/users/devops.webp" alt="{{ i18n "devops" }}" class="img-top flex-grow-1">
<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">
<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 class="col">
<h2 class="display-5 text-center text-muted">
{{ i18n "slogan" }}
</h2>
<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>
</div>
</div>

View File

@ -32,24 +32,13 @@
</ul>
<div class="d-flex">
<div class="nav-item nav-ext-links">
{{ range .Site.Data.social.social_icons }}
{{- if isset $.Site.Author .id }}
<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>
{{- end -}}
{{ end }}
{{ 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>
{{ if .Site.Params.others_links }}
{{ range .Site.Params.others_links }}
<a href="{{ .href }}" title="{{ .text }}" class="nav-icon-link {{ .class }}" data-umami-event="nav-{{ .id }}">
<i class="bi {{ .icon }}"></i>
{{ .text }}
</a>
{{ end }}
{{ end }}
</div>
<div class="nav-item dropdown">

View File

@ -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">
<i class="bi bi-megaphone-fill"></i>
<h1 class="col-auto align-self-center m-0 p-0">
<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">

View File

@ -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>

View File

@ -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;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 62 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 69 KiB

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 91 KiB