From ffc750c405a27f82161ab04e1f4be26a5a6a3a7e Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas@jonasled.de>
Date: Sun, 1 May 2022 12:53:54 +0200
Subject: [PATCH] use jl-image for images

---
 public/anleitungen/mailcow.html   | 32 +++++++++++++++----------------
 public/anleitungen/nextcloud.html |  2 +-
 public/anleitungen/snowboy.html   |  4 ++--
 public/index.html                 | 10 +++++-----
 public/projekte/ledtisch2.html    |  4 ++--
 public/projekte/mqttpush.html     |  4 ++--
 public/projekte/proxdroid.html    |  8 ++++----
 public/projekte/urlkuerzer2.html  |  6 +++---
 public/systeme/backupServer.html  |  2 +-
 public/systeme/epycServer.html    |  2 +-
 public/systeme/laptop.html        |  2 +-
 public/systeme/pc.html            |  2 +-
 12 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/public/anleitungen/mailcow.html b/public/anleitungen/mailcow.html
index 8a399c8..d225afd 100644
--- a/public/anleitungen/mailcow.html
+++ b/public/anleitungen/mailcow.html
@@ -18,7 +18,7 @@
                 href="https://www.debian.org/download">hier</a> heruntergeladen werden. Hierfür wird ein System mit
             mindestens 2GB RAM, 2 Kernen und 10GB Storage empfohlen. Wenn die VM con der CD gebootet wird kommt als
             erstes ein Auswahlmenü, in diesem die Option Install wählen und danach enter drücken.</p>
-        <img src="/img/anleitungen/mailcow/debian_grub.jpg">
+        <jl-img src="/img/anleitungen/mailcow/debian_grub.jpg"></jl-img>
         <p>Im nächsten Schritt wird die Sprache, die Region und das Tastaturlayout fetgelegt. Im nächsten Schritt
             konfiguriert Debian einige Einstellungen wie die Netzwerkkonfiguration. Wenn die automatische Konfiguration
             abgeschlossen ist, frag der Installer nach dem Hostname, dieser kann frei gewählt werden. Ich verwende
@@ -37,8 +37,8 @@
                 class="language-text">yes</code>
             bestätigt.
         </p>
-        <img src="/img/anleitungen/mailcow/debian_partition_method.jpg">
-        <img src="/img/anleitungen/mailcow/debian_partition_finish.jpg">
+        <jl-img src="/img/anleitungen/mailcow/debian_partition_method.jpg"></jl-img>
+        <jl-img src="/img/anleitungen/mailcow/debian_partition_finish.jpg"></jl-img>
         <p>Nun wird Debian auf die Festplatte installiert. Jenachdem wie schnell das Bootlaufwerk und die Festplatte ist
             kann dieser Schritt einige Minuten dauern. Nachdem die ersten Dateien auf die Festplatte kopiert wurden,
             fragt Debian ob CDs mit Paketen eingelesen werden sollen. Dieser Schritt sollte mit <code
@@ -52,13 +52,13 @@
             weitergeben. Im nächsten Schritt sollte nur der SSH Server aktiviert werden. Die Optionen können deaktiviert
             oder aktiviert werden, indem mit den Pfeiltasten auf die entsprechende Option navigiert wird und dann die
             Leertaste gedrückt wird.</p>
-        <img src="/img/anleitungen/mailcow/debian_scan_media.jpg">
-        <img src="/img/anleitungen/mailcow/debian_survey.jpg">
-        <img src="/img/anleitungen/mailcow/debian_software.jpg">
+        <jl-img src="/img/anleitungen/mailcow/debian_scan_media.jpg"></jl-img>  
+        <jl-img src="/img/anleitungen/mailcow/debian_survey.jpg"></jl-img>  
+        <jl-img src="/img/anleitungen/mailcow/debian_software.jpg"></jl-img>
         <p>Nachdem der SSH Server installiert wurde, muss der Bootloader installiert werden, dafür muss bei der Frage ob
             Grub installiert werden soll "Yes" gedrückt werdeb und in der nächsten Seite die Systemfestplatte ausgewählt
             werden.</p>
-        <img src="/img/anleitungen/mailcow/debian_grub_install.jpg">
+        <jl-img src="/img/anleitungen/mailcow/debian_grub_install.jpg"></jl-img>
         <p>Nachdem das System installiert wurde wird Debian neugestartet. Nun kann sich entweder über die Oberfläche
             angemeldet werden oder via SSH über die IP Adresse. Nach der Authentifizierung am System mit dem zuvor
             erstellten Nutzer muss sich als root angemeldet werden und danach das System auf den neuesten Stand gebracht
@@ -127,7 +127,7 @@ cd mailcow-dockerized
         die IP Adresse der reverse DNS Eintrag auf den gleichen Domain wie im MX Eintrag geändert werden (also in meinem
         Fall auf <code class="language-text">mail.jonasled-test.xyz</code>)
         </p>
