Add back newsletter form

config.yml

@@ -6,11 +6,11 @@ removePathAccents: true
 
 languages:
   en:
-    title: "happyDomain. Finally a simple interface for domain names."
+    title: "happyDomain. Propagating Happiness, One Domain at a Time."
     weight: 1
 
   fr:
-    title: "happyDomain. L'interface des noms de domaines."
+    title: "happyDomain. Propageons le bonheur, un domaine après l'autre."
     weight: 2
 
     menu:
@@ -31,7 +31,7 @@ languages:
         weight: 30
 
     params:
-      DefaultDescription: "L'interface des noms de domaines."
+      DefaultDescription: "L'interface qui vous rend heureux de gérer vos noms de domaines."
 
       others_links:
       - text: "S'inscrire"
@@ -85,7 +85,7 @@ params:
     name: "happyDNS team"
     framagit: "happyDomain/"
 
-  DefaultDescription: "Finally a simple interface for domain names."
+  DefaultDescription: "Finally an interface that makes you happy to manage your domain names."
   newsletter: "newsletter@happydns.org"
   survey: "https://feedback.happydomain.org/"
   tryit: "https://try.happydomain.org/"

content/newsletter.en.html

@@ -0,0 +1,38 @@
++++
+title = "Subscribe to our newsletter"
++++
+
+<h2>
+  Join the happyDomain newsletter
+</h2>
+
+<div class="mt-4 card bg-secondary text-light" style="border-radius: 1rem; box-shadow: 3px 3px 5px #999">
+  <div class="card-body p-4">
+    <div class="row">
+      <div class="col-lg-6 d-flex flex-column justify-content-center">
+        <h2 class="font-weight-bold">Stay a step ahead!</h2>
+        <p class="lead mb-0">
+          Don't miss your chance to be at the forefront of domain name management! We reveal exclusive strategies, tips and advice in our newsletter.
+        </p>
+      </div>
+      <form
+        class="offset-xl-1 col-xl-5 col-lg-6 d-flex flex-column justify-content-center"
+        method="post"
+        action="https://lists.happydomain.org/subscription/form"
+      >
+        <input type="hidden" name="nonce" />
+        <input type="hidden" name="l" value="b3297dce-4f02-42a5-9918-54499804323e" />
+        <input type="hidden" name="lang" value="en" />
+        <input type="email" name="email" required placeholder="j.postel@isi.edu" class="form-control mb-3">
+        <input type="text" name="name" placeholder="Name (optional)" class="form-control mb-3">
+        <div class="mb-2 mx-auto h-captcha" data-sitekey="12a1e811-7f34-44ca-9e7c-fb1e9ade6b00"></div>
+        <button type="submit" class="btn btn-lg btn-primary py-2" data-umami-event="cta-newsletter-join">
+          Join our newsletter
+        </button>
+        <small class="form-text text-justify my-2">
+          No spam, not resold; only selected infos about domain names.
+        </small>
+      </form>
+    </div>
+  </div>
+</div>

content/newsletter.fr.html

@@ -0,0 +1,38 @@
++++
+title = "Rejoindre notre newsletter"
++++
+
+<h2>
+  S'inscrire à la lettre d'information d'happyDomain
+</h2>
+
+<div class="mt-4 card bg-secondary text-light" style="border-radius: 1rem; box-shadow: 3px 3px 5px #999">
+  <div class="card-body p-4">
+    <div class="row">
+      <div class="col-lg-6 d-flex flex-column justify-content-center">
+        <h2 class="font-weight-bold">Gardez une longueur d'avance !</h2>
+        <p class="lead mb-0">
+          Ne manquez pas l'occasion d'être à l'avant-garde de la gestion des noms de domaine ! Nous vous dévoilons des stratégies, des astuces et des conseils exclusifs dans notre newsletter.
+        </p>
+      </div>
+      <form
+        class="offset-xl-1 col-xl-5 col-lg-6 d-flex flex-column justify-content-center"
+        method="post"
+        action="https://lists.happydomain.org/subscription/form"
+      >
+        <input type="hidden" name="nonce" />
+        <input type="hidden" name="l" value="b3297dce-4f02-42a5-9918-54499804323e" />
+        <input type="hidden" name="lang" value="en" />
+        <input type="email" name="email" required placeholder="j.postel@isi.edu" class="form-control mb-3">
+        <input type="text" name="name" placeholder="Nom (optionnel)" class="form-control mb-3">
+        <div class="mb-2 mx-auto h-captcha" data-sitekey="12a1e811-7f34-44ca-9e7c-fb1e9ade6b00"></div>
+        <button type="submit" class="btn btn-lg btn-primary py-2" data-umami-event="cta-newsletter-join">
+          Rejoindre notre newsletter
+        </button>
+        <small class="form-text text-justify my-2">
+          Pas de spam, pas de revente ; uniquement des informations sélectionnées sur les noms de domaine.
+        </small>
+      </form>
+    </div>
+  </div>
+</div>

i18n/en.yaml

@@ -197,6 +197,8 @@
   translation: "API"
 - id: footer-resources-blog
   translation: "Blog"
+- id: footer-resources-newsletter
+  translation: "Newsletter"
 - id: footer-resources-community
   translation: "Contribute"
 - id: footer-resources-faq

i18n/fr.yaml

@@ -196,6 +196,8 @@
   translation: "API"
 - id: footer-resources-blog
   translation: "Blog"
+- id: footer-resources-newsletter
+  translation: "Newsletter"
 - id: footer-resources-community
   translation: "Contribuez"
 - id: footer-resources-faq

layouts/partials/footer.html

@@ -25,6 +25,7 @@
           <li><a href="https://help.happydomain.org/{{ .Site.Language.Lang }}/" target="_blank">{{ i18n "footer-resources-docs" }}</a></li>
           <li><a href="https://app.happydomain.org/swagger/index.html" target="_blank">{{ i18n "footer-resources-api" }}</a></li>
           <li><a href="https://blog.happydomain.org/">{{ i18n "footer-resources-blog" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/newsletter/">{{ i18n "footer-resources-newsletter" }}</a></li>
           <li><a href="/{{ .Site.Language.Lang }}/community/">{{ i18n "footer-resources-community" }}</a></li>
           <!--li><a href="#">{{ i18n "footer-resources-faq" }}</a></li-->
         </ul>