Translation of the contact form, add logo to the site header

site/config.toml

@@ -1,4 +1,4 @@
-baseURL = "http://example.org/"
+baseURL = "http://mrkh-archers-du-bisse.s3-website-eu-west-1.amazonaws.com"
 languageCode = "fr-fr"
 title = "Les Archers du Bisse"
 theme = "ananke"
@@ -18,7 +18,7 @@ enableRobotsTXT = true
   filename = "sitemap.xml"
 
 [params]
-  favicon = ""
+  favicon = "favicon.ico"
   description = ""
   facebook = ""
   twitter = ""
@@ -31,3 +31,4 @@ enableRobotsTXT = true
   background_color_class = "bg-silver"
   cover_dimming_class = "bg-black-30"
   featured_image = "/images/banner.jpg"
+  logo_image = "/images/logo.png"

site/content/_index.md

@@ -6,8 +6,6 @@ type: page
 
 Basés à Flanthey sur les côteaux Valaisans, les Archers du Bisse ...
 
-Nous disposons d’une salle pour les entraînements ... blablabla ...
-
 ## Le Tir à l’Arc
 
 Sport de rigueur, de précision, de concentration, de régularité, le tir à l'arc
@@ -25,3 +23,7 @@ actuelle en 1972.
 
 Ce sport fait partie de l'imaginaire à travers de nombreux héros, légendes
 ou encore films qui laissent une part belle au tir à l'arc.
+
+## Le Club
+
+Fondé en blablabla ...

site/content/contact.md

@@ -11,4 +11,4 @@ N'hésitez pas à nous contacter si vous souhaitez vous joindre à nous, que
 ce soit pour essayer ce sport pour la première fois, pour rafraîchir votre
 geste ou pour vous entraîner en bonne compagnie.
 
-{{< form-contact action="https://example.com"  >}}
+{{< form-contact action="https://formsubmit.co/a7e7ade25f971adc14a4e17cef9cbfdd" >}}

site/layouts/partials/page-header.html

@@ -1,6 +1,5 @@
 {{ $featured_image := .Params.featured_image }}
 {{ if $featured_image }}
-  {{/* Trimming the slash and adding absURL make sure the image works no matter where our site lives */}}
   {{ $featured_image := (trim $featured_image "/") | absURL }}
   <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
     <div class="pb3-m {{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">

site/layouts/partials/site-header.html

@@ -0,0 +1,44 @@
+{{ $featured_image := .Param "featured_image"}}
+{{ $logo_image := .Param "logo_image"}}
+{{ if $featured_image }}
+  {{ $featured_image := (trim $featured_image "/") | absURL }}
+  {{ $logo_image := (trim $logo_image "/") }}
+  <header class="cover bg-top" style="background-image: url('{{ $featured_image }}');">
+    <div class="{{ .Site.Params.cover_dimming_class | default "bg-black-60" }}">
+      {{ partial "site-navigation.html" .}}
+      {{ with $logo_image }}
+        <div class="tc-l pv4 ph3 ph4-ns">
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
+            <img src="{{ $logo_image }}" />
+          </h2>
+      {{ else }}
+        <div class="tc-l pv4 pv6-l ph3 ph4-ns">
+      {{ end }}
+        <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
+          {{ .Title | default .Site.Title }}
+        </h1>
+        {{ with .Params.description }}
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center mt3">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ else }}
+  <header>
+    <div class="pb3-m pb6-l {{ .Site.Params.background_color_class | default "bg-black" }}">
+      {{ partial "site-navigation.html" . }}
+      <div class="tc-l pv3 ph3 ph4-ns">
+        <h1 class="f2 f-subheadline-l fw2 light-silver mb0 lh-title">
+          {{ .Title | default .Site.Title }}
+        </h1>
+        {{ with .Params.description }}
+          <h2 class="fw1 f5 f3-l white-80 measure-wide-l center lh-copy mt3 mb4">
+            {{ . }}
+          </h2>
+        {{ end }}
+      </div>
+    </div>
+  </header>
+{{ end }}

site/layouts/shortcodes/form-contact.html

@@ -0,0 +1,20 @@
+{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }}
+{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }}
+
+<form class="black-80 sans-serif" accept-charset="UTF-8" action="{{ .Get "action" }}" method="POST" role="form">
+
+    <label class="{{ $.Scratch.Get "labelClasses" }}"  for="name">Votre nom</label>
+    <input type="text" id="name" name="name" class="{{ $.Scratch.Get "inputClasses" }}"  required placeholder=" "  aria-labelledby="name"/>
+
+    <label class="{{ $.Scratch.Get "labelClasses" }}" for="email">Email</label>
+    <input type="email" id="email" name="email" class="{{ $.Scratch.Get "inputClasses" }}"  required placeholder=" "  aria-labelledby="email"/>
+    <div class="requirements f6 gray glow i ph3 overflow-hidden">
+      Une adresse email est requise afin de pouvoir vous contacter.
+    </div>
+
+    <label class="{{ $.Scratch.Get "labelClasses" }}" for="message">Message</label>
+    <textarea id="message" name="message" class="{{ $.Scratch.Get "inputClasses" }} h4" aria-labelledby="message"></textarea>
+
+    <input class="db w-100 mv2 white pa3 bn hover-shadow hover-bg-blck bg-animate bg-black" type="submit" value="Envoyer" />
+
+</form>