happyDomain/website
2
0
Fork 0
Code Issues Pull requests Releases Activity

Switch to happyDomain
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
nemunaire 2022-01-08 20:47:46 +01:00
commit 0e09858d2a
19 changed files with 48 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

175
content/use-happyDomain/cio.en.html Normal file
View file

@ -0,0 +1,175 @@
+++
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">
An interface to <span class="text-hilight">regain control</span> of your domains<br>
and <span class="text-hilight">forget frictions</span> of their management.
</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">
Keep track of every change with the built-in history.
</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.
</p>
<p>
The history allows you to easily track the latest changes, keeping track of who made them.
<span class="text-muted">(coming soon)</span>
</p>
</div>
<div class="order-1 col-md-7 py-2 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>
</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">
Share the management of zones between your teams.
<small class="text-muted">
(coming soon)
</small>
</h4>
<hr class="bg-light mx-5">
<p>
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.
</p>
</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">
Centralize and synchronize your domain portfolios.
</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.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
</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/zone-diff.png" alt="Relisiez puis confirmer les modifications qui seront appliquées">
</div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold">
Keep track of the purpose of each sub-domain.
<small class="text-muted">
(coming soon)
</small>
</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 umami--click--cta-freelance-tryit" href="/join">Try online now &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>

175
content/use-happyDomain/cio.fr.html Normal file
View file

@ -0,0 +1,175 @@
+++
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 interface pour <span class="text-hilight">reprendre le contrôle</span> de ses domaines<br>
et <span class="text-hilight">oublier les frictions</span> créées par leur gestion.
</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">
Garder une trace de chaque modification avec l'historique intégré.
</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.
</p>
<p>
L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants.
<span class="text-muted">Bientôt disponible</span>
</p>
</div>
<div class="order-1 col-md-7 py-2 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>
</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">
Partagez la gestion des zones entre vos équipes.
<small class="text-muted">
(bientôt disponible)
</small>
</h4>
<hr class="bg-light mx-5">
<p>
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.
</p>
</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">
Centraliser et synchroniser vos portefeuilles de domaines.
</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.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
</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/zone-diff.png" alt="Relisiez puis confirmer les modifications qui seront appliquées">
</div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold">
Garder une trace de la raison d'être de chaque sous-domaine.
<small class="text-muted">
(bientôt disponible)
</small>
</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 umami--click--cta-sysadmin-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>
</div>
</div>

1
content/use-happyDomain/devops.en.md Normal file
View file

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

1
content/use-happyDomain/devops.fr.md Normal file
View file

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

170
content/use-happyDomain/freelance.en.html Normal file
View file

@ -0,0 +1,170 @@
+++
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">
A <span class="text-hilight">unified interface</span> to manage all your clients' domains. Everything you need.
</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 domain names<br>
grouped by customer.
</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.
</p>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.png" alt="List of domain names, cleverly grouped by 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/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">DNS</span> manages over 25 hosts worldwide. Your customers are probably using them.
</p>
</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">DNS</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/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">
Share the management of the area with your client, his teams or your collaborators.
<small class="text-muted">
(coming soon)
</small>
</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.
</p>
<p>
Delegate to your client's teams all or only part of the area, it's up to you.
</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 umami--click--cta-freelance-tryit" href="/join">Try online now &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>

171
content/use-happyDomain/freelance.fr.html Normal file
View file

@ -0,0 +1,171 @@
+++
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">interface unifiée</span> pour gérer tous les domaines de vos clients. Tout ce dont vous avez besoin.
</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 les domaines<br>
regroupés par client.
</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>.
</p>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-groupped.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/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">DNS</span> gère plus de 25 hébergeurs à travers le monde. Vos clients les utilisent sûrement.
</p>
</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">DNS</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/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">
Partagez la gestion de la zone avec votre client, ses équipes ou vos collaborateurs.
<small class="text-muted">
(bientôt disponible)
</small>
</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.
</p>
<p>
Déléguez aux équipes de votre client tout ou partie de la zone, c'est vous qui choisissez.
</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 umami--click--cta-freelance-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>

182
content/use-happyDomain/geek.en.html Normal file
View file

