Einkaufsliste application_liste hinzugefügt

README.md

 # MDT-Webapps-Gulp
 
+1. Projekt klonen
+2. MDT5.sln öffnen um Projekt auszuführen ("einkaufsliste_neu.html" als Startseite festlegen)
+3. Gulp:
+ 3.1 Im Ordner App (location von gulpfile.js) eine CMD öffnen
+ 3.2 Funktionen aus der gulpfile.js ausführen über CMD mit Kommando gulp <funktionsname>
+ -> Funktionen um eine ausführbare App zu erhalten: minifyhtml und image
+ -> Diese Beiden Funktionen sind auch in der Funktion watch enthalten. Watch arbeitet immer nur bei 
+    Änderung einer Datei, überwacht sozusagen die Projektmappe.
+ 3.3 Alle von gulp erzeugten Dateien befinden sich in einem Ordner "dist" in der Projektmappe, 
+     der von gulp eigenständig angelegt wird.
+ 3.4 Die kommprimierte Website kann auch über MDT5.sln geöfnet werden, hierzu einfach 
+     die Datei "einkaufsliste_neu.html" im Ordner dist als Startseite festlegen.
+

code/MDT5.sln

+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio 15
+VisualStudioVersion = 15.0.27428.2005
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "code", ".", "{9311C3EF-F1D1-4606-8668-322C176CA58F}"
+	ProjectSection(WebsiteProperties) = preProject
+		TargetFrameworkMoniker = ".NETFramework,Version%3Dv4.0"
+		Debug.AspNetCompiler.VirtualPath = "/localhost_49537"
+		Debug.AspNetCompiler.PhysicalPath = "..\code\"
+		Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_49537\"
+		Debug.AspNetCompiler.Updateable = "true"
+		Debug.AspNetCompiler.ForceOverwrite = "true"
+		Debug.AspNetCompiler.FixedNames = "false"
+		Debug.AspNetCompiler.Debug = "True"
+		Release.AspNetCompiler.VirtualPath = "/localhost_49537"
+		Release.AspNetCompiler.PhysicalPath = "..\code\"
+		Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_49537\"
+		Release.AspNetCompiler.Updateable = "true"
+		Release.AspNetCompiler.ForceOverwrite = "true"
+		Release.AspNetCompiler.FixedNames = "false"
+		Release.AspNetCompiler.Debug = "False"
+		VWDPort = "49537"
+		SlnRelativePath = "..\code\"
+	EndProjectSection
+EndProject
+Global
+	GlobalSection(Performance) = preSolution
+		HasPerformanceSessions = true
+	EndGlobalSection
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{9311C3EF-F1D1-4606-8668-322C176CA58F}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{9311C3EF-F1D1-4606-8668-322C176CA58F}.Debug|Any CPU.Build.0 = Debug|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {B1CA379E-4295-41CB-A81A-11D05D4683F6}
+	EndGlobalSection
+EndGlobal

code/application_liste/app/README.txt

+1. Projekt klonen
+2. MDT5.sln öffnen um Projekt auszuführen ("einkaufsliste_neu.html" als Startseite festlegen)
+3. Gulp:
+ 3.1 Im Ordner App (location von gulpfile.js) eine CMD öffnen
+ 3.2 Funktionen aus der gulpfile.js ausführen über CMD mit Kommando gulp <funktionsname>
+ -> Funktionen um eine ausführbare App zu erhalten: minifyhtml und image
+ -> Diese Beiden Funktionen sind auch in der Funktion watch enthalten. Watch arbeitet immer nur bei 
+    Änderung einer Datei, überwacht sozusagen die Projektmappe.
+ 3.3 Alle von gulp erzeugten Dateien befinden sich in einem Ordner "dist" in der Projektmappe, 
+     der von gulp eigenständig angelegt wird.
+ 3.4 Die kommprimierte Website kann auch über MDT5.sln geöfnet werden, hierzu einfach 
+     die Datei "einkaufsliste_neu.html" im Ordner dist als Startseite festlegen.

