From d3342e3ad6d984913db7ec729400ecc8d58789a1 Mon Sep 17 00:00:00 2001
From: mose <mose@mose.com>
Date: Mon, 11 Sep 2017 06:11:02 +0800
Subject: [PATCH] fix contact form

---
 pages/contact.md     | 19 +++++++++++-------
 pages/merci.md       | 12 +++++++++++
 public/css/addon.css | 48 ++++++++++++++++++++++++++------------------
 3 files changed, 52 insertions(+), 27 deletions(-)
 create mode 100644 pages/merci.md

diff --git a/pages/contact.md b/pages/contact.md
index 3abf2bc..febb423 100644
--- a/pages/contact.md
+++ b/pages/contact.md
@@ -10,18 +10,23 @@ mathjax: false
 noindex: false
 ---
 
-Envoyez-nous un mail à <i class="fa fa-envelope-o"></i> contact at crapaud-fou.org
+Envoyez-nous un mail à <a href="mailto:contact@crapaud-fou.org"><i class="fa fa-envelope-o"></i> contact@crapaud-fou.org</a> ou remplissez ce formulaire:
 
 
-<form method="POST" action="http://formspree.io/shelley@crapaud-fou.org">
-<div class="contact-form">
-  <input type="email" class="contact-box" name="email" placeholder="Votre email">
+<form method="POST" action="http://formspree.io/contact@crapaud-fou.org" class="contact-form">
+<input type="hidden" name="_next" value="{{ site.url }}/merci/" />
+<input type="hidden" name="_language" value="fr" />
+<input type="hidden" name="_format" value="plain" />
+<input type="hidden" name="_subject" value="Contact crapaud-fou.org" />
+
+<div>
+  <input type="email" class="contact-box" name="_replyto" placeholder="Votre email">
 </div>
 
-<div class="contact-form">
-  <textarea class="contact-box" name="message" placeholder="Écrire votre message"></textarea>
+<div>
+  <textarea class="contact-box" name="message" placeholder="Votre message" rows="15"></textarea>
 </div>
 
-  <button type="submit" id="contact-button">Send</button>
+  <input type="submit" value="Envoyer" id="contact-button">
 </form>
 
diff --git a/pages/merci.md b/pages/merci.md
new file mode 100644
index 0000000..47091f4
--- /dev/null
+++ b/pages/merci.md
@@ -0,0 +1,12 @@
+---
+layout: page
+permalink: /merci/
+title: Merci pour votre message
+show_meta: false
+published: true
+comments: false
+mathjax: false
+noindex: false
+---
+
+Merci pour votre message. Si tout se passe bien nous vous réponbdrons le plus vite possible.
diff --git a/public/css/addon.css b/public/css/addon.css
index 446a30a..0b5770a 100644
--- a/public/css/addon.css
+++ b/public/css/addon.css
@@ -90,6 +90,34 @@
   line-height: 1em;
 }
 
+
+.contact-form {
+  font-size: .9em;  
+  padding-bottom: 15px;
+  margin: 0 auto;
+  text-align: center;
+}
+.contact-form div {
+  margin-top: .2em;
+}
+.contact-box {
+  font-size: .9em;
+  border: 2px solid #90a959;
+  border-radius: 4px;
+  padding-bottom: 15px;
+  width: 50%;
+}
+
+
+#contact-button{
+  background-color:#90a959;
+  border-radius: 4px;
+  font-size: .9em;
+  padding: .5em 2em;
+  width: 50%;
+}
+
+
 @media (min-width: 56em) {
   .sidebar {
     visibility: visible;
@@ -113,23 +141,3 @@
     display: none;
   }
 }
-
-.contact-form {
-    font-size: .9em;
-    
-    padding-bottom: 15px;   
-}
-
-.contact-box {
-    font-size: .9em;
-    border: 2px solid #90a959;
-    border-radius: 4px;
-    padding-bottom: 15px;
-}
-
-#contact-button{
-background-color:#90a959;
-border-radius: 4px;
-font-size: .9em;
-}
-