Rework usage pages

This commit is contained in:
nemunaire 2026-06-03 22:06:09 +09:00
commit a61dc211a0
11 changed files with 109 additions and 109 deletions

View file

@ -19,12 +19,12 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Keep track of every change with the built-in history. Keep track of every change with the built-in history.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
happy<span class="font-weight-bold">Domain</span> allows you to go back at any time in case of a problem. happy<span class="fw-bold">Domain</span> allows you to go back at any time in case of a problem.
</p> </p>
<p> <p>
The history allows you to easily track the latest changes, keeping track of who made them. The history allows you to easily track the latest changes, keeping track of who made them.
@ -37,14 +37,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Share the management of zones between your teams. Share the management of zones between your teams.
<small class="text-muted"> <small class="text-muted">
(coming soon) (coming soon)
@ -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). Reduce friction between your teams by allowing them to manage records related to their projects (internal or even public).
</p> </p>
<p> <p>
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. happy<span class="fw-bold">Domain</span> implements a powerful access control system allowing you to delegate all or part of a zone, up to the recording.
</p> </p>
</div> </div>
</div> </div>
@ -66,12 +66,12 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Centralize and synchronize your domain portfolios. Centralize and synchronize your domain portfolios.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. happy<span class="fw-bold">Domain</span> connects to more than 25 hosting providers worldwide. You can manage them in the interface with one click.
</p> </p>
</div> </div>
<div class="order-1 col-md-7"> <div class="order-1 col-md-7">
@ -81,14 +81,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées"> <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Keep track of the purpose of each sub-domain. Keep track of the purpose of each sub-domain.
<small class="text-muted"> <small class="text-muted">
(coming soon) (coming soon)
@ -96,7 +96,7 @@ layout = "usage"
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. happy<span class="fw-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> </p>
</div> </div>
</div> </div>

View file

@ -19,12 +19,12 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Garder une trace de chaque modification avec l'historique intégré. Garder une trace de chaque modification avec l'historique intégré.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
happy<span class="font-weight-bold">Domain</span> vous permet de revenir en arrière à n'importe quel moment en cas de problème. happy<span class="fw-bold">Domain</span> vous permet de revenir en arrière à n'importe quel moment en cas de problème.
</p> </p>
<p> <p>
L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants. L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants.
@ -37,14 +37,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Partagez la gestion des zones entre vos équipes. Partagez la gestion des zones entre vos équipes.
<small class="text-muted"> <small class="text-muted">
(bientôt disponible) (bientôt disponible)
@ -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). 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>
<p> <p>
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. happy<span class="fw-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> </p>
</div> </div>
</div> </div>
@ -66,12 +66,12 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Centraliser et synchroniser vos portefeuilles de domaines. Centraliser et synchroniser vos portefeuilles de domaines.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. happy<span class="fw-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> </p>
</div> </div>
<div class="order-1 col-md-7"> <div class="order-1 col-md-7">
@ -81,14 +81,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées"> <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Garder une trace de la raison d'être de chaque sous-domaine. Garder une trace de la raison d'être de chaque sous-domaine.
<small class="text-muted"> <small class="text-muted">
(bientôt disponible) (bientôt disponible)
@ -96,7 +96,7 @@ layout = "usage"
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. happy<span class="fw-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> </p>
</div> </div>
</div> </div>

View file

@ -18,13 +18,13 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
All your domains' operations<br> All your domains' operations<br>
accessible via a REST API. accessible via a REST API.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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. Everything that's done in the happy<span class="fw-bold">Domain</span> web interface can easily be done with the API, in your language of choice.
</p> </p>
<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. 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.
@ -40,20 +40,20 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Forget about the complexity of each hosting company.<br> Forget about the complexity of each hosting company.<br>
Take advantage of our unified interface. Take advantage of our unified interface.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
Don't be afraid of discovering a new host. happy<span class="font-weight-bold">Domain</span> manages over 25 hosts worldwide: Don't be afraid of discovering a new host. happy<span class="fw-bold">Domain</span> manages over 25 hosts worldwide:
</p> </p>
<ul class="text-left"> <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>cloud services&nbsp;:</strong> Route53, Azure DNS, Google Cloud DNS, DigitalOcean, Linode, Oracle Cloud, ...</li>
@ -73,13 +73,13 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Respond to all requests<br> Respond to all requests<br>
with ease. with ease.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
A new service? An urgent fix? happy<span class="font-weight-bold">Domain</span> uses simple terminology to stay focused. A new service? An urgent fix? happy<span class="fw-bold">Domain</span> uses simple terminology to stay focused.
</p> </p>
</div> </div>
<div class="order-1 col-md-7"> <div class="order-1 col-md-7">
@ -89,14 +89,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <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"> <img class="rounded img-thumbnail" src="/img/screenshots/sdk-python.webp" alt="Python SDK usage">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Many tools are already available for you, DevOps. Many tools are already available for you, DevOps.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
@ -107,8 +107,8 @@ layout = "usage"
</a> </a>
<span class="text-hilight px-1 text-dark">add or modify zone records,</span> <span class="text-hilight px-1 text-dark">add or modify zone records,</span>
manage new domains through their registrar, manage new domains through their registrar,
manage happy<span class="font-weight-bold">Domain</span>'s users, manage happy<span class="fw-bold">Domain</span>'s users,
or deploy happy<span class="font-weight-bold">Domain</span> using the official Ansible collection. or deploy happy<span class="fw-bold">Domain</span> using the official Ansible collection.
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a href="https://pypi.org/project/happydomain/" target="_blank"> <a href="https://pypi.org/project/happydomain/" target="_blank">

