Refactor usage pages with shortcodes, convert HTML to Markdown

Add usage-lead and usage-feature shortcodes to encapsulate the
alternating two-column layout, then migrate all ten usage pages
(cio, sysadmin, freelance, geek, devops — EN and FR) from raw
HTML files to plain Markdown using those shortcodes.
This commit is contained in:
nemunaire 2026-06-11 19:25:16 +09:00
commit 69b17ea1f2
22 changed files with 672 additions and 1099 deletions

View file

@ -1,104 +0,0 @@
+++
title = "happyDomain for IT Managers"
description = "Get full visibility over your organization's domain names. happyDomain provides IT managers with centralized control, change tracking, and team oversight."
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="fw-bold">
Keep track of every change with the built-in history.
</h4>
<hr class="bg-light mx-5">
<p>
happy<span class="fw-bold">Domain</span> allows you to go back at any time in case of a problem.
</p>
<p>
The history allows you to easily track the latest changes, keeping track of who made them.
</p>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-logs.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-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="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>
</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="fw-bold">
Centralize and synchronize your domain portfolios.
</h4>
<hr class="bg-light mx-5">
<p>
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>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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.webp" 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="fw-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="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>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,62 @@
+++
title = "happyDomain for IT Managers"
description = "Get full visibility over your organization's domain names. happyDomain provides IT managers with centralized control, change tracking, and team oversight."
layout = "usage"
+++
{{< usage-lead >}}
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.
{{< /usage-lead >}}
{{< usage-feature
title="Keep track of every change with the built-in history."
image="/img/screenshots/domain-logs.webp"
alt="Domain logs showing change history"
>}}
happy<span class="fw-bold">Domain</span> allows you to go back at any time in case of a problem.
The history allows you to easily track the latest changes, keeping track of who made them.
{{< /usage-feature >}}
{{< usage-feature
title="Share the management of zones between your teams."
image="/img/screenshots/domain-abstract.webp"
alt="Zone management shared between teams"
flip="true"
bg="green"
coming_soon="true"
>}}
Reduce friction between your teams by allowing them to manage records related to their projects (internal or even public).
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.
{{< /usage-feature >}}
{{< usage-feature
title="Centralize and synchronize your domain portfolios."
image="/img/screenshots/domains-list.webp"
alt="List of domains grouped by need"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Keep track of the purpose of each sub-domain."
image="/img/screenshots/zone-diff.webp"
alt="Review and confirm the changes that will be applied"
flip="true"
bg="plum"
coming_soon="true"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Stay ahead of incidents with continuous monitoring."
image="/img/screenshots/checks-dashboard.webp"
alt="Monitoring dashboard showing the status of every check on a domain"
>}}
happy<span class="fw-bold">Domain</span>'s checkers continuously watch over your organization's domains (expirations, DNSSEC, delegation, certificates and service availability) and surface a clear status for each one.
Your teams get notified as soon as something changes state, turning silent failures into actionable alerts and giving you peace of mind over your whole portfolio.
{{< /usage-feature >}}

View file

