progress
This commit is contained in:
Julian
14
email.php
Normal file
14
email.php
Normal file
@@ -0,0 +1,14 @@
|
|||||||
|
<?php
|
||||||
|
if (isset($_POST['submit'])) {
|
||||||
|
$name = $_REQUEST['fname'];
|
||||||
|
$email = $_REQUEST['email'];
|
||||||
|
$message = $_REQUEST['message'];
|
||||||
|
|
||||||
|
// Set your email address where you want to receive emails.
|
||||||
|
$to = 'julian.niessner@rismer.de';
|
||||||
|
$subject = 'Wedding Attenders!';
|
||||||
|
$headers = "From: ".$name." <".$email."> \r\n";
|
||||||
|
$send_email = mail($to,$subject,$message,$headers);
|
||||||
|
|
||||||
|
echo ($send_email) ? 'success' : 'error';
|
||||||
|
}?>
|
||||||
3
images/Brauthaus.jpg
Normal file
3
images/Brauthaus.jpg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:8b36505be866c271ca1c559b3bcb4b739bfb6d9ba55d92267a439ae7f64007cc
|
||||||
|
size 166777
|
||||||
BIN
images/Brauthaus.png
LFS
Normal file
BIN
images/Brauthaus.png
LFS
Normal file
Binary file not shown.
3
images/DSC00473.JPG
Normal file
3
images/DSC00473.JPG
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:a30ae7d490b89afcc13c48f8dc6ed51c8efb27bfcbe759415c25fceba9783724
|
||||||
|
size 8617984
|
||||||
3
images/DSC04070.JPG
Normal file
3
images/DSC04070.JPG
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:0b9d077f14fe2d18c9d00bf4b1c436950894cc0eb02fdf97547b4889ad47f488
|
||||||
|
size 6553600
|
||||||
3
images/Draga.png
Normal file
3
images/Draga.png
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:27cf963c9543c1029ea236adffa1127389ef6c4067a8d3869396d12b02a1402a
|
||||||
|
size 2750814
|
||||||
3
images/Fotoshooting.JPG
Normal file
3
images/Fotoshooting.JPG
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:a8a8bb3109d6c6b1661e5b3307de5639d3bf37a1855a1971e4a0393c0de7e31a
|
||||||
|
size 6160384
|
||||||
3
images/Julian.png
Normal file
3
images/Julian.png
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:e5ac99afd944feca3ad4e0afe44aa37ada74cb195346a97c3cb742c3d1445778
|
||||||
|
size 4955034
|
||||||
3
images/Kirche.png
Normal file
3
images/Kirche.png
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:c9a0093d36ccb374f6b6623149b010431aa665102301c86aa4a24f25fdc6d84d
|
||||||
|
size 22588999
|
||||||
3
images/LetsDance.JPG
Normal file
3
images/LetsDance.JPG
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:bc0c8d49ba678d4e612a13982fa25784e072ccf19d2ba0400e5909b53903eb06
|
||||||
|
size 3779484
|
||||||
3
images/Wiesenmühle.jpg
Normal file
3
images/Wiesenmühle.jpg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:0484fbc0049c2608fbf177f6575bad2c3904d008d29e860df3ef646ca1c8c1be
|
||||||
|
size 10520
|
||||||
3
images/catering.jpg
Normal file
3
images/catering.jpg
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
version https://git-lfs.github.com/spec/v1
|
||||||
|
oid sha256:5a17783cd672fc3094a084c2e4cfbb503af4418f51e1c69c6abcdc98d041830b
|
||||||
|
size 227345
|
||||||
@@ -1,3 +0,0 @@
|
|||||||
version https://git-lfs.github.com/spec/v1
|
|
||||||
oid sha256:23bfa61dfdf4c1268c132a065ed05b902367b2f1603f2e63eb6b18e7c742c983
|
|
||||||
size 43368
|
|
||||||
304
index.html
304
index.html
@@ -94,84 +94,256 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div id="fh5co-started">
|
<div id="fh5co-couple">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row animate-box">
|
<div class="row">
|
||||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
|
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||||
<h2 data-i18n="header_text">Nimmst du teil?</h2>
|
<h2>Schön das Ihr kommt!</h2>
|
||||||
<p data-i18n="invitation_text">Liebe Gäste, zu unserer Hochzeit laden wir euch recht herzlich ein. Bitte gebt uns mit folgendem Formular bis zum 03.03.2022 Bescheid, ob ihr teilnehmt! Über das Plus-Symbol könnt ihr eure Begleitpersonen hinzufügen. Wenn Bedarf an einer Übernachtung besteht, können wir euch kostengünstig ein Hotel vermitteln. Falls ihr nicht teilnehmen könnt, bitte einfach die Seite wieder verlassen. Die Feier wird in 55234 Kettenheim (DE) stattfinden.
|
<h3>Wir schließen am Freitag, den 01.07.2022 den Bund fürs Leben!</h3>
|
||||||
</p>
|
|
||||||
<p data-i18n="greetings">
|
|
||||||
Liebe Grüße<br/>
|
|
||||||
Draga & Julian
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row animate-box" id="attentant-container">
|
<div class="couple-wrap animate-box">
|
||||||
<div class="col-md-11">
|
<div class="couple-half">
|
||||||
<form id="js-attentants" class="form-inline">
|
<div class="groom">
|
||||||
<div>
|
<img src="images/Julian.png" alt="groom" class="img-responsive">
|
||||||
<div class="col-md-3 col-sm-3">
|
</div>
|
||||||
<div class="form-group">
|
<div class="desc-groom">
|
||||||
<label for="firstname" class="sr-only">Vorname</label>
|
<h3>Julian Nießner</h3>
|
||||||
<input type="firstname" class="form-control js-form-input" id="firstname" data-i18n="firstname"
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
|
||||||
data-i18n-attr="placeholder" placeholder="Vorname">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-3 col-sm-3">
|
<p class="heart text-center"><i class="icon-heart2"></i></p>
|
||||||
<div class="form-group">
|
<div class="couple-half">
|
||||||
<label for="lastname" class="sr-only">Nachname</label>
|
<div class="bride">
|
||||||
<input type="lastname" class="form-control js-form-input" id="lastname" data-i18n="lastname"
|
<img src="images/Draga.png" alt="groom" class="img-responsive">
|
||||||
data-i18n-attr="placeholder" placeholder="Nachname">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="desc-bride">
|
||||||
<div class="col-md-3 col-sm-3">
|
<h3>Drazena Rimac</h3>
|
||||||
<div class="form-group">
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove</p>
|
||||||
<label for="tel" class="sr-only">Telefonnummer</label>
|
|
||||||
<input type="telephon" class="form-control js-form-input" id="tel" data-i18n="telephone_number"
|
|
||||||
data-i18n-attr="placeholder" placeholder="Telefonnummer">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-3 col-sm-3">
|
|
||||||
<div class="form-group">
|
|
||||||
<label for="email" class="sr-only">E-Mail Addresse</label>
|
|
||||||
<input type="email" class="form-control js-form-input" id="email" data-i18n="E-Mail"
|
|
||||||
data-i18n-attr="placeholder" placeholder="E-Mail">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
<div class="plus-button col-md-1">
|
|
||||||
<span class="icon">
|
|
||||||
<a href="#" class="js-addField"><i class="icon-plus"></i></a>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row animate-box overnight" id="overnight-div">
|
|
||||||
<input class="overnight-js" type="checkbox" name="overnight" checked>
|
|
||||||
<label for="overnight" data-i18n="overnightoffer">Übernachtungsangebot?</label>
|
|
||||||
</div>
|
|
||||||
<div class="row animate-box">
|
|
||||||
<div class="col-md-4 col-md-offset-4 text-center fh5co-heading">
|
|
||||||
<button type="submit" id="js-submitbtn" data-i18n="submit" class="btn btn-default btn-block">Absenden</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row animate-box" style="margin-top: 50px;">
|
|
||||||
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
|
|
||||||
<div id="guest_counter_holder" class="feature-center">
|
|
||||||
<span class="icon">
|
|
||||||
<i class="icon-users"></i>
|
|
||||||
</span>
|
|
||||||
<span id="guest_counter" class="counter js-counter" data-from="0" data-to="500" data-speed="5000"
|
|
||||||
data-refresh-interval="50">1</span>
|
|
||||||
<span class="counter-label" data-i18n="guest_count">Geschätzte Gäste</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="fh5co-section-gray">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||||
|
<h2>Feste Zusage!</h2>
|
||||||
|
<form id="attendForm" action="#">
|
||||||
|
<div class="row form-group">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label for="fname">Familienname</label>
|
||||||
|
<input type="text" id="fname" name="fname" class="form-control" placeholder="Your firstname">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row form-group">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label for="message">Nachricht</label>
|
||||||
|
<textarea name="message" id="message" cols="30" rows="10" class="form-control" placeholder="Write us something"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<input type="submit" id="finalSubmit" value="Absenden" class="btn btn-primary">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="fh5co-event" class="fh5co-bg" style="background-image:url(images/img_bg_3.jpg);">
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||||
|
<span>Ihr wollt unsere Hochzeit mitgestallten?</span>
|
||||||
|
<h2>Unsere Trauzeugen</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="display-t">
|
||||||
|
<div class="display-tc">
|
||||||
|
<div class="col-md-10 col-md-offset-1">
|
||||||
|
<div class="col-md-6 col-sm-6 text-center">
|
||||||
|
<div class="event-wrap animate-box">
|
||||||
|
<h3>Katha Schmidt</h3>
|
||||||
|
<p>Tel.-Nr.: 0176 44707271</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-sm-6 text-center">
|
||||||
|
<div class="event-wrap animate-box">
|
||||||
|
<h3>Philipp Bienossek</h3>
|
||||||
|
<p>Tel.-Nr.: 01512 5272067</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="fh5co-couple-story">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading animate-box">
|
||||||
|
<span></span>
|
||||||
|
<h2>Ablauf des großen Tages</h2>
|
||||||
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 col-md-offset-0">
|
||||||
|
<ul class="timeline animate-box">
|
||||||
|
<li class="animate-box">
|
||||||
|
<div class="timeline-badge" style="background-image:url(images/Brauthaus.jpg);"></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h3 class="timeline-title">Treffen beim Brauthaus</h3>
|
||||||
|
<span class="date">11:30</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p style="margin-bottom: 25px;">Hier werden sich die Gäste zusammenfinden und es werden Platten zum essen angeboten. Anschließend wird gemeinsam mit der Braut zur Kirche gefahren.</p>
|
||||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4298.65640298428!2d8.98158990377853!3d50.161204153948276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd17f6cfba4df3%3A0xe0dcb57f7f43ed4b!2sKonrad-Adenauer-Stra%C3%9Fe%207%2C%2063526%20Erlensee!5e0!3m2!1sde!2sde!4v1652530643592!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="timeline-inverted animate-box">
|
||||||
|
<div class="timeline-badge" style="background-image:url(images/Kirche.png);"></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h3 class="timeline-title">Trauung St. Stephan</h3>
|
||||||
|
<span class="date">13:30</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p></p>
|
||||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2156.6017222300893!2d8.207110167508382!3d49.99924393720268!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47bd94211ac4b243%3A0xb41375a34a37c58d!2sSt.%20Stephan!5e0!3m2!1sde!2sde!4v1652531846656!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="animate-box">
|
||||||
|
<div class="timeline-badge" style="background-image:url(images/Fotoshooting.JPG);"></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h3 class="timeline-title">Brautpaar Fotoshooting</h3>
|
||||||
|
<span class="date">15:30</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="timeline-inverted animate-box">
|
||||||
|
<div class="timeline-badge" style="background-image:url(images/Wiesenmühle.jpg);"></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h3 class="timeline-title">Sektempfang Wiesenmühle</h3>
|
||||||
|
<span class="date">16:15</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p></p>
|
||||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2579.228371436668!2d8.119765151771038!3d49.72532704712457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479620afb9aeaecd%3A0xbff4c624da7370e5!2sWiesenm%C3%BChle!5e0!3m2!1sde!2sde!4v1652531912784!5m2!1sde!2sde" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="animate-box">
|
||||||
|
<div class="timeline-badge" style="background-image:url(images/catering.jpg);"></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h3 class="timeline-title">Abendessen & Dessert</h3>
|
||||||
|
<span class="date">18:30</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="timeline-inverted animate-box">
|
||||||
|
<div class="timeline-badge" style="background-image:url(images/LetsDance.JPG);"></div>
|
||||||
|
<div class="timeline-panel">
|
||||||
|
<div class="timeline-heading">
|
||||||
|
<h3 class="timeline-title">Eröffnung der Tanzfläche</h3>
|
||||||
|
<span class="date">22:00</span>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-body">
|
||||||
|
<p></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="fh5co-services" class="fh5co-section-gray">
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<div class="row animate-box">
|
||||||
|
<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
|
||||||
|
<h2>Übernachtung</h2>
|
||||||
|
<p>Wir haben für euch ein Zimmerkontigent mit folgenden Kondition reseviert!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div>
|
||||||
|
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="icon-home"></i>
|
||||||
|
</span>
|
||||||
|
<div class="feature-copy">
|
||||||
|
<h3>Landgasthof Hotel Rebe Alzey</h3>
|
||||||
|
<p>Einzelzimmer a' 50 €, Zweibettzimmer a' 78 €, Dreibettzimmer a' 110€ und ein Familienzimmer ( 4 Personen) a' 140 €. Die Preise sind inklusive Frühstück. Zimmer werden freigehalten bis 01. Juni 2022. Sollten einige Gäste aus driftigen Gründen Absagen, so besteht die Möglichkeit bis zum Anreisetag bis spätestens 12.00 Uhr kostenfrei zu stornieren.</p>
|
||||||
|
<p>Landgasthof Hotel Rebe Alzey</br>
|
||||||
|
Antoniterstr. 47,</br>
|
||||||
|
55232 Alzey</br>
|
||||||
|
Tel. 06731/1285, Stichwort: "DJ"</br>
|
||||||
|
info@hotelrebealzey.de</br>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="icon-home"></i>
|
||||||
|
</span>
|
||||||
|
<div class="feature-copy">
|
||||||
|
<h3>Hotel am Schloss</h3>
|
||||||
|
<p>Doppelzimmer a' 83,00 Euro pro Zimmer/Nacht zzgl. 9,50 Euro Frühstück pro Person/Tag.</p>
|
||||||
|
<p>Hotel Am Schloss</br>
|
||||||
|
Amtgasse 39,</br>
|
||||||
|
55232 Alzey</br>
|
||||||
|
Tel. 06731/94224, Stichwort: "DJ"</br>
|
||||||
|
info@hotelamschloss-alzey.de</br>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="feature-left animate-box" data-animate-effect="fadeInLeft">
|
||||||
|
<span class="icon">
|
||||||
|
<i class="icon-home"></i>
|
||||||
|
</span>
|
||||||
|
<div class="feature-copy">
|
||||||
|
<h3>Dorint Hotel</h3>
|
||||||
|
<p>Einzelzimmer a' 89€, Doppelzimmer a' 109€. Die Preise sind inklusive Frühstück. Hier ist kein Zimmerkontigent reseviert!</p>
|
||||||
|
<p> Dorint Hotel Alzey/Worms</br>
|
||||||
|
Karl-Heinz-Kipp-Straße 13,</br>
|
||||||
|
55232 Alzey</br>
|
||||||
|
Tel. 06731/4030</br>
|
||||||
|
reservierung@alzey.dorint.com</br>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="gototop js-top">
|
<div class="gototop js-top">
|
||||||
|
|||||||
253
js/main.js
253
js/main.js
@@ -18,7 +18,6 @@
|
|||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
var offcanvasMenu = function() {
|
var offcanvasMenu = function() {
|
||||||
|
|
||||||
$('#page').prepend('<div id="fh5co-offcanvas" />');
|
$('#page').prepend('<div id="fh5co-offcanvas" />');
|
||||||
@@ -62,7 +61,6 @@
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
var burgerMenu = function() {
|
var burgerMenu = function() {
|
||||||
|
|
||||||
$('body').on('click', '.js-fh5co-nav-toggle', function(event){
|
$('body').on('click', '.js-fh5co-nav-toggle', function(event){
|
||||||
@@ -80,8 +78,6 @@
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
var contentWayPoint = function() {
|
var contentWayPoint = function() {
|
||||||
var i = 0;
|
var i = 0;
|
||||||
$('.animate-box').waypoint( function( direction ) {
|
$('.animate-box').waypoint( function( direction ) {
|
||||||
@@ -118,7 +114,6 @@
|
|||||||
} , { offset: '85%' } );
|
} , { offset: '85%' } );
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
var dropdown = function() {
|
var dropdown = function() {
|
||||||
|
|
||||||
$('.has-dropdown').mouseenter(function(){
|
$('.has-dropdown').mouseenter(function(){
|
||||||
@@ -140,7 +135,6 @@
|
|||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
var testimonialCarousel = function(){
|
var testimonialCarousel = function(){
|
||||||
var owl = $('.owl-carousel-fullwidth');
|
var owl = $('.owl-carousel-fullwidth');
|
||||||
owl.owlCarousel({
|
owl.owlCarousel({
|
||||||
@@ -155,7 +149,6 @@
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
var goToTop = function() {
|
var goToTop = function() {
|
||||||
|
|
||||||
$('.js-gotop').on('click', function(event){
|
$('.js-gotop').on('click', function(event){
|
||||||
@@ -338,7 +331,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
var changeLanguage = function() {
|
var changeLanguage = function() {
|
||||||
$('.change-language-js').on('click', function(event){
|
$('.change-language-js').on('click', function(event){
|
||||||
|
|
||||||
@@ -360,8 +352,6 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$(function(){
|
$(function(){
|
||||||
mobileMenuOutsideClick();
|
mobileMenuOutsideClick();
|
||||||
parallax();
|
parallax();
|
||||||
@@ -378,124 +368,136 @@
|
|||||||
defaultUncheckedInputCheckboxes();
|
defaultUncheckedInputCheckboxes();
|
||||||
changeLanguage();
|
changeLanguage();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
}());
|
}());
|
||||||
|
|
||||||
document.getElementById("js-submitbtn").addEventListener("click", async function () {
|
|
||||||
//document.getElementById("js-attentants").elements["foo"]
|
|
||||||
let inputs = document.querySelectorAll('.js-form-input');
|
|
||||||
|
|
||||||
console.log(inputs);
|
document.getElementById("finalSubmit").addEventListener("click", async function () {
|
||||||
|
var form = document.getElementById("attendForm");
|
||||||
let firstname = inputs[0].value;
|
const formattedFormData = new FormData(form);
|
||||||
let lastname = inputs[1].value;
|
//formattedFormData.append('property', 'value');
|
||||||
let telephonenumber = inputs[2].value;
|
const response = await fetch('email.php',{
|
||||||
let eMail = inputs[3].value;
|
method: 'POST',
|
||||||
|
body: formattedFormData
|
||||||
if(StringLengthLT2(firstname))
|
|
||||||
{
|
|
||||||
SubmitError("Firstname too short!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(StringLengthLT2(lastname))
|
|
||||||
{
|
|
||||||
SubmitError("Lastname too short!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(StringLengthLT2(telephonenumber))
|
|
||||||
{
|
|
||||||
SubmitError("Telephonenumber too short!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(!OnlyNumbersInString(telephonenumber))
|
|
||||||
{
|
|
||||||
SubmitError("Telephonenumber can only contain numbers!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if(StringLengthLT2(eMail))
|
|
||||||
{
|
|
||||||
SubmitError("E-Mail too short!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let overnightRequired = false;
|
|
||||||
|
|
||||||
if ($('.overnight-js').is(":checked")) {
|
|
||||||
overnightRequired = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
let family = {
|
|
||||||
name: lastname,
|
|
||||||
overnight: overnightRequired,
|
|
||||||
telephonenumber: telephonenumber,
|
|
||||||
email: eMail,
|
|
||||||
members: []
|
|
||||||
};
|
|
||||||
|
|
||||||
let familyMember = {
|
|
||||||
name: firstname + " " + lastname,
|
|
||||||
isChild: false
|
|
||||||
}
|
|
||||||
|
|
||||||
family.members.push(familyMember);
|
|
||||||
|
|
||||||
for (let i = 4; i < inputs.length; i+=3)
|
|
||||||
{
|
|
||||||
let firstname = inputs[i].value;
|
|
||||||
let lastname = inputs[i+1].value;
|
|
||||||
let isChild = inputs[i+2].checked;
|
|
||||||
console.log("IsChild" + isChild);
|
|
||||||
if(StringLengthLT2(firstname))
|
|
||||||
{
|
|
||||||
SubmitError("Firstname of accompaniment too short!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if(StringLengthLT2(lastname))
|
|
||||||
{
|
|
||||||
SubmitError("Lastname of accompaniment too short!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let familyMember = {
|
|
||||||
name: firstname + " " + lastname,
|
|
||||||
isChild: isChild
|
|
||||||
}
|
|
||||||
|
|
||||||
family.members.push(familyMember);
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("Request: " + JSON.stringify(family));
|
|
||||||
|
|
||||||
|
|
||||||
const response = await fetch("https://rismer.de:9999/family", {
|
|
||||||
method: 'POST', // *GET, POST, PUT, DELETE, etc.
|
|
||||||
mode: 'cors', // no-cors, *cors, same-origin
|
|
||||||
cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
|
|
||||||
//credentials: 'same-origin', // include, *same-origin, omit
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json'
|
|
||||||
// 'Content-Type': 'application/x-www-form-urlencoded',
|
|
||||||
},
|
|
||||||
redirect: 'follow', // manual, *follow, error
|
|
||||||
referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
|
|
||||||
body: JSON.stringify(family) // body data type must match "Content-Type" header
|
|
||||||
}).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
|
|
||||||
if(response.ok)
|
|
||||||
{
|
|
||||||
let jsonResponse = await response.json();
|
|
||||||
console.log("Response: " + jsonResponse);
|
|
||||||
SubmitSuccess();
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
SubmitError();
|
|
||||||
}
|
|
||||||
//TODO: Refresh attentats count
|
|
||||||
});
|
});
|
||||||
|
const data = await response.text();
|
||||||
|
//This should later print out the values submitted through the form
|
||||||
|
console.log(data);
|
||||||
|
});
|
||||||
|
|
||||||
|
// document.getElementById("js-submitbtn").addEventListener("click", async function () {
|
||||||
|
// //document.getElementById("js-attentants").elements["foo"]
|
||||||
|
// let inputs = document.querySelectorAll('.js-form-input');
|
||||||
|
|
||||||
|
// console.log(inputs);
|
||||||
|
|
||||||
|
// let firstname = inputs[0].value;
|
||||||
|
// let lastname = inputs[1].value;
|
||||||
|
// let telephonenumber = inputs[2].value;
|
||||||
|
// let eMail = inputs[3].value;
|
||||||
|
|
||||||
|
// if(StringLengthLT2(firstname))
|
||||||
|
// {
|
||||||
|
// SubmitError("Firstname too short!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if(StringLengthLT2(lastname))
|
||||||
|
// {
|
||||||
|
// SubmitError("Lastname too short!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if(StringLengthLT2(telephonenumber))
|
||||||
|
// {
|
||||||
|
// SubmitError("Telephonenumber too short!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if(!OnlyNumbersInString(telephonenumber))
|
||||||
|
// {
|
||||||
|
// SubmitError("Telephonenumber can only contain numbers!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// if(StringLengthLT2(eMail))
|
||||||
|
// {
|
||||||
|
// SubmitError("E-Mail too short!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// let overnightRequired = false;
|
||||||
|
|
||||||
|
// if ($('.overnight-js').is(":checked")) {
|
||||||
|
// overnightRequired = true;
|
||||||
|
// }
|
||||||
|
|
||||||
|
// let family = {
|
||||||
|
// name: lastname,
|
||||||
|
// overnight: overnightRequired,
|
||||||
|
// telephonenumber: telephonenumber,
|
||||||
|
// email: eMail,
|
||||||
|
// members: []
|
||||||
|
// };
|
||||||
|
|
||||||
|
// let familyMember = {
|
||||||
|
// name: firstname + " " + lastname,
|
||||||
|
// isChild: false
|
||||||
|
// }
|
||||||
|
|
||||||
|
// family.members.push(familyMember);
|
||||||
|
|
||||||
|
// for (let i = 4; i < inputs.length; i+=3)
|
||||||
|
// {
|
||||||
|
// let firstname = inputs[i].value;
|
||||||
|
// let lastname = inputs[i+1].value;
|
||||||
|
// let isChild = inputs[i+2].checked;
|
||||||
|
// console.log("IsChild" + isChild);
|
||||||
|
// if(StringLengthLT2(firstname))
|
||||||
|
// {
|
||||||
|
// SubmitError("Firstname of accompaniment too short!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// if(StringLengthLT2(lastname))
|
||||||
|
// {
|
||||||
|
// SubmitError("Lastname of accompaniment too short!");
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// let familyMember = {
|
||||||
|
// name: firstname + " " + lastname,
|
||||||
|
// isChild: isChild
|
||||||
|
// }
|
||||||
|
|
||||||
|
// family.members.push(familyMember);
|
||||||
|
// }
|
||||||
|
|
||||||
|
// console.log("Request: " + JSON.stringify(family));
|
||||||
|
|
||||||
|
|
||||||
|
// const response = await fetch("https://rismer.de:9999/family", {
|
||||||
|
// method: 'POST', // *GET, POST, PUT, DELETE, etc.
|
||||||
|
// mode: 'cors', // no-cors, *cors, same-origin
|
||||||
|
// cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
|
||||||
|
// //credentials: 'same-origin', // include, *same-origin, omit
|
||||||
|
// headers: {
|
||||||
|
// 'Content-Type': 'application/json'
|
||||||
|
// // 'Content-Type': 'application/x-www-form-urlencoded',
|
||||||
|
// },
|
||||||
|
// redirect: 'follow', // manual, *follow, error
|
||||||
|
// referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
|
||||||
|
// body: JSON.stringify(family) // body data type must match "Content-Type" header
|
||||||
|
// }).catch(function (timeout) { SubmitError("API error. Call the phone number."); });
|
||||||
|
// if(response.ok)
|
||||||
|
// {
|
||||||
|
// let jsonResponse = await response.json();
|
||||||
|
// console.log("Response: " + jsonResponse);
|
||||||
|
// SubmitSuccess();
|
||||||
|
// }
|
||||||
|
// else
|
||||||
|
// {
|
||||||
|
// SubmitError();
|
||||||
|
// }
|
||||||
|
// //TODO: Refresh attentats count
|
||||||
|
// });
|
||||||
|
|
||||||
function OnlyNumbersInString(string)
|
function OnlyNumbersInString(string)
|
||||||
{
|
{
|
||||||
@@ -548,8 +550,6 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
class Translator {
|
class Translator {
|
||||||
constructor(options = {}) {
|
constructor(options = {}) {
|
||||||
this._options = Object.assign({}, this.defaultConfig, options);
|
this._options = Object.assign({}, this.defaultConfig, options);
|
||||||
@@ -701,7 +701,6 @@ document.getElementById("js-submitbtn").addEventListener("click", async function
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
var translator = new Translator({
|
var translator = new Translator({
|
||||||
persist: false,
|
persist: false,
|
||||||
languages: ["hr", "de"],
|
languages: ["hr", "de"],
|
||||||
|
|||||||
Reference in New Issue
Block a user