From 2f9bf8e24a1d998665f4645541d275d8fd076d25 Mon Sep 17 00:00:00 2001
From: Christian <info@chrosey.de>
Date: Fri, 10 Apr 2020 17:53:24 +0200
Subject: [PATCH] =?UTF-8?q?[TASK]=20Kontaktm=C3=B6glichkeiten=20hinzugef?=
 =?UTF-8?q?=C3=BCgt=20-=20Emailadresse=20per=20js=20und=20css=20versteckt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 35 ++++++++++++++++++++++-------------
 script.js  |  9 +++++++++
 style.css  |  4 ++++
 3 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 34ff0fe..56a32f5 100644
--- a/index.html
+++ b/index.html
@@ -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 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>
diff --git a/script.js b/script.js
index 4887c99..8a4569b 100644
--- a/script.js
+++ b/script.js
@@ -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;
+        }
+    });
 });
\ No newline at end of file
diff --git a/style.css b/style.css
index 2d7c542..b648fe1 100644
--- a/style.css
+++ b/style.css
@@ -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,