@ -1,104 +0,0 @@
+++
title = "happyDomain pour les DSI"
description = "Obtenez une visibilité complète sur les noms de domaine de votre organisation. happyDomain offre aux DSI un contrôle centralisé, un suivi des changements et une supervision d'équipe."
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="fw-bold">
Garder une trace de chaque modification avec l'historique intégré.
</h4>
<hr class="bg-light mx-5">
<p>
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>
L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants.
</p>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-logs.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-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="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>
</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="fw-bold">
Centraliser et synchroniser vos portefeuilles de domaines.
</h4>
<hr class="bg-light mx-5">
<p>
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>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="Liste des domaines, regroupés astucieusement selon vos besoins">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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.webp" 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="fw-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="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>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,62 @@
+++
title = "happyDomain pour les DSI"
description = "Obtenez une visibilité complète sur les noms de domaine de votre organisation. happyDomain offre aux DSI un contrôle centralisé, un suivi des changements et une supervision d'équipe."
layout = "usage"
+++
{{< usage-lead >}}
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.
{{< /usage-lead >}}
{{< usage-feature
title="Garder une trace de chaque modification avec l'historique intégré."
image="/img/screenshots/domain-logs.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
happy<span class="fw-bold">Domain</span> vous permet de revenir en arrière à n'importe quel moment en cas de problème.
L'historique vous permet de vous repérer facilement dans les dernières modifications, en gardant une trace des intervenants.
{{< /usage-feature >}}
{{< usage-feature
title="Partagez la gestion des zones entre vos équipes."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
coming_soon="true"
>}}
Réduisez les points de frictions entre vos équipes en leur permettant de gérer les enregistrements relatifs à leurs projets (internes ou publics).
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.
{{< /usage-feature >}}
{{< usage-feature
title="Centraliser et synchroniser vos portefeuilles de domaines."
image="/img/screenshots/domains-list.webp"
alt="Liste des domaines, regroupés astucieusement selon vos besoins"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Garder une trace de la raison d'être de chaque sous-domaine."
image="/img/screenshots/zone-diff.webp"
alt="Relisiez puis confirmer les modifications qui seront appliquées"
flip="true"
bg="plum"
coming_soon="true"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Anticipez les incidents grâce à la surveillance continue."
image="/img/screenshots/checks-dashboard.webp"
alt="Tableau de bord de supervision affichant l'état de chaque vérification d'un domaine"
>}}
Les vérificateurs de happy<span class="fw-bold">Domain</span> surveillent en continu les domaines de votre organisation (expirations, DNSSEC, délégation, certificats et disponibilité des services) et affichent un statut clair pour chacun.
Vos équipes sont notifiées dès qu'un état change, transformant les pannes silencieuses en alertes exploitables et vous offrant une vraie tranquillité d'esprit sur l'ensemble de votre portefeuille.
{{< /usage-feature >}}

View file

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

View file

@ -0,0 +1,71 @@
+++
title = "happyDomain for DevOps Engineers"
description = "Automate DNS management with happyDomain's REST API. Integrate domain operations into your CI/CD pipelines and infrastructure workflows."
layout = "usage"
+++
{{< usage-lead >}}
A <span class="text-hilight px-1">REST API and web interface</span> to centralize domain management <span class="text-hilight px-1">in the cloud, with suppliers and on premise</span>.
{{< /usage-lead >}}
{{< usage-feature
title="All your domains' operations accessible via a REST API."
image="/img/screenshots/features/rest.png"
alt="Our REST API, commented and exposed with Swagger"
>}}
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.
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.
<a href="/swagger/index.html" target="_blank">See the API documentation and try it out now!</a>
{{< /usage-feature >}}
{{< usage-feature
title="Forget about the complexity of each hosting company. Take advantage of our unified interface."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
>}}
Don't be afraid of discovering a new host. happy<span class="fw-bold">Domain</span> manages over 25 hosts worldwide:
<ul class="text-left">
<li class="mb-1"><strong>cloud services&nbsp;:</strong> Route53, Azure DNS, Google Cloud DNS, DigitalOcean, Linode, Oracle Cloud, ...</li>
<li class="mb-1"><strong>CDN&nbsp;:</strong> Akamai Edge DNS, Cloudflare, ...</li>
<li class="mb-1"><strong>registrar&nbsp;:</strong> OVH, Gandi, Namecheap, Vultr, ...</li>
<li class="mb-1"><strong>your local setup&nbsp;:</strong> BIND, PowerDNS, knot, ...</li>
</ul>
<a href="https://docs.dnscontrol.org/service-providers/providers" target="_blank">See the list of supported DNS hosts.</a>
{{< /usage-feature >}}
{{< usage-feature
title="Respond to all requests with ease."
image="/img/screenshots/domain-services.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
A new service? An urgent fix? happy<span class="fw-bold">Domain</span> uses simple terminology to stay focused.
{{< /usage-feature >}}
{{< usage-feature
title="Many tools are already available for you, DevOps."
image="/img/screenshots/sdk-python.webp"
alt="Python SDK usage"
flip="true"
bg="plum"
>}}
<ul class="text-left">
<li class="mb-2">
<a href="https://galaxy.ansible.com/happydns/happydomain" target="_blank"><strong>Ansible collection:</strong></a>
<span class="text-hilight px-1 text-dark">add or modify zone records,</span>
manage new domains through their registrar,
manage happy<span class="fw-bold">Domain</span>'s users,
or deploy happy<span class="fw-bold">Domain</span> using the official Ansible collection.
</li>
<li class="mb-2">
<a href="https://pypi.org/project/happydomain/" target="_blank"><strong>Python SDK:</strong></a>
easily automate all aspects of your domains, with the simplicity of Python.
</li>
<li class="mb-2">and counting&hellip;</li>
</ul>
{{< /usage-feature >}}

View file

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

View file

@ -0,0 +1,70 @@
+++
title = "happyDomain pour les DevOps"
description = "Automatisez la gestion DNS avec l'API REST de happyDomain. Intégrez les opérations de domaines dans vos pipelines CI/CD et workflows d'infrastructure."
layout = "usage"
+++
{{< usage-lead >}}
Une <span class="text-hilight px-1">API REST documentée et une interface web</span> pour centraliser la gestion des domaines <span class="text-hilight px-1">dans le cloud, chez des fournisseurs et sur site</span>.
{{< /usage-lead >}}
{{< usage-feature
title="Tous vos domaines accessibles par une API REST."
image="/img/screenshots/features/rest.png"
alt="L'API REST documentée et exposée avec Swagger"
>}}
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.
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.
<a href="/swagger/index.html" target="_blank">Voir la documentation de l'API et l'essayer maintenant&nbsp;!</a>
{{< /usage-feature >}}
{{< usage-feature
title="Oubliez la complexité de chaque hébergeur. Profitez de notre interface unifiée."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
>}}
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;:
<ul class="text-left">
<li class="mb-1"><strong>services de cloud&nbsp;:</strong> Route53, Azure DNS, Google Cloud DNS, DigitalOcean, Linode, Oracle Cloud, ...</li>
<li class="mb-1"><strong>CDN&nbsp;:</strong> Akamai Edge DNS, Cloudflare, ...</li>
<li class="mb-1"><strong>bureaux d'enregistrement&nbsp;:</strong> OVH, Gandi, Namecheap, Vultr, ...</li>
<li class="mb-1"><strong>vos serveurs locaux&nbsp;:</strong> BIND, PowerDNS, knot, ...</li>
</ul>
<a href="https://docs.dnscontrol.org/service-providers/providers" target="_blank">Voir la liste des hébergeurs DNS supportés.</a>
{{< /usage-feature >}}
{{< usage-feature
title="Répondez à toutes les demandes en toute simplicité."
image="/img/screenshots/domain-services.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Déjà de nombreux outils disponibles pour les DevOps."
image="/img/screenshots/sdk-python.webp"
alt="Utilisation du SDK Python"
flip="true"
bg="plum"
>}}
<ul class="text-left">
<li class="mb-2">
<a href="https://galaxy.ansible.com/happydns/happydomain" target="_blank"><strong>Collection Ansible&nbsp;:</strong></a>
<span class="text-hilight px-1 text-dark">ajouter ou modifier les enregistrements d'une zone,</span>
gérer les bureaux d'enregistrement,
gérer les utilisateurs d'happy<span class="fw-bold">Domain</span>,
ou encore déployer happy<span class="fw-bold">Domain</span> grâce à la collection Ansible officielle.
</li>
<li class="mb-2">
<a href="https://pypi.org/project/happydomain/" target="_blank"><strong>SDK Python&nbsp;:</strong></a>
automatiser facilement tous les aspects liés à vos domaines, avec la simplicité de Python.
</li>
</ul>
{{< /usage-feature >}}

View file

@ -1,100 +0,0 @@
+++
title = "happyDomain for Freelancers"
description = "Manage all your clients' domain names from a single interface. happyDomain simplifies DNS management for freelancers and agencies."
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="fw-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="fw-bold">Domain</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-list.webp" alt="List of domain names, cleverly grouped by client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-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="fw-bold">Domain</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="fw-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="fw-bold">Domain</span> uses simple terminology to stay focused.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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.webp" 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="fw-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="fw-bold">Domain</span> offers you the possibility to collaborate on the editing of the same area.
</p>
<p>
Delegate to your client's teams all or only part of the area, it's up to you.
</p>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,58 @@
+++
title = "happyDomain for Freelancers"
description = "Manage all your clients' domain names from a single interface. happyDomain simplifies DNS management for freelancers and agencies."
layout = "usage"
+++
{{< usage-lead >}}
A <span class="text-hilight">unified interface</span> to manage all your clients' domains. Everything you need.
{{< /usage-lead >}}
{{< usage-feature
title="All domain names grouped by customer."
image="/img/screenshots/domains-list.webp"
alt="List of domain names, cleverly grouped by client"
>}}
No matter how many customers you follow, happy<span class="fw-bold">Domain</span> always gives you a clear overview.
{{< /usage-feature >}}
{{< usage-feature
title="Forget about the complexity of each hosting company. Take advantage of our unified interface."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Respond to all requests with ease."
image="/img/screenshots/domain-services.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
A new service? An urgent fix? happy<span class="fw-bold">Domain</span> uses simple terminology to stay focused.
{{< /usage-feature >}}
{{< usage-feature
title="Share the management of the area with your client, his teams or your collaborators."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="plum"
coming_soon="true"
>}}
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.
Delegate to your client's teams all or only part of the area, it's up to you.
{{< /usage-feature >}}
{{< usage-feature
title="Never let a client's domain expire unnoticed."
image="/img/screenshots/checks-dashboard.webp"
alt="Monitoring dashboard showing the status of every check on a client domain"
>}}
happy<span class="fw-bold">Domain</span>'s built-in checkers keep watch over every client domain: expiry dates, DNSSEC, mail and web service availability, TLS certificates and more, all reported with a clear <span class="fw-bold">OK</span> / <span class="fw-bold">Warning</span> / <span class="fw-bold">Critical</span> status.
Get notified the moment something changes, fix it before your client even notices, and show up looking like the expert they hired.
{{< /usage-feature >}}

View file

@ -1,100 +0,0 @@
+++
title = "happyDomain pour les freelances"
description = "Gérez les noms de domaine de tous vos clients depuis une seule interface. happyDomain simplifie la gestion DNS pour les freelances et agences."
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="fw-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="fw-bold">Domain</span> vous <span class="text-stroke">donne un aperçu toujours clair</span>.
</p>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domains-list.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-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="fw-bold">Domain</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="fw-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="fw-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur ses objectifs.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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.webp" 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="fw-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="fw-bold">Domain</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
</p>
<p>
Déléguez aux équipes de votre client tout ou partie de la zone, c'est vous qui choisissez.
</p>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,58 @@
+++
title = "happyDomain pour les freelances"
description = "Gérez les noms de domaine de tous vos clients depuis une seule interface. happyDomain simplifie la gestion DNS pour les freelances et agences."
layout = "usage"
+++
{{< usage-lead >}}
Une <span class="text-hilight">interface unifiée</span> pour gérer tous les domaines de vos clients. Tout ce dont vous avez besoin.
{{< /usage-lead >}}
{{< usage-feature
title="Tous les domaines regroupés par client."
image="/img/screenshots/domains-list.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
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>.
{{< /usage-feature >}}
{{< usage-feature
title="Oubliez la complexité de chaque hébergeur. Profitez de notre interface unifiée."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Répondez à toutes les demandes en toute simplicité."
image="/img/screenshots/domain-services.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
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.
{{< /usage-feature >}}
{{< usage-feature
title="Partagez la gestion de la zone avec votre client, ses équipes ou vos collaborateurs."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="plum"
coming_soon="true"
>}}
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.
Déléguez aux équipes de votre client tout ou partie de la zone, c'est vous qui choisissez.
{{< /usage-feature >}}
{{< usage-feature
title="Ne laissez jamais expirer le domaine d'un client sans le voir venir."
image="/img/screenshots/checks-dashboard.webp"
alt="Tableau de bord de supervision affichant l'état de chaque vérification d'un domaine client"
>}}
Les vérificateurs intégrés de happy<span class="fw-bold">Domain</span> veillent sur chaque domaine client&nbsp;: dates d'expiration, DNSSEC, disponibilité des services mail et web, certificats TLS et plus encore, le tout reporté avec un statut clair <span class="fw-bold">OK</span> / <span class="fw-bold">Avertissement</span> / <span class="fw-bold">Critique</span>.
Soyez notifié dès qu'un changement survient, corrigez-le avant même que votre client ne s'en aperçoive, et affirmez l'expertise pour laquelle il vous a choisi.
{{< /usage-feature >}}

View file

@ -1,112 +0,0 @@
+++
title = "happyDomain for Enthusiasts"
description = "Take control of your domain names with a powerful, open-source interface. happyDomain makes DNS management fun and accessible for hobbyists and tech enthusiasts."
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="fw-bold">
Discover a simple and clear interface.
</h4>
<hr class="bg-light mx-5">
<p>
Whatever the host of your zones, happy<span class="fw-bold">Domain</span> displays them in a clear way to limit errors.
</p>
<p>
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>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-bold">
Self-hosting made easy.
</h4>
<hr class="bg-light mx-5">
<p>
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>
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="fw-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="fw-bold">Domain</span> uses simple terminology to stay focused on the expected result.
</p>
<p>
We are committed to providing the latest in DNS registration and services.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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/service-caa.webp" 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="fw-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="fw-bold">Domain</span> understands them and allows you to manage them unequivocally.
</p>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,58 @@
+++
title = "happyDomain for Enthusiasts"
description = "Take control of your domain names with a powerful, open-source interface. happyDomain makes DNS management fun and accessible for hobbyists and tech enthusiasts."
layout = "usage"
+++
{{< usage-lead >}}
An interface to <span class="text-hilight">keep your independence</span> on the web.
{{< /usage-lead >}}
{{< usage-feature
title="Discover a simple and clear interface."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
Whatever the host of your zones, happy<span class="fw-bold">Domain</span> displays them in a clear way to limit errors.
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>
{{< /usage-feature >}}
{{< usage-feature
title="Self-hosting made easy."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
>}}
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.
Don't be afraid to edit a zone text file, we take care of it!
Our solution doesn't need a lot of resources and can be used on a Raspberry Pi. Or even be launched only when needed.
{{< /usage-feature >}}
{{< usage-feature
title="Meet all your needs in all simplicity."
image="/img/screenshots/domain-services.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
A new service? An urgent fix? happy<span class="fw-bold">Domain</span> uses simple terminology to stay focused on the expected result.
We are committed to providing the latest in DNS registration and services.
{{< /usage-feature >}}
{{< usage-feature
title="Manage easily, even special zones."
image="/img/screenshots/service-caa.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="plum"
coming_soon="true"
>}}
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)?
happy<span class="fw-bold">Domain</span> understands them and allows you to manage them unequivocally.
{{< /usage-feature >}}

View file

@ -1,111 +0,0 @@
+++
title = "happyDomain pour les passionnés"
description = "Prenez le contrôle de vos noms de domaine avec une interface open source puissante. happyDomain rend la gestion DNS accessible et agréable pour les passionnés de tech."
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="fw-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="fw-bold">Domain</span> les affiche de manière claire pour limiter les erreurs.
</p>
<p>
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>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-bold">
Auto-hébergement facilité.
</h4>
<hr class="bg-light mx-5">
<p>
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>
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="fw-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="fw-bold">Domain</span> utilise une terminologie simple, pour rester focalisé sur le résultat attendu.
</p>
<p>
Nous avons à cœur de mettre à disposition les dernières nouveautés en terme d'enregistrement DNS et de services.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-services.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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/service-caa.webp" 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="fw-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="fw-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
</p>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,57 @@
+++
title = "happyDomain pour les passionnés"
description = "Prenez le contrôle de vos noms de domaine avec une interface open source puissante. happyDomain rend la gestion DNS accessible et agréable pour les passionnés de tech."
layout = "usage"
+++
{{< usage-lead >}}
Une interface pour <span class="text-hilight">garder son indépendance</span> sur le web.
{{< /usage-lead >}}
{{< usage-feature
title="Découvrez une interface simple et claire."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
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.
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>
{{< /usage-feature >}}
{{< usage-feature
title="Auto-hébergement facilité."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="green"
>}}
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.
N'ayez plus peur de mal éditer un fichier texte de zone, on s'en occupe&nbsp;!
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.
{{< /usage-feature >}}
{{< usage-feature
title="Répondez à tous vos besoins en toute simplicité."
image="/img/screenshots/domain-services.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
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.
Nous avons à cœur de mettre à disposition les dernières nouveautés en terme d'enregistrement DNS et de services.
{{< /usage-feature >}}
{{< usage-feature
title="Gérez simplement, même les zones spéciales."
image="/img/screenshots/service-caa.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="plum"
coming_soon="true"
>}}
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;?
happy<span class="fw-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
{{< /usage-feature >}}

View file

@ -1,110 +0,0 @@
+++
title = "happyDomain for System Administrators"
description = "Simplify DNS zone management across multiple providers. happyDomain gives sysadmins a unified interface with history, rollback, and audit trails."
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="fw-bold">
Edit your zone files more efficiently.
</h4>
<hr class="bg-light mx-5">
<p>
Whatever the host of your zones, happy<span class="fw-bold">Domain</span> displays them in a clear way to limit errors.
</p>
<p>
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>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-bold">
View your changes before applying them.
</h4>
<hr class="bg-light mx-5">
<p>
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>
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="fw-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="fw-bold">Domain</span> gives you the ability to collaborate on editing the same area.
</p>
<p>
Delegate to your teams all or only part of the area, it's up to you.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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.webp" 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="fw-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="fw-bold">Domain</span> understands them and allows you to manage them unequivocally.
</p>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,66 @@
+++
title = "happyDomain for System Administrators"
description = "Simplify DNS zone management across multiple providers. happyDomain gives sysadmins a unified interface with history, rollback, and audit trails."
layout = "usage"
+++
{{< usage-lead >}}
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>.
{{< /usage-lead >}}
{{< usage-feature
title="Edit your zone files more efficiently."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
Whatever the host of your zones, happy<span class="fw-bold">Domain</span> displays them in a clear way to limit errors.
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>
{{< /usage-feature >}}
{{< usage-feature
title="View your changes before applying them."
image="/img/screenshots/zone-diff.webp"
alt="Review and confirm the changes that will be applied"
flip="true"
bg="green"
>}}
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.
You can even select which changes you want to release now and which ones should wait.
{{< /usage-feature >}}
{{< usage-feature
title="Share the zone management with your teams or collaborators."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
coming_soon="true"
>}}
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.
Delegate to your teams all or only part of the area, it's up to you.
{{< /usage-feature >}}
{{< usage-feature
title="Manage simply, even the special zones."
image="/img/screenshots/domains-list.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="plum"
coming_soon="true"
>}}
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)?
happy<span class="fw-bold">Domain</span> understands them and allows you to manage them unequivocally.
{{< /usage-feature >}}
{{< usage-feature
title="Catch problems before they become outages."
image="/img/screenshots/checks-dashboard.webp"
alt="Monitoring dashboard showing the status of every check on a domain"
>}}
With built-in checkers, happy<span class="fw-bold">Domain</span> keeps an eye on your domains and zones around the clock: registration expiry, DNSSEC validity, delegation consistency, TLS certificates, response times and more.
Each check is evaluated against clear rules and reported as <span class="fw-bold">OK</span>, <span class="fw-bold">Warning</span> or <span class="fw-bold">Critical</span>, so you can spot what needs attention at a glance, and get notified the moment a check changes state.
{{< /usage-feature >}}

View file

@ -1,109 +0,0 @@
+++
title = "happyDomain pour les administrateurs systèmes"
description = "Simplifiez la gestion des zones DNS chez plusieurs hébergeurs. happyDomain offre aux sysadmins une interface unifiée avec historique, rollback et journal d'audit."
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="fw-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="fw-bold">Domain</span> les affiche de manière claire pour limiter les erreurs.
</p>
<p>
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>
</div>
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-green-50)">
<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.webp" 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="fw-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="fw-bold">Domain</span> vous montre quelles modifications seront faites. Une prévisualisation qui évitera bien des erreurs.
</p>
<p>
Vous pouvez même sélectionner les changements que vous souhaitez diffuser maintenant et ceux qui doivent attendre.
</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="fw-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="fw-bold">Domain</span> vous offre la possibilité de collaborer à l'édition d'un même domaine.
</p>
<p>
Déléguez à vos équipes tout ou partie de la zone, c'est vous qui choisissez.
</p>
</div>
<div class="order-1 col-md-7">
<img class="rounded img-thumbnail" src="/img/screenshots/domain-abstract.webp" alt="Liste des domaines, regroupés astucieusement par client">
</div>
</div>
</div>
</div>
<div class="container-fluid py-5" style="background: var(--hd-plum-100)">
<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.webp" 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="fw-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="fw-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
</p>
</div>
</div>
</div>
</div>

View file

@ -0,0 +1,65 @@
+++
title = "happyDomain pour les administrateurs systèmes"
description = "Simplifiez la gestion des zones DNS chez plusieurs hébergeurs. happyDomain offre aux sysadmins une interface unifiée avec historique, rollback et journal d'audit."
layout = "usage"
+++
{{< usage-lead >}}
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>.
{{< /usage-lead >}}
{{< usage-feature
title="Éditez plus efficacement vos fichiers de zone."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
>}}
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.
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>
{{< /usage-feature >}}
{{< usage-feature
title="Visualisez les modifications apportées avant de les appliquer."
image="/img/screenshots/zone-diff.webp"
alt="Relisiez puis confirmer les modifications qui seront appliquées"
flip="true"
bg="green"
>}}
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.
Vous pouvez même sélectionner les changements que vous souhaitez diffuser maintenant et ceux qui doivent attendre.
{{< /usage-feature >}}
{{< usage-feature
title="Partagez la gestion de la zone avec vos équipes ou vos collaborateurs."
image="/img/screenshots/domain-abstract.webp"
alt="Liste des domaines, regroupés astucieusement par client"
coming_soon="true"
>}}
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.
Déléguez à vos équipes tout ou partie de la zone, c'est vous qui choisissez.
{{< /usage-feature >}}
{{< usage-feature
title="Gérez simplement, même les zones spéciales."
image="/img/screenshots/domains-list.webp"
alt="Liste des domaines, regroupés astucieusement par client"
flip="true"
bg="plum"
coming_soon="true"
>}}
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;?
happy<span class="fw-bold">Domain</span> les comprend et vous permet de les gérer sans équivoque.
{{< /usage-feature >}}
{{< usage-feature
title="Détectez les problèmes avant qu'ils ne deviennent des pannes."
image="/img/screenshots/checks-dashboard.webp"
alt="Tableau de bord de supervision affichant l'état de chaque vérification d'un domaine"
>}}
Grâce aux vérificateurs intégrés, happy<span class="fw-bold">Domain</span> surveille vos domaines et vos zones en permanence&nbsp;: expiration de la réservation, validité DNSSEC, cohérence de la délégation, certificats TLS, temps de réponse et bien plus.
Chaque vérification est évaluée selon des règles claires et reportée en <span class="fw-bold">OK</span>, <span class="fw-bold">Avertissement</span> ou <span class="fw-bold">Critique</span>, pour repérer d'un coup d'œil ce qui demande votre attention, et soyez notifié dès qu'une vérification change d'état.
{{< /usage-feature >}}

View file

@ -0,0 +1,36 @@
{{ $image := .Get "image" }}
{{ $alt := .Get "alt" | default "" }}
{{ $title := .Get "title" }}
{{ $flip := eq (.Get "flip") "true" }}
{{ $bg := .Get "bg" | default "" }}
{{ $comingSoon := eq (.Get "coming_soon") "true" }}
{{ $style := "" }}
{{ if eq $bg "green" }}{{ $style = "background: var(--hd-green-50)" }}{{ end }}
{{ if eq $bg "plum" }}{{ $style = "background: var(--hd-plum-100)" }}{{ end }}
<div class="container-fluid py-5"{{ with $style }} style="{{ . }}"{{ end }}>
<div class="container my-5">
<div class="row">
{{ if $flip }}
<div class="order-1 order-md-0 col-md-7 align-self-center">
<img class="rounded img-thumbnail" src="{{ $image }}" alt="{{ $alt }}">
</div>
<div class="order-0 order-md-1 col-md-5 align-self-center text-center">
{{ else }}
<div class="order-0 col-md-5 align-self-center text-center">
{{ end }}
<h4 class="fw-bold">
{{ $title }}{{ if $comingSoon }} <small class="text-muted">(coming soon)</small>{{ end }}
</h4>
<hr class="bg-light mx-5">
{{ .Inner | markdownify }}
</div>
{{ if not $flip }}
<div class="order-1 col-md-7 py-2 align-self-center">
<img class="rounded img-thumbnail" src="{{ $image }}" alt="{{ $alt }}">
</div>
{{ end }}
</div>
</div>
</div>

View file

@ -0,0 +1,9 @@
<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">
{{ .Inner | markdownify }}
</p>
</div>
</div>
</div>