View file

@ -18,13 +18,13 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Tous vos domaines<br> Tous vos domaines<br>
accessibles par une API REST. accessibles par une API REST.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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. Tout ce qui se fait dans l'interface web d'happy<span class="fw-bold">Domain</span> peut se faire facilement avec l'API, dans votre langage de prédilection.
</p> </p>
<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. 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.
@ -40,20 +40,20 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Oubliez la complexité de chaque hébergeur.<br> Oubliez la complexité de chaque hébergeur.<br>
Profitez de notre interface unifiée. Profitez de notre interface unifiée.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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;: N'ayez plus d'appréhension à découvrir un nouvel hébergeur. happy<span class="fw-bold">Domain</span> gère plus de 25 hébergeurs à travers le monde&nbsp;:
</p> </p>
<ul class="text-left"> <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>services de cloud&nbsp;:</strong> Route53, Azure DNS, Google Cloud DNS, DigitalOcean, Linode, Oracle Cloud, ...</li>
@ -73,13 +73,13 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Répondez à toutes les demandes<br> Répondez à toutes les demandes<br>
en toute simplicité. en toute simplicité.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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. Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="fw-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
</p> </p>
</div> </div>
<div class="order-1 col-md-7"> <div class="order-1 col-md-7">
@ -89,14 +89,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <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"> <img class="rounded img-thumbnail" src="/img/screenshots/sdk-python.webp" alt="Utilisation du SDK Python">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Déjà de nombreux outils disponibles pour les DevOps. Déjà de nombreux outils disponibles pour les DevOps.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
@ -107,8 +107,8 @@ layout = "usage"
</a> </a>
<span class="text-hilight px-1 text-dark">ajouter ou modifier les enregistrements d'une zone,</span> <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 bureaux d'enregistrement,
gérer les utilisateurs d'happy<span class="font-weight-bold">Domain</span>, gérer les utilisateurs d'happy<span class="fw-bold">Domain</span>,
ou encore déployer happy<span class="font-weight-bold">Domain</span> grâce à la collection Ansible officielle. ou encore déployer happy<span class="fw-bold">Domain</span> grâce à la collection Ansible officielle.
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a href="https://pypi.org/project/happydomain/" target="_blank"> <a href="https://pypi.org/project/happydomain/" target="_blank">

View file

@ -18,13 +18,13 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
All domain names<br> All domain names<br>
grouped by customer. grouped by customer.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
No matter how many customers you follow, happy<span class="font-weight-bold">Domain</span> always gives you a clear overview. No matter how many customers you follow, happy<span class="fw-bold">Domain</span> always gives you a clear overview.
</p> </p>
</div> </div>
<div class="order-1 col-md-7 py-2 align-self-center"> <div class="order-1 col-md-7 py-2 align-self-center">
@ -34,20 +34,20 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Forget about the complexity of each hosting company.<br> Forget about the complexity of each hosting company.<br>
Take advantage of our unified interface. Take advantage of our unified interface.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Don't be afraid of discovering a new host. happy<span class="fw-bold">Domain</span> manages over 25 hosts worldwide. Your customers are probably using them.
</p> </p>
</div> </div>
</div> </div>
@ -58,13 +58,13 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Respond to all requests<br> Respond to all requests<br>
with ease. with ease.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
A new service? An urgent fix? happy<span class="font-weight-bold">Domain</span> uses simple terminology to stay focused. A new service? An urgent fix? happy<span class="fw-bold">Domain</span> uses simple terminology to stay focused.
</p> </p>
</div> </div>
<div class="order-1 col-md-7"> <div class="order-1 col-md-7">
@ -74,14 +74,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Share the management of the area with your client, his teams or your collaborators. Share the management of the area with your client, his teams or your collaborators.
<small class="text-muted"> <small class="text-muted">
(coming soon) (coming soon)
@ -89,7 +89,7 @@ layout = "usage"
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Whether it is permanent or in preparation for a particular event, happy<span class="fw-bold">Domain</span> offers you the possibility to collaborate on the editing of the same area.
</p> </p>
<p> <p>
Delegate to your client's teams all or only part of the area, it's up to you. Delegate to your client's teams all or only part of the area, it's up to you.

