ungleich-public/public-health-ch
6
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

Restore Formspree contact form, fix styling

Browse source
This commit is contained in:
Oleg Lavrovsky 2017-05-10 16:44:32 +02:00
parent 49053ff741
commit ca383fc91d
2 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
publichealth/home/templates/tags/contact_form.html
View file

@ -1,12 +1,12 @@
<form action="mailto:{{ contact.email }}" enctype="text/plain" method="GET"> <form action="https://formspree.io/{{ contact.email }}" method="POST">
<div class="form-group"> <div class="form-group">
<input name="name" id="name" type="text" placeholder="Name / Nom" class="form-control"> <input name="name" id="name" type="text" placeholder="Name / Nom" class="form-control">
</div> </div>
<!--<div class="form-group">
<input name="_replyto" id="email" type="email" placeholder="E-Mail" class="form-control">
</div>-->
<div class="form-group"> <div class="form-group">
<textarea name="message" id="message" rows="3" placeholder="" class="form-control"></textarea> <input name="_replyto" id="email" type="email" placeholder="E-Mail" class="form-control">
</div>
<div class="form-group">
<textarea name="message" id="message" rows="3" placeholder="Nachricht / Message" class="form-control"></textarea>
</div> </div>
<button class="btn btn-primary" type="submit">Senden / Envoi</button> <button class="btn btn-primary" type="submit">Senden / Envoi</button>
</form> </form>

10
publichealth/static/css/modules/_footer.scss
View file

@ -39,17 +39,25 @@ article footer .btn {
} }
// Footer contact form // Footer contact information
#contact-info { #contact-info {
address { address {
margin-bottom: 0px; margin-bottom: 0px;
} }
.social-networks > a { .social-networks > a {
border: 2px solid white; border: 2px solid white;
width: 32px; height: 32px; width: 32px; height: 32px;
} }
} }
// Footer contact form
#footer #contact-form {
textarea.form-control, input.form-control {
color: white;
}
}
// Base style for social network buttons as used in header // Base style for social network buttons as used in header
.social-networks > a { .social-networks > a {
width: 14px; height: 14px; width: 14px; height: 14px;