From af8b1f71fa44fec46c78b4b972a518cbbb14c33e Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Sat, 14 Oct 2023 00:50:26 +0200
Subject: [PATCH] feat: Ajout de l'infolettre

---
 assets/css/main.sass               | 23 ++++++++++++++++++++++-
 content/_index.md                  |  2 ++
 layouts/shortcodes/infolettre.html | 22 ++++++++++++++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 layouts/shortcodes/infolettre.html

diff --git a/assets/css/main.sass b/assets/css/main.sass
index b823ca1..9577559 100644
--- a/assets/css/main.sass
+++ b/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
diff --git a/content/_index.md b/content/_index.md
index 3fbca3e..4597763 100644
--- a/content/_index.md
+++ b/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 >}}
diff --git a/layouts/shortcodes/infolettre.html b/layouts/shortcodes/infolettre.html
new file mode 100644
index 0000000..ff3aa18
--- /dev/null
+++ b/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>