Mise à jour de 'layouts/shortcodes/contactform.html'

Reviewed-on: #1

README.md

@@ -21,11 +21,11 @@
 
 - [X] Ajout statuts et PV assemblé constitutive
 - [ ] Refaire les liens dans la page de l'association
-- [ ] Ajouter des mentions légales
-- [ ] Ajouter liens vers repo de la forge
+- [X] Ajouter des mentions légales
+- [X] Ajouter liens vers repo de la forge
 - [ ] Ajouts d'autres documents et photos
 - [ ] Meilleur thème
 - [ ] Meilleur home page
-- [ ] Ajout du reste d'actus de la page fb
+- [ ] Ajout du reste d'actus de la page fb 
 - [ ] Ajouter les pdfs directement dans git. (eh oui git c'est meme pour les gros fichiers^^)
 

assets/sass/general.scss

@@ -87,3 +87,28 @@ a:hover {
  .grid-2 {
      grid-template-columns: 1fr 1fr;
  }
+  .contact-form{
+    position:relative;
+    width:75%;
+    left:50%;
+    transform:translate(-50% , 0%);
+    border:2px black solid;
+    padding:2px;
+    display:flex;
+    flex-direction:column
+  }
+  .contact-form button{
+    background-color:green;
+    padding:5px;
+    color:white;
+    border-radius:2px;
+  }
+  .contact-form input {
+    width:100%;
+    border:black solid 1px;
+    color:black;
+    height:20px;
+  }
+  .contact-form textarea{
+    resize:vertical;
+  }

content/contact/index.md

@@ -7,6 +7,7 @@ Contactez Damien Deplanque et Bruno Edouard Hagron par différents moyens.
 ## Par courrier électronique
 
 Écrivez nous vos remarques, questions ou témoignages à l'adresse e-mail [contact@etoiledebethleem.fr](mailto:contact@etoiledebethleem.fr)
+{{<contactform email=contact@etoiledebethleem.fr >}}
 
 ## Par voie postale
 

layouts/partials/footer.html

@@ -6,22 +6,22 @@
         <div class="site-footer__links">
             <ul class="site-footer-socials">
                 <li>
-                    <a href="https://example.org">
+                    <a href="https://www.facebook.com/letoiledebethleem">
                         {{ partial "helpers/svg" (dict "path" "icons/facebook" "class" "site-footer-socials__logo") }}
                     </a>
                 </li>
                 <li>
-                <a>
+                <a href="https://pas-de-page-twitter.twitt/ce-compte-twitter-n-existe-pas">
                     {{ partial "helpers/svg" (dict "path" "icons/twitter" "class" "site-footer-socials__logo") }}
                 </a>
                 </li>
                 <li>
-                <a>
+                <a href="https://pas-non-plus-de-compte-mastodon.social/don-t-exist">
                     {{ partial "helpers/svg" (dict "path" "icons/mastodon" "class" "site-footer-socials__logo") }}
                 </a>
                 </li>
                 <li>
-                <a>
+                <a href="https://www.helloasso.com/associations/l-etoile-de-bethleem-association-des-amis-de-la-chapelle-de-bethleem-d-aubevoye">
                     {{ partial "helpers/svg" (dict "path" "icons/helloasso" "class" "site-footer-socials__logo") }}
                 </a>
                 </li>

layouts/shortcodes/contactform.html

@@ -0,0 +1,6 @@
+<form class="contact-form" method="get" action="mailto:{{.Get "email"}}">
+    <input name=subject id=subject placeholder="Votre Sujet"/>
+    <textarea name=body id=body placeholder="Votre Message"></textarea>
+    <button type=submit>Envoyer</button>
+</form>
+