crapaud-fou/crazy-toads.github.io
2
0
Fork 0
Code Issues Pull requests Releases Activity

fix contact form

Browse source
This commit is contained in:
mose 2017-09-11 06:11:02 +08:00
parent 26cee8ac23
commit d3342e3ad6
3 changed files with 52 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
pages/contact.md
View file

@ -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>

12
pages/merci.md Normal file
View file

@ -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.

48
public/css/addon.css
View file

@ -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;
}