Use standard page_header() macro for all galae website pages (#26)

Co-authored-by: Clément <[email protected]>
algoo · Jul 8, 2024 · 504fe7a · 504fe7a
1 parent ed4e41c
commit 504fe7a
Show file tree

Hide file tree

Showing 9 changed files with 73 additions and 93 deletions.
diff --git a/common-content/templates/jinja2/blocks/en/header.html b/common-content/templates/jinja2/blocks/en/header.html
diff --git a/common-content/templates/jinja2/blocks/fr/header.html b/common-content/templates/jinja2/blocks/fr/header.html
diff --git a/content/templates/jinja2/base.html b/content/templates/jinja2/base.html
@@ -1,5 +1,5 @@
 {% from "blocks/block.html" import block %}
-
+{% from "widgets/page_header.html" import page_header %}
 
 
 <!DOCTYPE html>
@@ -34,10 +34,10 @@
 ) }}
 
 <header>
-  {{ block(
-      NAME = "header",
-      VERSION = object.metadata.header_version|default(object.metadata.lang)|default(""),
-      DEFAULT_NAME = "fr/header.html"
+  {{ page_header(
+      PRIMARY_TITLE = object.metadata.page_header_h1|default(""),
+      SECONDARY_TITLE = object.metadata.page_header_h2|default(""),
+      THIRD_TITLE = object.metadata.page_header_h3|default("")
   ) }}
 </header>
 

diff --git a/galae-content/pages/en-index.md b/galae-content/pages/en-index.md
@@ -1,11 +1,14 @@
 --- METADATA (first) ---
-title   galae - ethical and free pay-per-use e-mail
-slug    en-index
-description galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France.
-language    French
-lang        en
-version .en
-engine jinja2
+title           galae - ethical and free pay-per-use e-mail
+slug            en-index
+description     galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France.
+language        French
+lang            en
+engine          jinja2
+
+page_header_h1  galae - the free, ethical, pay-per-use e-mail service
+page_header_h2  Standard, interoperable e-mails and a service entirely based on self-hosting ready technologies
+
 # open graph metatada
 og:title        galae - ethical and free pay-per-use e-mail
 og:description  galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France.

diff --git a/galae-content/pages/fr-index.md b/galae-content/pages/fr-index.md
@@ -1,11 +1,15 @@
 --- METADATA (first) ---
-title   galae - le service e-mail éthique et libre facturé à l'usage
-slug    fr-index
-description galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France.
-language    French
-lang    fr
-engine jinja2
-version .fr
+title           galae - le service e-mail éthique et libre facturé à l'usage
+slug            fr-index
+description     galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France.
+language        French
+lang            fr
+engine          jinja2
+
+page_header_h1  le service e-mail éthique et libre facturé à l'usage
+page_header_h2  pour des e-mails standards et interopérables et un service intégralement basé sur des technologies auto-hébergeables
+page_header_h3  Le service est désormais ouvert !
+
 # open graph metatada
 og:title        galae - le service e-mail éthique et libre facturé à l'usage
 og:description  galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes emails et domaines illimités hébergés en France.

diff --git a/galae-content/pages/generateur-enregistrements-dns.md b/galae-content/pages/generateur-enregistrements-dns.md
@@ -1,11 +1,12 @@
 ---
-title generateur-enregistrements-dns
-description galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes e-mails et domaines illimités hébergés en France.
-slug generateur-enregistrements-dns
-language French
-lang fr
-engine jinja2
-header_version genenrdns
+title           generateur-enregistrements-dns
+description     galae est un service e-mail éthique et libre facturé à l'usage. Toutes nos offres incluent des boîtes e-mails et domaines illimités hébergés en France.
+slug            generateur-enregistrements-dns
+language        French
+lang            fr
+engine          jinja2
+
+page_header_h1  Générez les enregistrements DNS de vos domaines
 
 og:title        galae - le service e-mail éthique et libre facturé à l'usage
 og:description  Cette page vous aide à générer les enregistrements DNS pour vos noms de domaines
@@ -27,6 +28,40 @@ og:locale       fr
     <body>
 
         <section class="testimonials bg-light">
+
+            <div class="container position-relative">
+                <div class="row justify-content-center">
+                    <div class="row justify-content-center text-black text-center mt-4">
+                        <h2 class="col-md-6">
+                        Saisissez votre nom de domaine
+                        <small>
+                            <i class="bi bi-info-square" title="Ne saisissez pas www au début"></i>
+                        </small>
+
+                        <br/>
+                        <form class="form-control-sm" method="POST" enctype="multipart/form-data">
+                            <div>
+                                <div class="input-group">
+                                    <div class="input-group-text"><i class="bi bi-globe"></i></div>
+                                    <input type="text" name="domainName" class="form-control "
+                                          id="domainName" aria-describedby=""
+                                          aria-label="Saisissez votre nom de domaine, sans www"
+                                          placeholder="Saisissez votre nom de domaine, sans www"
+                                          onchange="this.value = getDomainName(); getElementById('galaeAdminLink').setAttribute('href', getGalaeAdminUrl(getDomainName()))"
+                                    >
+                                    <a
+                                          href="#configure-dkim"
+                                          onclick="document.querySelector('input[name=domainName]').value = getDomainName(); getElementById('galaeAdminLink').setAttribute('href', getGalaeAdminUrl(getDomainName()))"
+                                          class="btn btn-primary"
+                                    >Continuer</a>
+                                </div>
+                            </div>
+                        </form>
+                        </h2>
+                    </div>
+                </div>
+            </div>
+
             <div class="container">
 
               <div class="row">

diff --git a/galae-content/pages/temoignages-clients.md b/galae-content/pages/temoignages-clients.md
@@ -1,10 +1,10 @@
 ---
-title Temoignages clients
-slug temoignages-clients
-lang fr
-engine jinja2
+title           Temoignages clients
+slug            temoignages-clients
+lang            fr
+engine          jinja2
 
-header_version testimonial
+page_header_h1  Nos clients témoignent ...
 ---
 {
 

diff --git a/galae-content/templates/jinja2/blocks/genenrdns/header.html b/galae-content/templates/jinja2/blocks/genenrdns/header.html
diff --git a/galae-content/templates/jinja2/blocks/testimonial/header.html b/galae-content/templates/jinja2/blocks/testimonial/header.html