View file

@ -18,13 +18,13 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Tous les domaines<br> Tous les domaines<br>
regroupés par client. regroupés par client.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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>. Quel que soit le nombre de clients que vous suivez, happy<span class="fw-bold">Domain</span> vous <span class="text-stroke">donne un aperçu toujours clair</span>.
</p> </p>
</div> </div>
<div class="order-1 col-md-7 py-2 align-self-center"> <div class="order-1 col-md-7 py-2 align-self-center">
@ -34,20 +34,20 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Oubliez la complexité de chaque hébergeur.<br> Oubliez la complexité de chaque hébergeur.<br>
Profitez de notre interface unifiée. Profitez de notre interface unifiée.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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. Vos clients les utilisent sûrement. N'ayez plus d'appréhension à découvrir un nouvel hébergeur. happy<span class="fw-bold">Domain</span> gère plus de 25 hébergeurs à travers le monde. Vos clients les utilisent sûrement.
</p> </p>
</div> </div>
</div> </div>
@ -58,13 +58,13 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Répondez à toutes les demandes<br> Répondez à toutes les demandes<br>
en toute simplicité. en toute simplicité.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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. Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="fw-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
</p> </p>
</div> </div>
<div class="order-1 col-md-7"> <div class="order-1 col-md-7">
@ -74,14 +74,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Partagez la gestion de la zone avec votre client, ses équipes ou vos collaborateurs. Partagez la gestion de la zone avec votre client, ses équipes ou vos collaborateurs.
<small class="text-muted"> <small class="text-muted">
(bientôt disponible) (bientôt disponible)
@ -89,7 +89,7 @@ layout = "usage"
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Que ce soit de façon permanente ou en préparation d'un événement particulier, happy<span class="fw-bold">Domain</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
</p> </p>
<p> <p>
Déléguez aux équipes de votre client tout ou partie de la zone, c'est vous qui choisissez. Déléguez aux équipes de votre client tout ou partie de la zone, c'est vous qui choisissez.

View file

@ -18,15 +18,15 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Discover a simple and clear interface. Discover a simple and clear interface.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
Whatever the host of your zones, happy<span class="font-weight-bold">Domain</span> displays them in a clear way to limit errors. Whatever the host of your zones, happy<span class="fw-bold">Domain</span> displays them in a clear way to limit errors.
</p> </p>
<p> <p>
By installing happy<span class="font-weight-bold">Domain</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration. By installing happy<span class="fw-bold">Domain</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration.
<span class="text-muted">(coming soon)</span> <span class="text-muted">(coming soon)</span>
</p> </p>
</div> </div>
@ -37,19 +37,19 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Self-hosting made easy. Self-hosting made easy.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. happy<span class="fw-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>
<p> <p>
Don't be afraid to edit a zone text file, we take care of it! Don't be afraid to edit a zone text file, we take care of it!
@ -66,13 +66,13 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Meet all your needs<br> Meet all your needs<br>
in all simplicity. in all simplicity.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
A new service? An urgent fix? happy<span class="font-weight-bold">Domain</span> uses simple terminology to stay focused on the expected result. A new service? An urgent fix? happy<span class="fw-bold">Domain</span> uses simple terminology to stay focused on the expected result.
</p> </p>
<p> <p>
We are committed to providing the latest in DNS registration and services. We are committed to providing the latest in DNS registration and services.
@ -85,14 +85,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/service-caa.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/service-caa.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Manage easily, even special zones. Manage easily, even special zones.
<small class="text-muted"> <small class="text-muted">
(coming soon) (coming soon)
@ -104,7 +104,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)? 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>
<p> <p>
happy<span class="font-weight-bold">Domain</span> understands them and allows you to manage them unequivocally. happy<span class="fw-bold">Domain</span> understands them and allows you to manage them unequivocally.
</p> </p>
</div> </div>
</div> </div>

