Big site refresh + add missing DevOps page

content/use-happyDomain/devops.fr.html

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