-        <img src="/img/anleitungen/mailcow/mailcow_dns.jpg">
+        <jl-img src="/img/anleitungen/mailcow/mailcow_dns.jpg"></jl-img>
         <p>
             Wenn nun alle DNS Einstellungen laufen kann Mailcow das erste mal mit dem nachfolgenden Befehl gestartet
             werden. Beim ersten mal werden alle Programme heruntergeladen, abhängig von der Internetgeschwindigkeit kann
@@ -139,7 +139,7 @@ cd mailcow-dockerized
 # nicht benötigt falls noch als root angemeldet aus dem vorherigen Schritt.
 docker-compose up</code>
 </pre>
-        <img src="/img/anleitungen/mailcow/mailcow_login.jpg">
+        <jl-img src="/img/anleitungen/mailcow/mailcow_login.jpg"></jl-img>
         <p>
             Nachdem das oben abgebildete Login Fenster angezeigt wird, ist Mailcow fertig gestartet. Der default
             Nutzername ist admin mit dem Passwort moohoo, dieses sollte umgehend nach dem ersten Login abgeändert
@@ -161,10 +161,10 @@ docker-compose up</code>
                 class="language-text">Mailboxes</code> können nun
             Mailboxen angelegt werden.
         </p>
-        <img src="/img/anleitungen/mailcow/mailcow_setup_mail.jpg">
-        <img src="/img/anleitungen/mailcow/mailcow_domain_setup.jpg"><br>
-        <img src="/img/anleitungen/mailcow/mailcow_domain_new_1.jpg">
-        <img src="/img/anleitungen/mailcow/mailcow_domain_new_2.jpg">
+        <jl-img src="/img/anleitungen/mailcow/mailcow_setup_mail.jpg"></jl-img>
+        <jl-img src="/img/anleitungen/mailcow/mailcow_domain_setup.jpg"></jl-img><br>
+        <jl-img src="/img/anleitungen/mailcow/mailcow_domain_new_1.jpg"></jl-img>
+        <jl-img src="/img/anleitungen/mailcow/mailcow_domain_new_2.jpg"></jl-img>
         <p>
             In der Mailbox Konfiguration kann nun mit dem Button <code class="language-text">Add mailbox</code> eine
             neue Mailbox angelegt werden. Hier
@@ -176,7 +176,7 @@ docker-compose up</code>
             sich der Nutzer ins SOGo anmelden
             um das Webmail zu nutzen oder mit einem Client wie Thunderbird anmelden.
         </p>
-        <img src="/img/anleitungen/mailcow/mailcow_mailbox_new.jpg">
+        <jl-img src="/img/anleitungen/mailcow/mailcow_mailbox_new.jpg"></jl-img>
         <p>
             Nachdem wir nun die erste Mailbox erstellt haben, muss noch ein DNS Eintrag erstellt werden, damit andere
             Server validieren können, dass der sendende Server wirklich authorisiert dazu ist. Dazu im Mailcow Admin
@@ -184,8 +184,8 @@ docker-compose up</code>
             Configuration auf ARC/DKIM Keys gehen. Danach den beim Domain angegebenen Key kopieren und in der DNS
             Verwaltung als TXT Record mit der Bezeichnung <code class="language-text">dkim._domainkey</code> eintragen.
         </p>
-        <img src="/img/anleitungen/mailcow/mailcow_dkim_webui.jpg">
-        <img src="/img/anleitungen/mailcow/mailcow_dkim_dns.jpg">
+        <jl-img src="/img/anleitungen/mailcow/mailcow_dkim_webui.jpg"></jl-img>
+        <jl-img src="/img/anleitungen/mailcow/mailcow_dkim_dns.jpg"></jl-img>
         <p>
             Nun ist unser Mail Server vollständig konfiguriert und kann auch eingesetzt haben. Um die Funktion zu testen
             sollte zuerst mit einem anderen Anbieter eine Mail an eine Adresse auf dem neuen Server gesendet werden.
diff --git a/public/anleitungen/nextcloud.html b/public/anleitungen/nextcloud.html
index ae460f2..fa64b06 100644
--- a/public/anleitungen/nextcloud.html
+++ b/public/anleitungen/nextcloud.html
@@ -70,7 +70,7 @@ chown apache /var/www/localhost/htdocs/ -R</code>
         installiert. Nachdem dieser Schritt erfolgreich durchlaufen ist landen wir auf der Setup-Seite, dort müssen wir
         unsere Datenbank und unseren admin Nutzer wie unten im Bild zu sehen angeben. Falls gewünscht unten den Haken
         bei den empfohlenden Anwendungen entfernen.<br>