View file

@ -18,15 +18,15 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Découvrez une interface simple et claire. Découvrez une interface simple et claire.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Quel que soit l'hébergeur de vos zones, happy<span class="fw-bold">Domain</span> les affiche de manière claire pour limiter les erreurs.
</p> </p>
<p> <p>
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. En installant happy<span class="fw-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> <span class="text-muted">(bientôt disponible)</span>
</p> </p>
</div> </div>
@ -37,19 +37,19 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Auto-hébergement facilité. Auto-hébergement facilité.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. happy<span class="fw-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>
<p> <p>
N'ayez plus peur de mal éditer un fichier texte de zone, on s'en occupe&nbsp;! N'ayez plus peur de mal éditer un fichier texte de zone, on s'en occupe&nbsp;!
@ -66,13 +66,13 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Répondez à tous vos besoins<br> Répondez à tous vos besoins<br>
en toute simplicité. en toute simplicité.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <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 le résultat attendu. Un nouveau service&nbsp;? Une correction urgente&nbsp;? happy<span class="fw-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur le résultat attendu.
</p> </p>
<p> <p>
Nous avons à cœur de mettre à disposition les dernières nouveautés en terme d'enregistrement DNS et de services. Nous avons à cœur de mettre à disposition les dernières nouveautés en terme d'enregistrement DNS et de services.
@ -85,14 +85,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/service-caa.webp" alt="Liste des domaines, regroupés astucieusement par client"> <img class="rounded img-thumbnail" src="/img/screenshots/service-caa.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Gérez simplement, même les zones spéciales. Gérez simplement, même les zones spéciales.
<small class="text-muted"> <small class="text-muted">
(bientôt disponible) (bientôt disponible)
@ -103,7 +103,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;? 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>
<p> <p>
happy<span class="font-weight-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque. happy<span class="fw-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
</p> </p>
</div> </div>
</div> </div>

View file

@ -18,15 +18,15 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Edit your zone files more efficiently. Edit your zone files more efficiently.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
Whatever the host of your zones, happy<span class="font-weight-bold">Domain</span> displays them in a clear way to limit errors. Whatever the host of your zones, happy<span class="fw-bold">Domain</span> displays them in a clear way to limit errors.
</p> </p>
<p> <p>
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> By installing happy<span class="fw-bold">Domain</span> next to your Bind or PowerDNS, enjoy the interface without changing your configuration. <span class="text-muted">(coming soon)</span>
</p> </p>
</div> </div>
<div class="order-1 col-md-7 py-2 align-self-center"> <div class="order-1 col-md-7 py-2 align-self-center">
@ -36,19 +36,19 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Review and confirm the changes that will be applied"> <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Review and confirm the changes that will be applied">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
View your changes before applying them. View your changes before applying them.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Before publishing your changes, happy<span class="fw-bold">Domain</span> shows you what changes will be made. A preview that will avoid many mistakes.
</p> </p>
<p> <p>
You can even select which changes you want to release now and which ones should wait. You can even select which changes you want to release now and which ones should wait.
@ -62,7 +62,7 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Share the zone management with your teams or collaborators. Share the zone management with your teams or collaborators.
<small class="text-muted"> <small class="text-muted">
(coming soon) (coming soon)
@ -70,7 +70,7 @@ layout = "usage"
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Whether it's permanent or in preparation for a particular event, happy<span class="fw-bold">Domain</span> gives you the ability to collaborate on editing the same area.
</p> </p>
<p> <p>
Delegate to your teams all or only part of the area, it's up to you. Delegate to your teams all or only part of the area, it's up to you.
@ -83,14 +83,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <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"> <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.png" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Manage simply, even the special zones. Manage simply, even the special zones.
<small class="text-muted"> <small class="text-muted">
(coming soon) (coming soon)
@ -102,7 +102,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)? 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>
<p> <p>
happy<span class="font-weight-bold">Domain</span> understands them and allows you to manage them unequivocally. happy<span class="fw-bold">Domain</span> understands them and allows you to manage them unequivocally.
</p> </p>
</div> </div>
</div> </div>

View file

