Kontakt-Formular hinzugefuegt
This commit is contained in:
labcode-de
parent
228a78037b
commit
8c48c41995
@ -16,7 +16,8 @@
|
||||
title: Freifunk Rhein-Sieg e.V.
|
||||
email: kontakt@freifunk-rhein-sieg.net
|
||||
baseurl: "" # the subpath of your site, e.g. /blog
|
||||
url: "https://freifunk-rhein-sieg.net" # the base hostname & protocol for your site, e.g. http://example.com
|
||||
#url: "https://freifunk-rhein-sieg.net" # the base hostname & protocol for your site, e.g. http://example.com
|
||||
url: "https://rs-website-v2.freifunk.labcode.de"
|
||||
#twitter_username: jekyllrb
|
||||
#github_username: jekyll
|
||||
|
||||
|
||||
@ -6,6 +6,7 @@
|
||||
<li class="navitem"><a href="{{ site.baseurl }}{% link der-verein.html %}">Der Verein</a></li>
|
||||
<li class="navitem"><a href="{{ site.baseurl }}{% link mitmachen_unterstuetzen.html %}">Mitmachen / Unterstützen</a></li>
|
||||
<li class="navitem"><a href="{{ site.baseurl }}{% link links.html %}">Links</a></li>
|
||||
<li class="navitem"><a href="{{ site.baseurl }}{% link kontakt.html %}">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -8,6 +8,10 @@
|
||||
{% feed_meta %}
|
||||
<link rel="stylesheet" href='{{ "/assets/css/page.css" | relative_url }}'>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" integrity="sha256-e22BQKCF7bb/h/4MFJ1a4lTRR2OuAe8Hxa/3tgU5Taw=" crossorigin="anonymous" />
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" integrity="sha256-uWtSXRErwH9kdJTIr1swfHFJn/d/WQ6s72gELOHXQGM=" crossorigin="anonymous"></script>
|
||||
<script src="{{ '/assets/js/page.js' | relative_url }}"></script>
|
||||
</head>
|
||||
<body>
|
||||
{% include header.html %}
|
||||
@ -15,8 +19,5 @@
|
||||
{{ content }}
|
||||
</main>
|
||||
{% include footer.html %}
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" integrity="sha256-uWtSXRErwH9kdJTIr1swfHFJn/d/WQ6s72gELOHXQGM=" crossorigin="anonymous"></script>
|
||||
<script src="{{ '/assets/js/page.js' | relative_url }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -10,7 +10,7 @@
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" integrity="sha256-e22BQKCF7bb/h/4MFJ1a4lTRR2OuAe8Hxa/3tgU5Taw=" crossorigin="anonymous" />
|
||||
|
||||
<!--Icons-->
|
||||
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
|
||||
<script async defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
@ -87,5 +87,17 @@ main {
|
||||
}
|
||||
}
|
||||
}
|
||||
#kontakt {
|
||||
button {
|
||||
background-color: $ff_magenta;
|
||||
}
|
||||
.dropdown-content {
|
||||
li:not(.disabled) {
|
||||
span {
|
||||
color: $ff_magenta;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
3
assets/js/kontakt.js
Normal file
3
assets/js/kontakt.js
Normal file
@ -0,0 +1,3 @@
|
||||
$(function () {
|
||||
$('select').material_select();
|
||||
})
|
||||
59
kontakt-ok.html
Normal file
59
kontakt-ok.html
Normal file
@ -0,0 +1,59 @@
|
||||
---
|
||||
layout: page
|
||||
permalink: '/kontakt/ok/'
|
||||
---
|
||||
<script src="{{ '/assets/js/kontakt.js' | relative_url }}"></script>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<div class="container" id="section-wrapper">
|
||||
<section id="kontakt">
|
||||
<div class="center row">
|
||||
<h2 class="thin-text">Kontakt</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/></svg>
|
||||
</div>
|
||||
<div class="row center">
|
||||
<p class="flow-text">Deine Nachricht wurde gesendet und wird bald bearbeitet.</p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<style>
|
||||
.checkmark {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
stroke-width: 2;
|
||||
stroke: #fff;
|
||||
stroke-miterlimit: 10;
|
||||
margin: 5% auto;
|
||||
box-shadow: inset 0px 0px 0px #2e7d32;
|
||||
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
|
||||
}
|
||||
|
||||
.checkmark__check {
|
||||
transform-origin: 50% 50%;
|
||||
stroke-dasharray: 48;
|
||||
stroke-dashoffset: 48;
|
||||
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
|
||||
}
|
||||
|
||||
@keyframes stroke {
|
||||
100% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
@keyframes scale {
|
||||
0%, 100% {
|
||||
transform: none;
|
||||
}
|
||||
50% {
|
||||
transform: scale3d(1.1, 1.1, 1);
|
||||
}
|
||||
}
|
||||
@keyframes fill {
|
||||
100% {
|
||||
box-shadow: inset 0px 0px 0px 60px #2e7d32;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
61
kontakt.html
Normal file
61
kontakt.html
Normal file
@ -0,0 +1,61 @@
|
||||
---
|
||||
layout: page
|
||||
permalink: '/kontakt/'
|
||||
---
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
<script src="{{ '/assets/js/kontakt.js' | relative_url }}"></script>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<div class="container" id="section-wrapper">
|
||||
<section id="kontakt">
|
||||
<div class="center">
|
||||
<h2 class="thin-text">Kontakt</h2>
|
||||
</div>
|
||||
<form method="post" action="https://services.freifunk.labcode.de/ffrs-website/contact-form/handler.php" class="row">
|
||||
<div class="row">
|
||||
<div class="input-field col s12">
|
||||
<select required name="recipient" class="validate">
|
||||
<option value="" disabled selected>Bitte Empfänger auswählen</option>
|
||||
<option value="vorstand">Vorstand</option>
|
||||
<option value="technik">Technik</option>
|
||||
<option value="cmy_ak">Community Altenkirchen</option>
|
||||
<option value="cmy_lo">Community Lohmar</option>
|
||||
<option value="cmy_rhb">Community Rheinbach</option>
|
||||
<option value="cmy_su">Community Siegburg</option>
|
||||
<option value="cmy_sta">Community St. Augustin</option>
|
||||
<option value="cmy_tdf">Community Troisdorf</option>
|
||||
</select>
|
||||
<label>Empfänger auswählen</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="input-field col s12 m6">
|
||||
<input required id="name" name="name" type="text" class="validate">
|
||||
<label for="name">Dein Name</label>
|
||||
</div>
|
||||
<div class="input-field col s12 m6">
|
||||
<input required id="email" name="email" type="email" class="validate">
|
||||
<label for="email">Deine E-Mail</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="input-field col s12">
|
||||
<textarea required id="nachricht" name="nachricht" class="materialize-textarea"></textarea>
|
||||
<label for="nachricht">Deine Nachricht</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<div class="g-recaptcha" data-sitekey="6LecWU0UAAAAAEn0x7omZAzYm-uHdSfA-r8IdLv8"></div>
|
||||
</div>
|
||||
</div>
|
||||
<input id="hostname" name="hostname" type="hidden" value="{{ site.url }}">
|
||||
<div class="row">
|
||||
<div class="col s12">
|
||||
<button class="btn waves-effect waves-light" type="submit" name="action">Submit
|
||||
<i class="material-icons right">send</i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user