Do page for CIO and geek
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Pierre-Olivier Mercier 2021-08-14 15:55:54 +02:00
parent 3850eaf2c1
commit 6a26cb9607
5 changed files with 358 additions and 5 deletions

View File

@ -0,0 +1,175 @@
+++
title = "Comment happyDNS 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> de 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 même 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 porte-feuilles 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-list.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">
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 qu'un événement temporaire et ses serveurs ne restent pas 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>

View File

@ -1,2 +0,0 @@
# Erreur 404

View File

@ -0,0 +1,181 @@
+++
title = "Comment happyDNS 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>
Quelque 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 resource et peut s'utiliser sur un Raspberry Pi. Ou même n'être lancé que lorsque 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>

View File

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

View File

@ -46,7 +46,7 @@
</div>
<div class="col mb-4">
<div class="card h-100">
<a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
<a href="{{ ref . "/use-happyDNS/cio" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
<img src="/img/screenshots/users/cio.svg" alt="{{ i18n "cio" }}" class="w-100 mb-3 flex-grow-1">
<span>{{ i18n "cio" }}</span>
</a>
@ -54,7 +54,7 @@
</div>
<div class="col mb-4">
<div class="card h-100">
<a class="card-body list-group-item-action text-center font-weight-bold disabled flex-grow-1 d-flex flex-column">
<a href="{{ ref . "/use-happyDNS/geek" }}" class="card-body list-group-item-action text-center font-weight-bold flex-grow-1 d-flex flex-column">
<img src="/img/screenshots/users/geek.svg" alt="{{ i18n "geek" }}" class="w-100 mb-3 flex-grow-1">
<span>{{ i18n "geek" }}</span>
</a>