@ -18,15 +18,15 @@ layout = "usage"
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Éditez plus efficacement vos fichiers de zone. Éditez plus efficacement vos fichiers de zone.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Quel que soit l'hébergeur de vos zones, happy<span class="fw-bold">Domain</span> les affiche de manière claire pour limiter les erreurs.
</p> </p>
<p> <p>
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> En installant happy<span class="fw-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> </p>
</div> </div>
<div class="order-1 col-md-7 py-2 align-self-center"> <div class="order-1 col-md-7 py-2 align-self-center">
@ -36,19 +36,19 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-green-50)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées"> <img class="rounded img-thumbnail" src="/img/screenshots/zone-diff.webp" alt="Relisiez puis confirmer les modifications qui seront appliquées">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Visualisez les modifications apportées avant de les appliquer. Visualisez les modifications apportées avant de les appliquer.
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Avant de publier vos changements, happy<span class="fw-bold">Domain</span> vous montre quelles modifications seront faites. Une prévisualisation qui évitera bien des erreurs.
</p> </p>
<p> <p>
Vous pouvez même sélectionner les changements que vous souhaitez diffuser maintenant et ceux qui doivent attendre. Vous pouvez même sélectionner les changements que vous souhaitez diffuser maintenant et ceux qui doivent attendre.
@ -62,7 +62,7 @@ layout = "usage"
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 align-self-center text-center"> <div class="order-0 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Partagez la gestion de la zone avec vos équipes ou vos collaborateurs. Partagez la gestion de la zone avec vos équipes ou vos collaborateurs.
<small class="text-muted"> <small class="text-muted">
(bientôt disponible) (bientôt disponible)
@ -70,7 +70,7 @@ layout = "usage"
</h4> </h4>
<hr class="bg-light mx-5"> <hr class="bg-light mx-5">
<p> <p>
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. Que ce soit permanent ou en préparation d'un événement particulier, happy<span class="fw-bold">Domain</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
</p> </p>
<p> <p>
Déléguez à vos équipes tout ou partie de la zone, c'est vous qui choisissez. Déléguez à vos équipes tout ou partie de la zone, c'est vous qui choisissez.
@ -83,14 +83,14 @@ layout = "usage"
</div> </div>
</div> </div>
<div class="container-fluid py-5 bg-secondary text-light"> <div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<div class="container my-5"> <div class="container my-5">
<div class="row"> <div class="row">
<div class="order-1 order-md-0 col-md-7 align-self-center"> <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"> <img class="rounded img-thumbnail" src="/img/screenshots/domains-list.png" alt="Liste des domaines, regroupés astucieusement par client">
</div> </div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center"> <div class="order-0 order-md-1 col-md-5 align-self-center text-center">
<h4 class="font-weight-bold"> <h4 class="fw-bold">
Gérez simplement, même les zones spéciales. Gérez simplement, même les zones spéciales.
<small class="text-muted"> <small class="text-muted">
(bientôt disponible) (bientôt disponible)
@ -101,7 +101,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;? 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>
<p> <p>
happy<span class="font-weight-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque. happy<span class="fw-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
</p> </p>
</div> </div>
</div> </div>

View file

@ -16,7 +16,7 @@
<a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-tryit" data-umami-event-lang="{{ .Page.Language.Lang }}" href="{{ .Site.Params.tryit }}"> <a class="btn btn-primary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-tryit" data-umami-event-lang="{{ .Page.Language.Lang }}" href="{{ .Site.Params.tryit }}">
{{ i18n "tryit" }} &#187; {{ i18n "tryit" }} &#187;
</a> </a>
<a class="btn btn-outline-secondary mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-downloads" data-umami-event-lang="{{ .Page.Language.Lang }}" href="/#downloads"> <a class="btn btn-outline-dark mt-2 mx-3" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-downloads" data-umami-event-lang="{{ .Page.Language.Lang }}" href="/#downloads">
{{ i18n "downloadit" }} &#187; {{ i18n "downloadit" }} &#187;
</a> </a>
</p> </p>
@ -56,7 +56,7 @@
</div> </div>
</div> </div>
<div class="container-fluid bg-secondary text-light text-center py-5"> <div class="container-fluid text-center py-5" style="background: var(--hd-plum-100)">
<div class="container my-4"> <div class="container my-4">
<div class="row"> <div class="row">
<div class="order-0 col-md-5 offset-md-1 align-self-center text-center"> <div class="order-0 col-md-5 offset-md-1 align-self-center text-center">
@ -70,7 +70,7 @@
<p> <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" }} {{ 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> </p>
<a href="{{ i18n "footer-us-button-link" }}" class="btn btn-outline-light" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-about"> <a href="{{ i18n "footer-us-button-link" }}" class="btn btn-outline-dark" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-about">
{{ i18n "footer-us-button" }} {{ i18n "footer-us-button" }}
</a> </a>
</div> </div>