-        <img src="/img/anleitungen/nextcloud-setup.png"><br>
+        <jl-img src="/img/anleitungen/nextcloud-setup.png"></jl-img><br>
         Nachdem die Datenbank angelegt und alle Apps installiert wurden, solltest du auf der Startseite der Nextcloud
         gelandet sein. Optional kann nun für mehr performance noch ein Memory-Caching konfiguriert werden. Wie dieses
         eingerichtet ist, kann dem <a
diff --git a/public/anleitungen/snowboy.html b/public/anleitungen/snowboy.html
index eae6ebb..7345fe9 100644
--- a/public/anleitungen/snowboy.html
+++ b/public/anleitungen/snowboy.html
@@ -57,8 +57,8 @@ make</code></pre>
         Rate". Das Problem der Soundkarte ist, dass sie nur 44kHz als Abtastrate unterstützt, Snowboy braucht aber eine
         Abtastrate von 16kHz wie ich daraufhin nachgelesen habe. Unten sind zwei Screenshots der Fehler angefügt.</p>
     <br>
-    <img src="/img/anleitungen/snowboy/snowboy_no_mic.png">
-    <img src="/img/anleitungen/snowboy/snowboy_wrong_sample_rate.png">
+    <jl-img src="/img/anleitungen/snowboy/snowboy_no_mic.png"></jl-img> 
+    <jl-img src="/img/anleitungen/snowboy/snowboy_wrong_sample_rate.png"></jl-img>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>
diff --git a/public/index.html b/public/index.html
index 6f10983..0cdf9dc 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,7 +13,7 @@
     <jl-header data-title="Jonas Leder"></jl-header>
     <div id="content">
         <div class="center">
-            <img data-noPreview="true" id="homeImage" src="/img/bildHome.webp">
+            <jl-img data-noPreview="true" id="homeImage" src="/img/bildHome.webp"></jl-img>
             <h2>&Uuml;ber mich</h2>
             <p class="left block">Hallo, mein Name ist Jonas Leder. Ich bin aktuell Auszubildender in Fachrichtung
                 Fachinformatiker für Anwendungsentwicklung.</p>
@@ -29,10 +29,10 @@
             <jl-skills></jl-skills>
             <div class="banner">
                 <h2>Banner</h2>
-                <a href="https://ipv6.he.net" target="_blank"><img class="no-corner" data-noPreview="true"
-                        src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></a>
-                <a href="https://www.abuseipdb.com/user/45130" target="_blank"><img class="abuseIpImg no-corner"
-                        data-noPreview="true" src="https://www.abuseipdb.com/contributor/45130.svg"></a>
+                <a href="https://ipv6.he.net" target="_blank"><jl-img class="no-corner" data-noPreview="true"
+                        src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></jl-img></a>
+                <a href="https://www.abuseipdb.com/user/45130" target="_blank"><jl-img class="abuseIpImg no-corner"
+                        data-noPreview="true" src="https://www.abuseipdb.com/contributor/45130.svg"></jl-img></a>
             </div>
             <br>
             <br>
diff --git a/public/projekte/ledtisch2.html b/public/projekte/ledtisch2.html
index 14f80da..ff7cf2c 100644
--- a/public/projekte/ledtisch2.html
+++ b/public/projekte/ledtisch2.html
@@ -62,7 +62,7 @@
         Die App ist nun Veröffentlicht.
     </p>
     <br>
-    <a href="https://play.google.com/store/apps/details?id=de.jonasled.led_table"><img src="/img/google-play-badge.png"
+    <a href="https://play.google.com/store/apps/details?id=de.jonasled.led_table"><jl-img src="/img/google-play-badge.png"
                                                                                        width="185"/></a><br>
     <p><strong>Quellcode:</strong></p>
     <ul>
@@ -74,7 +74,7 @@
         </li>
     </ul>
     <br>
-    <img src="/img/projekte/ledTisch2.jpg">
+    <jl-img src="/img/projekte/ledTisch2.jpg"></jl-img>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>
diff --git a/public/projekte/mqttpush.html b/public/projekte/mqttpush.html
index 65255f7..6dbef61 100644
--- a/public/projekte/mqttpush.html
+++ b/public/projekte/mqttpush.html
@@ -16,8 +16,8 @@
                 href="https://gitlab.jonasled.de/jonasled/MQTT_Push">https://gitlab.jonasled.de/jonasled/MQTT_Push</a>
         zu finden. Desweiteren habe ich unten einen installer angehängt.</p>
     <button onclick="window.location.href='/API/getFile.php?filename=files/MQTT_Message.zip';">Download</button><br>