code/application_liste/app/css/Stylecss.css

+* {
+    box-sizing: border-box;
+}
+
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    margin: 0;
+}
+
+.header {
+    padding: 80px;
+    text-align: center;
+    background: #1abc9c;
+    color: antiquewhite;
+}
+
+    /* Increase the font size of the heading */
+    .header h1 {
+        font-size: 40px;
+    }
+
+/* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */
+.navbar {
+    overflow: hidden;
+    background-color: burlywood;
+    position: sticky;
+    position: -webkit-sticky;
+    top: 0;
+}
+
+    /* Style the navigation bar links */
+    .navbar a {
+        float: left;
+        display: block;
+        color: white;
+        text-align: center;
+        padding: 14px 20px;
+        text-decoration: none;
+    }
+
+
+        /* Right-aligned link */
+        .navbar a.right {
+            float: right;
+        }
+
+        /* Change color on hover */
+        .navbar a:hover {
+            background-color: #ddd;
+            color: black;
+        }
+
+        /* Active/current link */
+        .navbar a.active {
+            background-color: #666;
+            color: white;
+        }
+
+/* Column container */
+.row {
+    display: -ms-flexbox; /* IE10 */
+    display: flex;
+    -ms-flex-wrap: wrap; /* IE10 */
+    flex-wrap: wrap;
+}
+
+/* Create two unequal columns that sits next to each other */
+/* Sidebar/left column */
+.side {
+    -ms-flex: 30%; 
+    flex: 30%;
+    background-color: #f1f1f1;
+    padding: 20px;
+}
+
+/* Main column */
+.main {
+    -ms-flex: 70%; 
+    flex: 70%;
+    background-color: white;
+    padding: 20px;
+    text-align: center;
+}
+
+.liste {
+    display: block;
+    position: relative;
+    padding-left: 35px;
+    margin-bottom: 12px;
+    cursor: pointer;
+    font-size: 22px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+/* Create a custom checkbox */
+.checkmark {
+    position: center;
+    top: 0;
+    left: 0;
+    height: 25px;
+    width: 25px;
+    background-color: #eee;
+}
+
+/* On mouse-over, add a grey background color */
+.liste:hover input ~ .checkmark {
+    background-color: #ccc;
+}
+
+/* When the checkbox is checked, add a blue background */
+.liste input:checked ~ .checkmark {
+    background-color: #2196F3;
+}
+
+/* Create the checkmark/indicator (hidden when not checked) */
+.checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+}
+
+/* Show the checkmark when checked */
+.liste input:checked ~ .checkmark:after {
+    display: block;
+}
+
+/* Style the checkmark/indicator */
+.liste .checkmark:after {
+    left: 9px;
+    top: 5px;
+    width: 5px;
+    height: 10px;
+    border: solid white;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+/* Fake image, just for this example */
+.fakeimg {
+    background-color: #aaa;
+    width: 100%;
+    padding: 20px;
+}
+
+/* Footer */
+.footer {
+    padding: 20px;
+    text-align: center;
+    background: #ddd;
+}
+
+/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
+@media screen and (max-width: 700px) {
+    .row {
+        flex-direction: column;
+    }
+}
+
+/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
+@media screen and (max-width: 400px) {
+    .navbar a {
+        float: none;
+        width: 100%;
+    }
+}

code/application_liste/app/css/galerie.css

+div.gallery {
+    margin: 5px;
+    border: 1px solid #ccc;
+    float: left;
+    width: 180px;
+}
+
+    div.gallery:hover {
+        border: 1px solid #777;
+    }
+
+    div.gallery img {
+        width: 100%;
+        height: auto;
+    }
+
+div.desc {
+    padding: 15px;
+    text-align: center;
+}

code/application_liste/app/dist/css/Stylecss.css

+div.gallery{margin:5px;border:1px solid #ccc;float:left;width:180px}div.gallery:hover{border:1px solid #777}
+div.gallery img{width:100%;height:auto}div.desc{padding:15px;text-align:center}*{box-sizing:border-box}
+body{font-family:Arial,Helvetica,sans-serif;margin:0}.header{padding:80px;text-align:center;background:#1abc9c;color:antiquewhite}
+.header h1{font-size:40px}.navbar{overflow:hidden;background-color:burlywood;position:sticky;position:-webkit-sticky;top:0}
+.navbar a{float:left;display:block;color:white;text-align:center;padding:14px 20px;text-decoration:none}
+.navbar a.right{float:right}.navbar a:hover{background-color:#ddd;color:black}.navbar a.active{background-color:#666;color:white}
+.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.side{-ms-flex:30%;flex:30%;background-color:#f1f1f1;padding:20px}
+.main{-ms-flex:70%;flex:70%;background-color:white;padding:20px;text-align:center}
+.liste{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
+.checkmark{position:center;top:0;left:0;height:25px;width:25px;background-color:#eee}
+.liste:hover input ~ .checkmark{background-color:#ccc}.liste input:checked ~ .checkmark{background-color:#2196f3}
+.checkmark:after{content:"";position:absolute;display:none}
+.liste input:checked ~ .checkmark:after{display:block}.liste .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
+.fakeimg{background-color:#aaa;width:100%;padding:20px}.footer{padding:20px;text-align:center;background:#ddd}
+@media screen and (max-width:700px){.row{flex-direction:column}}@media screen and (max-width:400px){.navbar a{float:none;width:100%}
+}

code/application_liste/app/dist/einkaufsliste_neu.html

+<!DOCTYPE html><html lang="en" style="box-sizing: border-box;"><head style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><meta charset="UTF-8" style="box-sizing: border-box;"><meta name="viewport" content="width=device-width,initial-scale=1" style="box-sizing: border-box;"><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="https://www.chefkoch.de/rezepte/was-koche-ich-heute/" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="row" style="-ms-flex-wrap: wrap; box-sizing: border-box; display: flex; flex-wrap: wrap;"><div class="side" style="-ms-flex: 30%; background-color: #f1f1f1; box-sizing: border-box; flex: 30%; padding: 20px;"><h2 style="box-sizing: border-box;">Angebot der Woche</h2><h5 style="box-sizing: border-box;">bei Lidl</h5><div class="fakeimg" style="background-color: #aaa; box-sizing: border-box; height: 200px; padding: 20px; width: 100%;"><img src="img/pizza.jpg" height="50" width="50" style="box-sizing: border-box;"></div><p style="box-sizing: border-box;">Nur diese Woche reduziert</p><h3 style="box-sizing: border-box;">Rezeptideen</h3><a href="https://www.chefkoch.de/rezepte/892091194766322/Weisse-Pizza-mit-Steinpilz-Gorgonzola-und-Rucola.html" style="box-sizing: border-box;"><img src="img/weisse-pizza-mit-steinpilz-gorgonzola-und-rucola.jpg" width="300" height="200" style="box-sizing: border-box;"></a><br style="box-sizing: border-box;"><a href="https://www.chefkoch.de/rezepte/1962241319120437/Spareribs-im-Backofen.html" style="box-sizing: border-box;"><img src="img/spareribs-im-backofen.jpg" width="300" height="200" style="box-sizing: border-box;"></a><br style="box-sizing: border-box;"><div class="fakeimg" style="background-color: #aaa; box-sizing: border-box; height: 60px; padding: 20px; width: 100%;">Image</div></div><div class="main" style="-ms-flex: 70%; background-color: white; box-sizing: border-box; flex: 70%; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Einkaufsliste</h2><h5 style="box-sizing: border-box;">Webapp zur Erstellung einer Einkaufsliste</h5><div style="box-sizing: border-box;"><img src="img/Ernaehrungspyramide.jpg" height="400" width="400" style="box-sizing: border-box;"></div><p style="box-sizing: border-box;">Diese Pyramiede soll sie daran erinnern auf eine ausgewogene Ernährung zu achten.</p></div></div><div class="footer" style="background: #ddd; box-sizing: border-box; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Ende dieser Website</h2></div></body></html>

code/application_liste/app/dist/galerie.html

+<!DOCTYPE html><html style="box-sizing: border-box;"><head style="box-sizing: border-box;"><meta charset="utf-8" style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="#" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="gallery" id="aepfel" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/aepfel.jpg" style="box-sizing: border-box;"><img src="img/aepfel.jpg" alt="Äpfel" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Äpfel</div></div><div class="gallery" id="milch" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/milch.jpg" style="box-sizing: border-box;"><img src="img/milch.jpg" alt="Milch" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Milch</div></div><div class="gallery" id="wasser" style="border: 1px solid #ccc; box-sizing: border-box; float: left; margin: 5px; width: 180px;"><a target="_blank" href="img/wasser.jpg" style="box-sizing: border-box;"><img src="img/wasser.jpg" alt="Wasser" width="100" height="100" style="box-sizing: border-box; height: auto; width: 100%;"></a><div class="desc" style="box-sizing: border-box; padding: 15px; text-align: center;">Wasser</div></div></body></html>

code/application_liste/app/dist/liste_anlegen.html

+<!DOCTYPE html><html style="box-sizing: border-box;"><head style="box-sizing: border-box;"><title style="box-sizing: border-box;">Einkaufsliste</title><meta charset="UTF-8" style="box-sizing: border-box;"><meta name="viewport" content="width=device-width,initial-scale=1" style="box-sizing: border-box;"><link rel="icon" href="img/einkaufstasche.png" style="box-sizing: border-box;"></head><body style="box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; margin: 0;"><div class="header" style="background: #1abc9c; box-sizing: border-box; color: antiquewhite; padding: 80px; text-align: center;"><h1 style="box-sizing: border-box; font-size: 40px;">Einkaufliste</h1><p style="box-sizing: border-box;">Erstelle deine persönlich <b style="box-sizing: border-box;">Einkaufsliste</b></p></div><div class="navbar" style="background-color: burlywood; box-sizing: border-box; overflow: hidden; position: -webkit-sticky; top: 0;"><a href="einkaufsliste_neu.html" class="active" style="background-color: #666; box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Home</a> <a href="galerie.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Bildergallerie</a> <a href="liste_anlegen.html" style="box-sizing: border-box; color: white; display: block; float: left; padding: 14px 20px; text-align: center; text-decoration: none;">Einkaufsliste erstellen</a> <a href="#" class="right" style="box-sizing: border-box; color: white; display: block; float: right; padding: 14px 20px; text-align: center; text-decoration: none;">Link</a></div><div class="row" style="-ms-flex-wrap: wrap; box-sizing: border-box; display: flex; flex-wrap: wrap;"><div class="main" style="-ms-flex: 70%; background-color: white; box-sizing: border-box; flex: 70%; padding: 20px; text-align: center;"><h2 style="box-sizing: border-box;">Einkaufsliste <img src="img/einkaufstasche.png" height="200" width="200" style="box-sizing: border-box;"></h2><br style="box-sizing: border-box;"><div class="liste" id="liste" style="-moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; box-sizing: border-box; cursor: pointer; display: block; font-size: 22px; margin-bottom: 12px; padding-left: 35px; position: relative; user-select: none;"></div><label for="element" style="box-sizing: border-box;">Artikel:</label> <input type="text" id="element" style="box-sizing: border-box;"> <label for="menge" style="box-sizing: border-box;">Menge:</label> <input type="text" id="menge" style="box-sizing: border-box;"><br style="box-sizing: border-box;"><br style="box-sizing: border-box;"><br style="box-sizing: border-box;"><input type="button" id="button1" value="Hinzufügen" style="box-sizing: border-box;"> <input type="button" id="button3" value="Letzten Punkt Löschen" style="box-sizing: border-box;"> <input type="button" id="button2" value="Gesammte Liste löschen" style="box-sizing: border-box;"><script src="skripts/speichern_liste.js" style="box-sizing: border-box;"></script></div></div></body></html>

code/application_liste/app/dist/skripts/einkauf.js

+var counter=0;function onClick(){var e=document.getElementById("element"),t=document.getElementById("menge");console.log(e.value),add(e.value,t.value)}function add(e,t){counter++;var n=document.getElementById("liste"),c=document.createElement("input");c.setAttribute("type","checkbox"),c.setAttribute("id","cb"+counter),c.setAttribute("class","checkmark");var d=document.createElement("label");d.innerHTML=e+"  "+t,d.setAttribute("for","cb"+counter),n.appendChild(c),n.appendChild(d),n.appendChild(document.createElement("br"))}

code/application_liste/app/dist/skripts/speichern_liste.js

+function init(){document.getElementById("button1").onclick=add,document.getElementById("button2").onclick=allesLoeschen,document.getElementById("button3").onclick=deleteLast;for(var e=HoleEintraege(),t=0;t<e.length;t++){var n=e[t];insDocSchreiben(n,JSON.parse(localStorage[n]))}}function add(){var e=HoleEintraege(),t=document.getElementById("element").value,n=document.getElementById("menge").value;console.log(element.value);var l="aufgabe_"+(new Date).getTime();localStorage.setItem(l,JSON.stringify(t+"   "+n)),e.push(l),localStorage.setItem("eintraegeArray",JSON.stringify(e)),insDocSchreiben(l,t+"   "+n)}function deleteLast(){var e=document.getElementById("liste");e.removeChild(e.lastChild),e.removeChild(e.lastChild),e.removeChild(e.lastChild);HoleEintraege()}function allesLoeschen(){localStorage.clear();for(var e=document.getElementById("liste"),t=e.childNodes,n=t.length-1;0<=n;n--)e.removeChild(t[n]);HoleEintraege()}function HoleEintraege(){var e=localStorage.getItem("eintraegeArray");return e?e=JSON.parse(e):(e=[],localStorage.setItem("eintraegeArray",JSON.stringify(e))),e}function insDocSchreiben(e,t){var n=document.getElementById("liste"),l=document.createElement("input");l.setAttribute("type","checkbox"),l.setAttribute("id",e),l.setAttribute("class","checkmark");var a=document.createElement("label");a.innerHTML=t,a.setAttribute("for",e),n.appendChild(l),n.appendChild(a),n.appendChild(document.createElement("br"))}window.onload=init;

code/application_liste/app/einkaufsliste_neu.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Einkaufsliste</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/Stylecss.css">
+    <link rel="icon" href="img/einkaufstasche.png" />
+
+</head>
+<body>
+
+    <div class="header">
+        <h1>Einkaufliste</h1>
+        <p>Erstelle deine persönlich <b>Einkaufsliste</b> </p>
+    </div>
+
+    <div class="navbar">
+        <a href="einkaufsliste_neu.html" class="active">Home</a>
+        <a href="galerie.html">Bildergallerie</a>
+        <a href="liste_anlegen.html">Einkaufsliste erstellen</a>
+        <a href="https://www.chefkoch.de/rezepte/was-koche-ich-heute/" class="right">Link</a>
+    </div>
+
+    <div class="row">
+        <div class="side">
+            <h2>Angebot der Woche</h2>
+            <h5>bei Lidl</h5>
+            <div class="fakeimg" style="height:200px;"><img src="img/pizza.jpg" height="50" width="50" /></div>
+            <p>Nur diese Woche reduziert</p>
+            <h3>Rezeptideen </h3>
+            <a href="https://www.chefkoch.de/rezepte/892091194766322/Weisse-Pizza-mit-Steinpilz-Gorgonzola-und-Rucola.html"><img src="img/weisse-pizza-mit-steinpilz-gorgonzola-und-rucola.jpg" width="300" height="200" /></a>
+            <br>
+            <a href="https://www.chefkoch.de/rezepte/1962241319120437/Spareribs-im-Backofen.html"><img src="img/spareribs-im-backofen.jpg" width="300" height="200" /></a>
+            <br>
+            <div class="fakeimg" style="height:60px;">Image</div>
+        </div>
+        <div class="main">
+            <h2>Einkaufsliste</h2>
+            <h5>Webapp zur Erstellung einer Einkaufsliste</h5>
+            <div><img src="img/Ernaehrungspyramide.jpg" height="400"width="400"/></div>
+            <p>Diese Pyramiede soll sie daran erinnern auf eine ausgewogene Ernährung zu achten.</p>
+            </div>
+    </div>
+
+    <div class="footer">
+        <h2>Ende dieser Website</h2>
+    </div>
+
+</body>
+</html>

code/application_liste/app/galerie.html

+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>Einkaufsliste</title>
+    <link rel="stylesheet" href="css/Stylecss.css">
+    <link rel="stylesheet" href="css/galerie.css">
+    <link rel="icon" href="img/einkaufstasche.png" />
+    
+</head>
+<body>
+
+    <div class="header">
+        <h1>Einkaufliste</h1>
+        <p>Erstelle deine persönlich <b>Einkaufsliste</b> </p>
+    </div>
+
+    <div class="navbar">
+        <a href="einkaufsliste_neu.html" class="active">Home</a>
+        <a href="galerie.html">Bildergallerie</a>
+        <a href="liste_anlegen.html">Einkaufsliste erstellen</a>
+        <a href="#" class="right">Link</a>
+    </div>
+
+
+
+    <div class="gallery" id="aepfel">
+        <a target="_blank" href="img/aepfel.jpg">
+            <img src="img/aepfel.jpg" alt="Äpfel" width="100" height="100">
+        </a>
+        <div class="desc">Äpfel</div>
+    </div>
+
+    <div class="gallery" id="milch">
+        <a target="_blank" href="img/milch.jpg">
+            <img src="img/milch.jpg" alt="Milch" width="100" height="100">
+        </a>
+        <div class="desc">Milch</div>
+    </div>
+
+    <div class="gallery" id="wasser">
+        <a target="_blank" href="img/wasser.jpg">
+            <img src="img/wasser.jpg" alt="Wasser" width="100" height="100">
+        </a>
+        <div class="desc">Wasser</div>
+    </div>
+
+</body>
+</html>

code/application_liste/app/gulpfile.js

+var gulp = require("gulp");
+var uglifycss = require('gulp-uglifycss');
+var image = require('gulp-image');
+var uglify = require('gulp-uglify');
+var pipeline = require('readable-stream').pipeline;
+var concatCss = require('gulp-concat-css');
+var htmlmin = require('gulp-htmlmin');
+var inlineCss = require('gulp-inline-css');
+var injectJS = require('gulp-inject-js');
+
+gulp.task('minifyhtml', () => {
+    return gulp.src('*.html')
+        .pipe(htmlmin({ collapseWhitespace: true }))
+        .pipe(inlineCss())
+        .pipe(injectJS())
+        .pipe(gulp.dest('dist'));
+});
+
+gulp.task('css', async function () {
+    gulp.src('./css/*.css')
+        .pipe(concatCss("Stylecss.css"))
+        .pipe(uglifycss({
+            "maxLineLen": 80,
+            "uglyComments": true
+        }))
+        .pipe(gulp.dest('dist/css'));
+});
+
+
+
+gulp.task('image', async function () {
+    gulp.src('./img/*')
+        .pipe(image())
+        .pipe(gulp.dest('./dist/img'));
+});
+
+gulp.task('compress', async function () {
+    return pipeline(
+        gulp.src('./skripts/*.js'),
+        uglify(),
+        gulp.dest('./dist/skripts')
+    );
+});
+
+gulp.task('watch', async function () {
+    gulp.watch('app/img/*', gulp.series('image'));
+    gulp.watch('app/*.html', gulp.series('minifyhtml'));
+});

code/application_liste/app/liste_anlegen.html

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Einkaufsliste</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/Stylecss.css">
+    <link rel="icon" href="img/einkaufstasche.png" />
+
+</head>
+<body>
+
+    <div class="header">
+        <h1>Einkaufliste</h1>
+        <p>Erstelle deine persönlich <b>Einkaufsliste</b> </p>
+    </div>
+
+    <div class="navbar">
+        <a href="einkaufsliste_neu.html" class="active">Home</a>
+        <a href="galerie.html">Bildergallerie</a>
+        <a href="liste_anlegen.html">Einkaufsliste erstellen</a>
+        <a href="#" class="right">Link</a>
+    </div>
+
+    <div class="row">
+        <div class="main">
+            <h2>
+                Einkaufsliste   <img src="img/einkaufstasche.png" height="200" width="200" />
+            </h2>
+            <br />
+            <div class="liste" id="liste">
+            </div>
+            <label for="element">Artikel: </label>
+            <input type="text" id="element" />
+            <label for="menge">Menge: </label>
+            <input type="text" id="menge" />
+            <br />
+            <br />
+            <br />
+            <input type="button" id="button1" value="Hinzufügen" />
+            <input type="button" id="button3" value="Letzten Punkt Löschen" />
+            <input type="button" id="button2" value="Gesammte Liste löschen" />
+            <script src="skripts/speichern_liste.js"></script>
+        </div>
+    </div>
+    
+</body>
+</html>

code/application_liste/app/node_modules/.bin/atob

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../atob/bin/atob.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../atob/bin/atob.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/atob.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\atob\bin\atob.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/atob.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../atob/bin/atob.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../atob/bin/atob.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/color-support

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../color-support/bin.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../color-support/bin.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/color-support.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\color-support\bin.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/color-support.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../color-support/bin.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../color-support/bin.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/escodegen

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../escodegen/bin/escodegen.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../escodegen/bin/escodegen.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/escodegen.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\escodegen\bin\escodegen.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/escodegen.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../escodegen/bin/escodegen.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../escodegen/bin/escodegen.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/esgenerate

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../escodegen/bin/esgenerate.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../escodegen/bin/esgenerate.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/esgenerate.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\escodegen\bin\esgenerate.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/esgenerate.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../escodegen/bin/esgenerate.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../escodegen/bin/esgenerate.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/esparse

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../esprima/bin/esparse.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../esprima/bin/esparse.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/esparse.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\esprima\bin\esparse.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/esparse.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../esprima/bin/esparse.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../esprima/bin/esparse.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/esvalidate

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../esprima/bin/esvalidate.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../esprima/bin/esvalidate.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/esvalidate.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\esprima\bin\esvalidate.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/esvalidate.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../esprima/bin/esvalidate.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../esprima/bin/esvalidate.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/gifsicle

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../gifsicle/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../gifsicle/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/gifsicle.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\gifsicle\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/gifsicle.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../gifsicle/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../gifsicle/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/guetzli

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../guetzli/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../guetzli/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/guetzli.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\guetzli\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/guetzli.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../guetzli/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../guetzli/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/gulp

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../gulp/bin/gulp.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../gulp/bin/gulp.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/gulp.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\gulp\bin\gulp.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/gulp.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../gulp/bin/gulp.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../gulp/bin/gulp.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/he

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../he/bin/he" "$@"
+  ret=$?
+else 
+  node  "$basedir/../he/bin/he" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/he.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\he\bin\he" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/he.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../he/bin/he" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../he/bin/he" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/html-minifier

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../html-minifier/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../html-minifier/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/html-minifier.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\html-minifier\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/html-minifier.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../html-minifier/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../html-minifier/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/jpeg-recompress

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../jpeg-recompress-bin/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../jpeg-recompress-bin/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/jpeg-recompress.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\jpeg-recompress-bin\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/jpeg-recompress.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../jpeg-recompress-bin/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../jpeg-recompress-bin/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/js-yaml

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../js-yaml/bin/js-yaml.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../js-yaml/bin/js-yaml.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/js-yaml.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\js-yaml\bin\js-yaml.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/js-yaml.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../js-yaml/bin/js-yaml.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../js-yaml/bin/js-yaml.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/lpad-align

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../lpad-align/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../lpad-align/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/lpad-align.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\lpad-align\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/lpad-align.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../lpad-align/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../lpad-align/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/mime

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../mime/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../mime/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/mime.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\mime\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/mime.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../mime/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../mime/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/mkdirp

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../mkdirp/bin/cmd.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../mkdirp/bin/cmd.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/mkdirp.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\mkdirp\bin\cmd.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/mkdirp.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../mkdirp/bin/cmd.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../mkdirp/bin/cmd.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/mozjpeg

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../mozjpeg/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../mozjpeg/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/mozjpeg.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\mozjpeg\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/mozjpeg.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../mozjpeg/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../mozjpeg/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/optipng

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../optipng-bin/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../optipng-bin/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/optipng.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\optipng-bin\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/optipng.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../optipng-bin/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../optipng-bin/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/pngquant

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../pngquant-bin/cli.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../pngquant-bin/cli.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/pngquant.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\pngquant-bin\cli.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/pngquant.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../pngquant-bin/cli.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../pngquant-bin/cli.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/rimraf

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../rimraf/bin.js" "$@"
+  ret=$?
+else 
+  node  "$basedir/../rimraf/bin.js" "$@"
+  ret=$?
+fi
+exit $ret

code/application_liste/app/node_modules/.bin/rimraf.cmd

+@ECHO off
+SETLOCAL
+CALL :find_dp0
+
+IF EXIST "%dp0%\node.exe" (
+  SET "_prog=%dp0%\node.exe"
+) ELSE (
+  SET "_prog=node"
+  SET PATHEXT=%PATHEXT:;.JS;=;%
+)
+
+"%_prog%"  "%dp0%\..\rimraf\bin.js" %*
+ENDLOCAL
+EXIT /b %errorlevel%
+:find_dp0
+SET dp0=%~dp0
+EXIT /b

code/application_liste/app/node_modules/.bin/rimraf.ps1

+#!/usr/bin/env pwsh
+$basedir=Split-Path $MyInvocation.MyCommand.Definition -Parent
+
+$exe=""
+if ($PSVersionTable.PSVersion -lt "6.0" -or $IsWindows) {
+  # Fix case when both the Windows and Linux builds of Node
+  # are installed in the same directory
+  $exe=".exe"
+}
+$ret=0
+if (Test-Path "$basedir/node$exe") {
+  & "$basedir/node$exe"  "$basedir/../rimraf/bin.js" $args
+  $ret=$LASTEXITCODE
+} else {
+  & "node$exe"  "$basedir/../rimraf/bin.js" $args
+  $ret=$LASTEXITCODE
+}
+exit $ret

code/application_liste/app/node_modules/.bin/seek-bunzip

+#!/bin/sh
+basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
+
+case `uname` in
+    *CYGWIN*|*MINGW*|*MSYS*) basedir=`cygpath -w "$basedir"`;;
+esac
+
+if [ -x "$basedir/node" ]; then
+  "$basedir/node"  "$basedir/../seek-bzip/bin/seek-bunzip" "$@"
+  ret=$?
+else 
+  node  "$basedir/../seek-bzip/bin/seek-bunzip" "$@"
+  ret=$?
+fi
+exit $ret