chrosey/urlaub-friedrichroda
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] Kontaktmöglichkeiten hinzugefügt

Browse Source 
- Emailadresse per js und css versteckt
This commit is contained in:
Christian Seyfferth 2020-04-10 17:53:24 +02:00
parent 1fe90ea328
commit 2f9bf8e24a
3 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@ -146,19 +146,19 @@
</div>
<div class="col s12 m4">
<div class="row">
<div class="col s6 m12">
<div class="col s12">
<h3 class="heading-5">Kontakt</h3>
<p>
<a href="#"><i class="material-icons left">mail</i>E-Mail</a>
<a class="cryptmail truncate" href="#" data-name="frank.fewo.finsterbergen"
data-domain="gmail" data-tld="com"><i class="material-icons left">mail</i></a>
</p>
<p>
<a href="#"><i class="material-icons left">phone</i>Telefon</a>
</p>
<p>
<a href="#"><i class="material-icons left">vertical_align_bottom</i>Download</a>
<a href="tel:+4915170831049"><i class="material-icons left">phone</i>
+49 (0)151 - 70 83 10 49
</a>
</p>
</div>
<div class="col s6 m12">
<div class="col s12">
<h3 class="heading-5">Zur Buchung</h3>
<p>
<a href="https://www.booking.com/hotel/de/ferienwohnung-wanderlust-mit-kamin.de.html"
@ -167,7 +167,7 @@
</a>
</p>
</div>
<div class="col s6 m12">
<div class="col s12">
<h3 class="heading-5">Anreise planen</h3>
<p>
<a href="https://www.google.com/maps/dir//Ferienwohnung+WANDERLUST+mit+Kamin,+Am+Dorfteich+4,+99898+Friedrichroda/"
@ -193,21 +193,30 @@
1;">
</div>
</div>
<footer class="page-footer green lighten-3">
<footer class="page-footer white black-text">
<div class="container">
<div class="row">
<div class="col s12 m8">
<address>Am Dorfteich 4 <br> 99894 Friedrichroda OT Finsterbergen</address>
</div>
<div class="col s12 m4">
<a href="#impressum">Impressum</a>
</div>
<div class="col s12 m4">
<a href="#datenschutz">Datenschutz</a>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made by chrosey with Materialize
</div>
</div>
<div class="footer-copyright black-text">
<div class="container row">
<div class="col s6">
made by <a href="https://chrosey.de">chrosey</a> with <a
href="https://materializecss.com">Materialize</a>
</div>
<div class="col s6 right-align">
&middot; urlaub-friedrichroda.de
</div>
</div>
</div>
</footer>

9
script.js
View File

@ -1,4 +1,13 @@
document.addEventListener('DOMContentLoaded', function () {
var elems = document.querySelectorAll('.parallax');
var parallaxes = M.Parallax.init(elems, {});
var mailcypts = document.querySelectorAll(".cryptmail");
mailcypts.forEach(element => {
element.onclick = function () {
window.location.href = 'mailto:' + this.dataset.name + '@' + this.dataset.domain + '.' + this.dataset.tld;
return false;
}
});
});

4
style.css
View File

@ -20,6 +20,10 @@
text-transform: uppercase;
}
.cryptmail:after {
content: attr(data-name) "@"attr(data-domain) "."attr(data-tld);
}
@media only screen and (max-width:380px) {
.heading-2,