[TASK] umzug zu gulp-management

dist/index.html

@@ -52,8 +52,8 @@
         </div>
         <div class="parallax">
             <picture>
-                <source srcset="bilder/2400px/StartbildOriginal_Rev.jpg.webp" type="image/webp">
-                <img src="bilder/2400px/StartbildOriginal_Rev.jpg" alt="Kollage von Bildern aus der Ferienwohnung"
+                <source srcset="images/StartbildOriginal_Rev.webp" type="image/webp">
+                <img src="images/StartbildOriginal_Rev.jpg" alt="Kollage von Bildern aus der Ferienwohnung"
                     loading="auto">
             </picture>
         </div>
@@ -92,8 +92,8 @@
     <div id="wohnung-banner" class="parallax-container">
         <div class="parallax">
             <picture>
-                <source srcset="bilder/2400px/5.jpg.webp" type="image/webp">
-                <img src="bilder/2400px/5.jpg" alt="Schlafzimmer mit Schrank, Kommode und Kingsize-Bett" loading="auto">
+                <source srcset="images/5.webp" type="image/webp">
+                <img src="images/5.jpg" alt="Schlafzimmer mit Schrank, Kommode und Kingsize-Bett" loading="auto">
             </picture>
         </div>
     </div>
@@ -108,7 +108,7 @@
             <div class="slider col l6 offset-l3">
                 <ul class="slides">
                     <li>
-                        <img src="bilder/1500px/6.jpg" alt="Blick auf den Hauseingang">
+                        <img src="images/6.jpg" alt="Blick auf den Hauseingang">
                         <div class="caption left-align">
                             <div class="card-panel col">
                                 <h3 class="heading-5 light grey-text text-lighten-3">Das Haus</h5>
@@ -116,7 +116,7 @@
                         </div>
                     </li>
                     <li>
-                        <img src="bilder/1500px/4.jpg" alt="Wein mit Gläsern und Blumenstrauß">
+                        <img src="images/4.jpg" alt="Wein mit Gläsern und Blumenstrauß">
                         <div class="caption left-align ">
                             <div class="card-panel col">
                                 <h3 class="heading-5 light grey-text text-lighten-3">Herzlich <br> Willkommen</h3>
@@ -124,7 +124,7 @@
                         </div>
                     </li>
                     <li>
-                        <img src="bilder/1500px/5.jpg" alt="Schlafzimmer mit Kleiderschrank und Kingsize-Bett">
+                        <img src="images/5.jpg" alt="Schlafzimmer mit Kleiderschrank und Kingsize-Bett">
                         <div class="caption right-align">
                             <div class="card-panel col">
                                 <h3 class="heading-5 light grey-text text-lighten-3">Schlafzimmer <br> mit Kingsize-Bett
@@ -133,21 +133,21 @@
                         </div>
                     </li>
                     <li>
-                        <img src="bilder/1500px/8.jpg" alt="Badezimmer mit Wanne und Duschkabine">
+                        <img src="images/8.jpg" alt="Badezimmer mit Wanne und Duschkabine">
                         <div class="caption right-align">
                             <div class="card-panel col">
                                 <h3 class="heading-5 light grey-text text-lighten-3">Badezimmer mit Wanne</h3>
                             </div>
                         </div>
                     </li>
-                    <li><img src="bilder/1500px/15.jpg" alt="Wohnbereich mit Holzkamin und Fernseher">
+                    <li><img src="images/15.jpg" alt="Wohnbereich mit Holzkamin und Fernseher">
                         <div class="caption right-align ">
                             <div class="card-panel col">
                                 <h3 class="heading-5 light grey-text text-lighten-3">Wohnbereich <br> mit Holzkamin</h3>
                             </div>
                         </div>
                     </li>
-                    <li><img src="bilder/1500px/13.jpg" alt="Küchenzeile mit Elektrogeräten">
+                    <li><img src="images/13.jpg" alt="Küchenzeile mit Elektrogeräten">
                         <div class="caption right-align">
                             <div class="card-panel col black">
                                 <h3 class="heading-5 light grey-text text-lighten-3">voll ausgestattete <br> Küche</h3>
@@ -195,8 +195,8 @@
     <div id="buchung-banner" class="parallax-container">
         <div class="parallax">
             <picture>
-                <source srcset="bilder/2400px/10.jpg.webp" type="image/webp">
-                <img src="bilder/2400px/10.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
+                <source srcset="images/10.webp" type="image/webp">
+                <img src="images/10.jpg" alt="Wohnbereich und Teil der Küchenzeile mit Blick Richtung Fenster"
                     loading="auto">
             </picture>
         </div>