@ -0,0 +1,182 @@
+++
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">
An interface to <span class="text-hilight">keep your independence</span> on the web.
</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">
Discover a simple and clear interface.
</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.
</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>
</p>
</div>
<div class="order-1 col-md-7 py-2 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>
</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">
Self-hosting made easy.
</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.
</p>
<p>
Don't be afraid to edit a zone text file, we take care of it!
</p>
<p>
Our solution doesn't need a lot of resources and can be used on a Raspberry Pi. Or even be launched only when needed.
</p>
</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">
Meet all your needs<br>
in all simplicity.
</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.
</p>
<p>
We are committed to providing the latest in DNS registration and services.
</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/domains-list.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">
Manage easily, even special zones.
<small class="text-muted">
(coming soon)
</small>
</h4>
<hr class="bg-light mx-5">
<p>
Looking for an interface that displays reverse IPv4/IPv6 zones in a human way?
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 umami--click--cta-freelance-tryit" href="/join">Try online now &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>

181
content/use-happyDomain/geek.fr.html Normal file
View file

@ -0,0 +1,181 @@
+++
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 interface pour <span class="text-hilight">garder son indépendance</span> sur le web.
</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">
Découvrez une interface simple et claire.
</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.
</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>
</p>
</div>
<div class="order-1 col-md-7 py-2 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>
</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">
Auto-hébergement facilité.
</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.
</p>
<p>
N'ayez plus peur de mal éditer un fichier texte de zone, on s'en occupe&nbsp;!
</p>
<p>
Notre solution n'a pas besoin de beaucoup de ressources et peut s'utiliser sur un Raspberry Pi. Ou même n'être lancée que lorsque c'est nécessaire.
</p>
</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 à tous vos besoins<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">DNS</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.
</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/domains-list.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">
Gérez simplement, même les zones spéciales.
<small class="text-muted">
(bientôt disponible)
</small>
</h4>
<hr class="bg-light mx-5">
<p>
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 umami--click--cta-sysadmin-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>
</div>
</div>

180
content/use-happyDomain/sysadmin.en.html Normal file
View file

@ -0,0 +1,180 @@
+++
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">
A <span class="text-hilight">simple interface</span> to view and manage your zones, both internals <span class="text-nowrap">(Bind, ...)</span> and publics <span class="text-nowrap">(OVH, Gandi, ...)</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">
Edit your zone files more efficiently.
</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.
</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>
</p>
</div>
<div class="order-1 col-md-7 py-2 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>
</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/zone-diff.png" alt="Review and confirm the changes that will be applied">
</div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold">
View your changes before applying them.
</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.
</p>
<p>
You can even select which changes you want to release now and which ones should wait.
</p>
</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">
Share the zone management with your teams or collaborators.
<small class="text-muted">
(coming soon)
</small>
</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.
</p>
<p>
Delegate to your teams all or only part of the area, it's up to you.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.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/domains-list.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">
Manage simply, even the special zones.
<small class="text-muted">
(coming soon)
</small>
</h4>
<hr class="bg-light mx-5">
<p>
Looking for an interface that displays reverse IPv4/IPv6 zones in a human way?
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 umami--click--cta-freelance-tryit" href="/join">Try online now &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>

179
content/use-happyDomain/sysadmin.fr.html Normal file
View file

@ -0,0 +1,179 @@
+++
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">interface simple</span> pour voir et gérer vos zones, tant internes <span class="text-nowrap">(Bind, ...)</span> que publiques <span class="text-nowrap">(OVH, Gandi, ...)</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">
Éditez plus efficacement vos fichiers de zone.
</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.
</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>
</p>
</div>
<div class="order-1 col-md-7 py-2 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>
</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/zone-diff.png" alt="Relisiez puis confirmer les modifications qui seront appliquées">
</div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold">
Visualisez les modifications apportées avant de les appliquer.
</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.
</p>
<p>
Vous pouvez même sélectionner les changements que vous souhaitez diffuser maintenant et ceux qui doivent attendre.
</p>
</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">
Partagez la gestion de la zone avec vos équipes ou vos collaborateurs.
<small class="text-muted">
(bientôt disponible)
</small>
</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.
</p>
<p>
Déléguez à vos équipes tout ou partie de la zone, c'est vous qui choisissez.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.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/domains-list.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">
Gérez simplement, même les zones spéciales.
<small class="text-muted">
(bientôt disponible)
</small>
</h4>
<hr class="bg-light mx-5">
<p>
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 umami--click--cta-sysadmin-tryit" href="/join">Essayer en ligne maintenant &#187;</a>
<a class="btn btn-outline-secondary mt-2 mx-3 umami--click--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>
</div>
</div>