feat: Ajout de l'infolettre

assets/css/main.sass

@@ -76,15 +76,36 @@ a
   text-align: center
   padding: 2rem
 
-  a
+  a, input
     padding: 1rem
     background-color: $color-primary
     color: white
     text-decoration: none
+    border: 0
+    font-size: 1.2rem
 
     &:hover
       background: $color-secondary
 
+.infolettre
+  input[type="text"], input[type="email"]
+    border-radius: .3rem
+    border: 2px solid $color-primary
+    padding: .5rem
+    margin-top: .5rem
+    margin-bottom: .5rem
+
+  .full
+    input
+      width: 45%
+      @media screen and (max-width: 600px)
+        width: calc(100% - 1rem - 4px)
+      &+input
+        float: right
+
+        @media screen and (max-width: 600px)
+          margin-right: 0
+
 .monitoring
   text-align: center
   border-collapse: collapse

content/_index.md

@@ -27,3 +27,5 @@ Nous faisons partie de l'association "Centrales Villageoises", qui regroupe des
 Il existe de nombreuses "Centrales Villageoises" en France  et surtout dans notre région qui porte ce type de projet. L'association les accompagne de leur gestation à leur réalisation.
 
 Pour plus d'information vous pouvez consulter le site des [Centrales Villageoises](http://www.centralesvillageoises.fr/).
+
+{{< infolettre >}}

layouts/shortcodes/infolettre.html

@@ -0,0 +1,22 @@
+<hr>
+<form method="post" action="https://infolettre.lestoitsduval.fr/subscription/form" class="infolettre">
+    <div>
+        <h2>Lettre d'information pour se tenir informé</h2>
+        <input type="hidden" name="nonce" />
+        <p class="full">
+            <input type="email" name="email" required placeholder="E-mail" />
+            <input type="text" name="name" placeholder="Nom (facultatif)" />
+        </p>
+        <p>
+          <input id="79fab" type="checkbox" name="l" value="79fabd65-a46d-4727-8437-85803390bfef" />
+          <label for="79fab">Comptes rendus<br /><span>C'est la façon de suivre le plus facilement l'avancement des Toits du Val, nous envoyons le comptes rendus de notre réunion mensuelle que nous faisons le 3ème mercredi du mois à la maire de Saint-Germain Laval, ou vous êtes le bienvenue.</span></label>
+        </p>
+        <p>
+          <input id="1809c" type="checkbox" name="l" value="1809caec-0888-47c0-a0dd-0e7e5e8e0a80" />
+          <label for="1809c">Futurs sociétaires<br /><span>Si vous voulez devenir un futur sociétaire vous pouvez vous inscrire ici pour que l'on vous contact lors de la prochaine levée de fond.</span></label>
+        </p>
+        <div class="cfa">
+            <input type="submit" value="S'abonner" />
+        </div>
+    </div>
+</form>