Kontakt-Formular hinzugefuegt
This commit is contained in:
labcode-de
parent
228a78037b
commit
8c48c41995
@ -16,7 +16,8 @@
|
|||||||
title: Freifunk Rhein-Sieg e.V.
|
title: Freifunk Rhein-Sieg e.V.
|
||||||
email: kontakt@freifunk-rhein-sieg.net
|
email: kontakt@freifunk-rhein-sieg.net
|
||||||
baseurl: "" # the subpath of your site, e.g. /blog
|
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
|
#twitter_username: jekyllrb
|
||||||
#github_username: jekyll
|
#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 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 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 links.html %}">Links</a></li>
|
||||||
|
<li class="navitem"><a href="{{ site.baseurl }}{% link kontakt.html %}">Kontakt</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
@ -8,6 +8,10 @@
|
|||||||
{% feed_meta %}
|
{% feed_meta %}
|
||||||
<link rel="stylesheet" href='{{ "/assets/css/page.css" | relative_url }}'>
|
<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" />
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% include header.html %}
|
{% include header.html %}
|
||||||
@ -15,8 +19,5 @@
|
|||||||
{{ content }}
|
{{ content }}
|
||||||
</main>
|
</main>
|
||||||
{% include footer.html %}
|
{% 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>
|
</body>
|
||||||
</html>
|
</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" />
|
<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-->
|
<!--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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% include header.html %}
|
{% 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