-    <img src="/img/projekte/MQTT-push.png">
-    <img src="/img/projekte/MQTT-push-window.png">
+    <jl-img src="/img/projekte/MQTT-push.png"></jl-img>
+    <jl-img src="/img/projekte/MQTT-push-window.png"></jl-img>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>
diff --git a/public/projekte/proxdroid.html b/public/projekte/proxdroid.html
index 5c23731..f4691cc 100644
--- a/public/projekte/proxdroid.html
+++ b/public/projekte/proxdroid.html
@@ -29,10 +29,10 @@
             GitLab.
             Um neue Features einzureichen oder sich untereinander zu helfen habe ich daneben noch einen <a
                 href="https://discord.gg/JEuXW8h">Discord</a> eingerichtet.</p><br>
-        <img src="/img/projekte/proxdroid/screen_1.png">
-        <img src="/img/projekte/proxdroid/screen_2.png">
-        <img src="/img/projekte/proxdroid/screen_3.png">
-        <img src="/img/projekte/proxdroid/screen_4.png">
+        <jl-img src="/img/projekte/proxdroid/screen_1.png"></jl-img>
+        <jl-img src="/img/projekte/proxdroid/screen_2.png"></jl-img>
+        <jl-img src="/img/projekte/proxdroid/screen_3.png"></jl-img>
+        <jl-img src="/img/projekte/proxdroid/screen_4.png"></jl-img>
         <h2>Kommentare:</h2>
         <jl-comments_display></jl-comments_display>
         <jl-new_comment id="newComment"></jl-new_comment>
diff --git a/public/projekte/urlkuerzer2.html b/public/projekte/urlkuerzer2.html
index 9c72f9e..94461d7 100644
--- a/public/projekte/urlkuerzer2.html
+++ b/public/projekte/urlkuerzer2.html
@@ -39,9 +39,9 @@
                 href="https://gitlab.jonasled.de/jonasled/url_shorter_docker/wikis/install">Installationsanleitung</a>.
         Meine eigene Installation ist, wie der alte URL kürzer unter <a href="https://kurz.gq">kurz.gq</a> erreichbar.
     </p>
-    Aktueller build Status: <img src="http://gitlab.jonasled.de/jonasled/url_shorter_docker/badges/master/pipeline.svg"><br>
-    <img src="/img/projekte/kurz_ml_light.png">
-    <img src="/img/projekte/kurz_ml_dark.jpg">
+    Aktueller build Status: <jl-img src="http://gitlab.jonasled.de/jonasled/url_shorter_docker/badges/master/pipeline.svg"></jl-img><br>
+    <jl-img src="/img/projekte/kurz_ml_light.png"></jl-img>
+    <jl-img src="/img/projekte/kurz_ml_dark.jpg"></jl-img>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>
diff --git a/public/systeme/backupServer.html b/public/systeme/backupServer.html
index cb418ce..75b91ea 100644
--- a/public/systeme/backupServer.html
+++ b/public/systeme/backupServer.html
@@ -26,7 +26,7 @@
         <li><b>Betriebssystem: </b><a href="https://www.proxmox.com/en/">Proxmox Backup Server</a></li>
     </ul>
     <div class="center">
-        <img src="/img/systeme/backupServer.jpg">
+        <jl-img src="/img/systeme/backupServer.jpg"></jl-img>
     </div>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
diff --git a/public/systeme/epycServer.html b/public/systeme/epycServer.html
index d9924c0..11b8e2e 100644
--- a/public/systeme/epycServer.html
+++ b/public/systeme/epycServer.html
@@ -30,7 +30,7 @@
         <li><b>Betriebssystem: </b><a href="https://www.proxmox.com/en/">Proxmox</a></li>
     </ul>
     <div class="center">
-        <img src="/img/systeme/epyc.jpg">
+        <jl-img src="/img/systeme/epyc.jpg"></jl-img>
     </div>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
diff --git a/public/systeme/laptop.html b/public/systeme/laptop.html
index 0aef535..901c5ab 100644
--- a/public/systeme/laptop.html
+++ b/public/systeme/laptop.html
@@ -22,7 +22,7 @@
         <li><b>Betriebssystem: </b><a href="https://archlinux.org/">Arch Linux</a></li>
     </ul>
     <div class="center">
-        <img src="/img/systeme/laptop.jpg">
+        <jl-img src="/img/systeme/laptop.jpg"></jl-img>
     </div>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
diff --git a/public/systeme/pc.html b/public/systeme/pc.html
index 77a0ac6..8a50e62 100644
--- a/public/systeme/pc.html
+++ b/public/systeme/pc.html
@@ -39,7 +39,7 @@
         <li><b>Betriebssystem: </b><a href="https://archlinux.org/">Arch Linux</a></li>
     </ul>
     <div class="center">
-        <img src="/img/systeme/PC.jpg">
+        <jl-img src="/img/systeme/PC.jpg"></jl-img>
     </div>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
-- 
GitLab