@@ -297,8 +297,8 @@
     <div id="footer-banner" class="parallax-container valign-wrapper">
         <div class="parallax">
             <picture>
-                <source srcset="bilder/2400px/1.jpg.webp" type="image/webp">
-                <img src="bilder/2400px/1.jpg" alt="weiße Bank mit Blick über das Tal" loading="auto">
+                <source srcset="images/1.webp" type="image/webp">
+                <img src="images/1.jpg" alt="weiße Bank mit Blick über das Tal" loading="auto">
             </picture>
         </div>
     </div>

dist/manifest.json

@@ -1,18 +1,60 @@
 {
-    "name": "Ferienwohnung 'Wanderlust'",
-    "short_name": "Ferienwohnung",
-    "start_url": ".",
-    "display": "standalone",
-    "background_color": "#bdf787",
-    "theme_color": "#bdf787",
-    "dir": "rtl",
-    "lang": "de",
-    "description": "Ferienwohnung in Friedrichroda OT Finsterbergen",
-    "icons": [{
-        "src": "favicon.png",
-        "sizes": "48x48 128x128"
-    }],
-    "related_applications": [{
-        "platform": "Web"
-    }]
+  "name": "Ferienwohnung 'Wanderlust'",
+  "short_name": "Ferienwohnung",
+  "description": "Ferienwohnung in Friedrichroda OT Finsterbergen",
+  "dir": "auto",
+  "lang": "en-US",
+  "display": "standalone",
+  "orientation": "portrait",
+  "scope": "/",
+  "start_url": "/",
+  "background_color": "#bdf787",
+  "theme_color": "#fff",
+  "icons": [
+    {
+      "src": "favicons/android-chrome-36x36.png",
+      "sizes": "36x36",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "favicons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
 }

dist/script.js

@@ -1,95 +1 @@
-document.addEventListener('DOMContentLoaded', function () {
-    var elems = document.querySelectorAll('.parallax');
-    var parallaxes = M.Parallax.init(elems, {});
-
-    var elems = document.querySelectorAll('.slider');
-    var sliders = M.Slider.init(elems, {
-        indicators: true,
-        duration: 500,
-        interval: 5000
-    });
-
-    var elems = document.querySelectorAll('.sidenav');
-    var sidenav = M.Sidenav.init(elems, {});
-
-    var mailcypts = document.querySelectorAll(".cryptmail");
-    for (var i = 0; i < mailcypts.length; i++) {
-        mailcypts[i].onclick = function () {
-            window.location.href = 'mailto:' + this.dataset.name + '@' + this.dataset.domain + '.' + this.dataset.tld;
-            return false;
-        }
-    }
-
-    var hashAnchors = document.querySelectorAll("a[href^='#']");
-    for (var i = 0; i < hashAnchors.length; i++) {
-        if (hashAnchors[i].getAttribute("href") != "#") {
-            hashAnchors[i].onclick = function () {
-                var target = this.getAttribute("href");
-                scrollToElement(target);
-                return false;
-            }
-        }
-
-    }
-});
-
-const navbarScrollOffset = -48;
-// native smooth scrolling for Chrome, Firefox & Opera
-// @see: https://caniuse.com/#feat=css-scroll-behavior
-const nativeSmoothScrollTo = function (elem) {
-    window.scroll({
-        behavior: 'smooth',
-        left: 0,
-        top: elem.getBoundingClientRect().top + window.pageYOffset + navbarScrollOffset
-    });
-};
-
-// polyfilled smooth scrolling for IE, Edge & Safari
-const smoothScrollTo = function (to, duration) {
-    const element = document.scrollingElement || document.documentElement,
-        start = element.scrollTop,
-        change = to - start,
-        startDate = +new Date();
-
-    // t = current time
-    // b = start value
-    // c = change in value
-    // d = duration
-    const easeInOutQuad = function (t, b, c, d) {
-        t /= d / 2;
-        if (t < 1) return c / 2 * t * t + b;
-        t--;
-        return -c / 2 * (t * (t - 2) - 1) + b;
-    };
-
-    const animateScroll = function () {
-        const currentDate = +new Date();
-        const currentTime = currentDate - startDate;
-        element.scrollTop = parseInt(easeInOutQuad(currentTime, start, change, duration));
-        if (currentTime < duration) {
-            requestAnimationFrame(animateScroll);
-        } else {
-            element.scrollTop = to;
-        }
-    };
-    animateScroll();
-};
-
-// detect support for the behavior property in ScrollOptions
-const supportsNativeSmoothScroll = 'scrollBehavior' in document.documentElement.style;
-
-// smooth scrolling stub
-const scrollToElement = function (elemSelector) {
-    if (!elemSelector) {
-        return;
-    }
-
-    const elem = document.querySelector(elemSelector);
-    if (elem) {
-        if (supportsNativeSmoothScroll) {
-            nativeSmoothScrollTo(elem);
-        } else {
-            smoothScrollTo(elem.offsetTop + navbarScrollOffset, 600);
-        }
-    }
-};
+document.addEventListener("DOMContentLoaded",(function(){var t=document.querySelectorAll(".parallax");M.Parallax.init(t,{});t=document.querySelectorAll(".slider");M.Slider.init(t,{indicators:!0,duration:500,interval:5e3});t=document.querySelectorAll(".sidenav");M.Sidenav.init(t,{});for(var o=document.querySelectorAll(".cryptmail"),e=0;e<o.length;e++)o[e].onclick=function(){return window.location.href="mailto:"+this.dataset.name+"@"+this.dataset.domain+"."+this.dataset.tld,!1};var n=document.querySelectorAll("a[href^='#']:not([href='#'])");for(e=0;e<n.length;e++)n[e].onclick=function(){var t=this.getAttribute("href");return scrollToElement(t),!1}}));const navbarScrollOffset=-48,nativeSmoothScrollTo=function(t){window.scroll({behavior:"smooth",left:0,top:t.getBoundingClientRect().top+window.pageYOffset+-48})},smoothScrollTo=function(t,o){const e=document.scrollingElement||document.documentElement,n=e.scrollTop,l=t-n,r=+new Date,c=function(){const i=+new Date-r;var a,s,u;e.scrollTop=parseInt((a=i,s=n,u=l,(a/=o/2)<1?u/2*a*a+s:-u/2*(--a*(a-2)-1)+s)),i<o?requestAnimationFrame(c):e.scrollTop=t};c()},supportsNativeSmoothScroll="scrollBehavior"in document.documentElement.style,scrollToElement=function(t){if(!t)return;const o=document.querySelector(t);o&&(supportsNativeSmoothScroll?nativeSmoothScrollTo(o):smoothScrollTo(o.offsetTop+-48,600))};

dist/style.css

@@ -1,69 +1 @@
-:root {
-    --primary-color: #33691e;
-}
-
-#willkommen-banner {
-    height: calc(100vh - 64px);
-}
-
-#wohnung-banner {}
-
-#buchung-banner {}
-
-#footer-banner {
-    height: 90vh;
-}
-
-.heading-2 {
-    font-size: 3.56rem;
-    line-height: 110%;
-    margin: 2.3733333333rem 0 1.424rem 0;
-}
-
-.heading-3 {
-    font-size: 1.64rem;
-    line-height: 110%;
-    margin: 1.0933333333rem 0 .656rem 0;
-}
-
-.heading-5 {
-    font-size: 1.64rem;
-    line-height: 110%;
-    margin: 1.0933333333rem 0 .656rem 0;
-}
-
-.uppercase {
-    text-transform: uppercase;
-}
-
-.cryptmail:after {
-    content: attr(data-name) "@"attr(data-domain) "."attr(data-tld);
-}
-
-a:not([href^='#']) {
-    color: var(--primary-color);
-}
-
-#logo-container img {
-    height: 64px;
-}
-
-.slider .card-panel {
-    background-color: rgba(0, 0, 0, .7);
-    border-radius: 0;
-}
-
-@media only screen and (max-width:600px) {
-    #willkommen-banner {
-        height: calc(100vh - 56px);
-    }
-
-    .heading-2,
-    h2 {
-        font-size: 2.82rem;
-    }
-
-    #logo-container img {
-        height: 56px;
-    }
-}
+:root{--primary-color:#33691e}#willkommen-banner{height:calc(100vh - 64px)}#footer-banner{height:90vh}.heading-2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem}.heading-3,.heading-5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem}.uppercase{text-transform:uppercase}.cryptmail:after{content:attr(data-name) "@" attr(data-domain) "." attr(data-tld)}a:not([href^="#"]){color:var(--primary-color)}#logo-container img{height:64px}.slider .card-panel{background-color:rgba(0,0,0,.7);border-radius:0}@media only screen and (max-width:600px){#willkommen-banner{height:calc(100vh - 56px)}.heading-2,h2{font-size:2.82rem}#logo-container img{height:56px}}