Updates

.gitmodules

@@ -1,3 +1,6 @@
 [submodule "themes/osm"]
 	path = themes/osm
 	url = https://github.com/Hanzei/hugo-component-osm.git
+[submodule "themes/hugo-cloak-email"]
+	path = themes/hugo-cloak-email
+	url = https://github.com/martignoni/hugo-cloak-email.git

data/contact.yml

@@ -3,13 +3,13 @@ contact:
   enable : true
   # office
   office:
-    title : "Central Office"
+    title : "Mais où suis-je ?"
     content : "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna"
     # other information comes from "config.toml"
 
   # opennig hour
-  opennigHour:
-    title : "Opening Hours"
+  openningHour:
+    title : "Au bureau"
     dayTimeList:
       - dayTime : "Monday: 9:00 – 19:00"
       - dayTime : "Tuesday: 9:00 – 19:00"
@@ -21,4 +21,4 @@ contact:
 
 ####################### google map ########################
 map:
-  enable: true
+  enable: true

i18n/en.yaml

@@ -1,6 +1,6 @@
 - id: important_link
-  translation: Important Links
+  translation: Quelques liens...
 - id: connect_us
-  translation: Connect With Us
+  translation: Restons en lien...
 - id: shortDescriptionTitle
-  translation: In a few words...
+  translation: En quelques mots...

i18n/fr.yaml

@@ -1,6 +1,6 @@
 - id: important_link
-  translation: Liens Importants
+  translation: Quelques liens...
 - id: connect_us
-  translation: Contactez-nous
+  translation: Restons en lien...
 - id: shortDescriptionTitle
   translation: En quelques mots...

themes/hargo-hugo/layouts/contact/list.html

@@ -22,15 +22,19 @@
           </li>
         </ul>
       </div>
-      <div class="col-lg-3 offset-lg-1 col-sm-6">
-        {{ with site.Data.contact.contact.opennigHour }}
+      <div class="col-lg-2 offset-lg-1 col-sm-6">
+        <!-- {{ with site.Data.contact.contact.opennigHour }}
         <h3 class="mb-4">{{ .title | markdownify }}</h3>
         <ul class="list-unstyled">
           {{ range .dayTimeList }}
           <li class="mb-3">{{ .dayTime | markdownify }}</li>
           {{ end }}
         </ul>
-        {{ end }}
+        {{ end }} -->
+      </div>
+      <div class="col-lg-5 col-md-5">
+        <h3 class="font-weight-medium mb-4">{{i18n `connect_us`}}</h3>
+        {{- partial "contact-form.html" . -}}
       </div>
     </div>
   </div>

themes/hargo-hugo/layouts/partials/contact-form.html

@@ -1,11 +1,26 @@
 <form id="contact-form">
+  <!-- .meta -->
+  <div class="meta">
     <input type="hidden" class="form-control mb-2" id="Origin" name="Origin" value="https://shop.delmar.bzh" />
-    <input type="text" required class="form-control mb-2" id="name" name="name" placeholder="Nom" />
-    <input type="email" required class="form-control mb-2" id="email" name="email" placeholder="Email" />
-    <textarea name="message" required class="form-control mb-2" id="message" placeholder="Sujet" rows="7"></textarea>
-    <button type="submit" value="send" class="btn btn-block btn-outline-primary rounded">Envoyer</button>
-    <div class="overlay">
-        <div>
-        </div>
+    <input type="text" required class="form-control mb-2" name="name" placeholder="Nom" />
+    <input type="email" required class="form-control mb-2" name="email" placeholder="Email" />
+    <input type="text" required class="form-control mb-2" name="subject" placeholder="Sujet" />
+  </div>
+  <textarea name="content" required class="form-control mb-2" placeholder="Votre message" rows="7"></textarea>
+  </br>
+  <!-- .captcha -->
+  <!-- <div align="center" class="g-recaptcha" data-sitekey="6LdbMswrAAAAAC_98Cih4UjrdlLAAlL-a27WVy5g"></div> -->
+  <div class="captcha" align="center">
+    <cap-widget
+      data-cap-api-endpoint="https://cap.delmar.bzh/894998fe7c/"
+    ></cap-widget>
+  </div>
+  </br>
+  <button type="submit" class="btn btn-block btn-outline-primary rounded">Envoyer</button>
+  </br>
+  <!-- .overlay -->
+  <div class="overlay">
+    <div>
     </div>
+  </div>
 </form>

themes/hargo-hugo/layouts/partials/footer.html

@@ -33,8 +33,8 @@
         </ul>
       </div>
       <div class="col-lg-4 col-md-5">
-        <h5 class="font-weight-medium mb-4">Contact us</h5>
-        {{- partial "contact-form.html" . -}}
+        <h5 class="font-weight-medium mb-4"> ... </h5>
+        <!-- Nothing here yet -->
       </div>
     </div>
     <div class="row">

themes/hargo-hugo/layouts/partials/head.html

@@ -31,4 +31,8 @@
   {{ "<!-- Favicon -->" | safeHTML }}
   <link rel="shortcut icon" href="{{ `favicon.png` | absURL }} " type="image/x-icon">
   <link rel="icon" href="{{ `images/favicon.png` | absURL }} " type="image/x-icon">
+
+  {{ "<!-- reCAPTCHA -->" | safeHTML }}
+  <!-- <script src="https://www.google.com/recaptcha/api.js" async defer></script> -->
+  <script src="https://cap.delmar.bzh/assets/widget.js"></script>
 </head>