update image path

js/customElements/svgLoader.js

@@ -9,7 +9,7 @@ class svgLoad extends HTMLElement {
             }
         }
 
-        xhr.open("GET", "/API/getFile.php?filename=svg/" + svgName + ".svg");
+        xhr.open("GET", "/SVG/" + svgName + ".svg");
         xhr.send();
     }
 }

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="/API/getFile.php?filename=img/debian_grub.jpg">
+        <img src="/img/anleitungen/mailcow/debian_grub.jpg">
         <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="/API/getFile.php?filename=img/debian_partition_method.jpg">
+        <img src="/img/anleitungen/mailcow/debian_partition_method.jpg">
-        <img src="/API/getFile.php?filename=img/debian_partition_finish.jpg">
+        <img src="/img/anleitungen/mailcow/debian_partition_finish.jpg">
         <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="/API/getFile.php?filename=img/debian_scan_media.jpg">
+        <img src="/img/anleitungen/mailcow/debian_scan_media.jpg">
-        <img src="/API/getFile.php?filename=img/debian_survey.jpg">
+        <img src="/img/anleitungen/mailcow/debian_survey.jpg">
-        <img src="/API/getFile.php?filename=img/debian_software.jpg">
+        <img src="/img/anleitungen/mailcow/debian_software.jpg">
         <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="/API/getFile.php?filename=img/debian_grub_install.jpg">
+        <img src="/img/anleitungen/mailcow/debian_grub_install.jpg">
         <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="/API/getFile.php?filename=img/mailcow_dns.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_dns.jpg">
         <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="/API/getFile.php?filename=img/mailcow_login.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_login.jpg">
         <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="/API/getFile.php?filename=img/mailcow_setup_mail.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_setup_mail.jpg">
-        <img src="/API/getFile.php?filename=img/mailcow_domain_setup.jpg"><br>
+        <img src="/img/anleitungen/mailcow/mailcow_domain_setup.jpg"><br>
-        <img src="/API/getFile.php?filename=img/mailcow_domain_new_1.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_domain_new_1.jpg">
-        <img src="/API/getFile.php?filename=img/mailcow_domain_new_2.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_domain_new_2.jpg">
         <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="/API/getFile.php?filename=img/mailcow_mailbox_new.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_mailbox_new.jpg">
         <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="/API/getFile.php?filename=img/mailcow_dkim_webui.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_dkim_webui.jpg">
-        <img src="/API/getFile.php?filename=img/mailcow_dkim_dns.jpg">
+        <img src="/img/anleitungen/mailcow/mailcow_dkim_dns.jpg">
         <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.

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="/API/getFile.php?filename=img/nextcloud-setup.png"><br>
+        <img src="/img/anleitungen/nextcloud-setup.png"><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

public/anleitungen/snowboy.html

@@ -31,7 +31,7 @@ build-essential git python3-setuptools python3-dev autotools-dev automake</code>
     <pre><code class="language-bash">wget http://downloads.sourceforge.net/swig/swig-3.0.12.tar.gz
 tar -xovzf swig-3.0.12.tar.gz
 cd swig-3.0.12
-wget https://sourceforge.net/projects/pcre/API/getFile.php?filename=files/pcre/8.42/pcre-8.42.tar.gz
+wget https://sourceforge.net/projects/pcre/8.42/pcre-8.42.tar.gz
 ./Tools/pcre-build.sh
 ./autogen
 ./configure
@@ -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="/API/getFile.php?filename=img/snowboy_no_mic.png">
+    <img src="/img/anleitungen/snowboy/snowboy_no_mic.png">
-    <img src="/API/getFile.php?filename=img/snowboy_wrong_sample_rate.png">
+    <img src="/img/anleitungen/snowboy/snowboy_wrong_sample_rate.png">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/anleitungen/vaultwarden.html

@@ -66,8 +66,8 @@ services:
             URL zum Server angeben. Ganz wichtig ist hierbei das vorgestellte HTTPS. Anschließend funktioniert der Login
             auf der Startseite mit dem gleichen Benutzer, wie auch im Webclient.
         </p>
-        <img src="/API/getFile.php?filename=img/bitwarden_browser_1.jpg">
+        <img src="/img/anleitungen/bitwarden/bitwarden_browser_1.jpg">
-        <img src="/API/getFile.php?filename=img/bitwarden_browser_2.jpg">
+        <img src="/img/anleitungen/bitwarden/bitwarden_browser_2.jpg">
     </div>
     <jl-footer></jl-footer>
     <script src="/js/script.js"></script>

public/bildquellen.html

@@ -10,18 +10,18 @@
 <jl-header data-title="Bildquellen"></jl-header>
 <div id="content">
     <ul>
-        <li><span class="clickSpan" src='/API/getFile.php?filename=img/bannerHome.webp'>Bild oben</span>: Photo by <a
+        <li><span class="clickSpan" src='/img/bannerHome.webp'>Bild oben</span>: Photo by <a
                 href="https://unsplash.com/@hishahadat?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Shahadat
             Rahman</a>&nbsp;on&nbsp;<a
                 href="https://unsplash.com/s/photos/programmer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a>
         </li>
-        <li><span class="clickSpan" src='/API/getFile.php?filename=img/bildHome.webp'>Bild Startseite</span>: Photo by&nbsp;<a
+        <li><span class="clickSpan" src='/img/bildHome.webp'>Bild Startseite</span>: Photo by&nbsp;<a
                 href="https://unsplash.com/@grohsfabian?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Fabian
             Grohs</a>&nbsp;on&nbsp;<a
                 href="https://unsplash.com/s/photos/programmer?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a>
         </li>
         <li>
-            <span class="clickSpan" src='/API/getFile.php?filename=img/laptop.jpg'>Bild Laptop</span>: <a href="https://sm.pcmag.com/t/pcmag_au/review/l/lenovo-thi/lenovo-thinkpad-l13-yoga_7bvb.1920.jpg">pcmag</a>
+            <span class="clickSpan" src='/img/systeme/laptop.jpg'>Bild Laptop</span>: <a href="https://sm.pcmag.com/t/pcmag_au/review/l/lenovo-thi/lenovo-thinkpad-l13-yoga_7bvb.1920.jpg">pcmag</a>
         </li>
     </ul>
 </div>

public/index.html

@@ -11,7 +11,7 @@
 <jl-header data-title="Jonas Leder"></jl-header>
 <div id="content">
     <div class="center">
-        <img data-noPreview="true" id="homeImage" src="/API/getFile.php?filename=img/bildHome.webp">
+        <img data-noPreview="true" id="homeImage" src="/img/bildHome.webp">
         <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>
         <p>

public/projekte/blitzortung.html

@@ -13,7 +13,7 @@
     <p>Diese drei Marker gibt es:</p>
     <p><a href="https://blitzortung.jonasled.de/red-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/red-dot.png" width="32" height="32"></a>Offline<br><a href="https://blitzortung.jonasled.de/green-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/green-dot.png" width="32" height="32"></a>Online<br><a href="https://blitzortung.jonasled.de/ltblue-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/ltblue-dot.png" width="32" height="32"></a>Idle<br><a href="https://blitzortung.jonasled.de/blue-dot.png"><img class="alignnone size-large" src="https://blitzortung.jonasled.de/blue-dot.png" width="32" height="32"></a>Unknown</p>
     <p>Ein Screenshot der Karte:</p>
-    <p><img src="/API/getFile.php?filename=img/blitzortung.png"</p>
+    <p><img src="/img/projekte/blitzortung.png"</p>
     <p>Die Karte kann unter&nbsp;<a href="https://blitzortung.jonasled.de">blitzortung.jonasled.de</a>&nbsp;gefunden werden.</p>
     <p>&nbsp;</p>
     <h2>Update 1:</h2>

public/projekte/insecam.html

@@ -33,9 +33,9 @@
     
     <button onclick="window.location.href='/API/getFile.php?filename=files/insecam.zip';">Download V1</button>&nbsp;<button onclick="window.location.href='/API/getFile.php?filename=files/Insecam_v2.zip';">Download V2</button><br>
     <p>Alte Karte mit Google Maps:</p>
-    <img src="/API/getFile.php?filename=/img/Insecam.png"><br>
+    <img src="/img/projekte/Insecam.png"><br>
     <p>Neue Karte mit Leaflet:</p>
-    <img src="/API/getFile.php?filename=/img/insecam_neu.png"><br>
+    <img src="/img/projekte/insecam_neu.png"><br>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/projekte/ledtisch2.html

@@ -74,7 +74,7 @@
         </li>
     </ul>
     <br>
-    <img src="/API/getFile.php?filename=img/ledTisch2.jpg">
+    <img src="/img/projekte/ledTisch2.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

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="/API/getFile.php?filename=img/MQTT-push.png">
+    <img src="/img/projekte/MQTT-push.png">
-    <img src="/API/getFile.php?filename=img/MQTT-push-window.png">
+    <img src="/img/projekte/MQTT-push-window.png">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/projekte/proxdroid.html

@@ -21,10 +21,10 @@
         gibt es aber auch die <a href="https://gitlab.com/jonasled/proxdroid/-/releases">Releases</a> direkt auf 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="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_11-576x1024.png">
+    <img src="/img/projekte/proxdroid/Nexus_6P_-_Screenshot_11-576x1024.png">
-    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_21-576x1024.png">
+    <img src="/img/projekte/proxdroid/Nexus_6P_-_Screenshot_21-576x1024.png">
-    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_31-576x1024.png">
+    <img src="/img/projekte/proxdroid/Nexus_6P_-_Screenshot_31-576x1024.png">
-    <img src="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_41-576x1024.png">
+    <img src="/img/projekte/proxdroid/Nexus_6P_-_Screenshot_41-576x1024.png">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/projekte/regensensor.html

@@ -48,7 +48,7 @@
         </tbody>
     </table>
     <br>
-    <img src="/API/getFile.php?filename=img/regensensor.jpg">
+    <img src="/img/projekte/regensensor.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

public/projekte/urlkuerzer1.html

@@ -23,7 +23,7 @@
         würde dieser beispielhaft folgendermaßen lauten:</p>
     <p><em>AliasMatch "^/(.*)" "/var/www/url_shorter/index.php"</em></p>
     <p>Der Kürzer ist unter <a href="https://kurz.ml">kurz.ml</a> erreichbar.</p>
-    <p><img src="/API/getFile.php?filename=img/URL-kuerzer1.png"></p>
+    <p><img src="/img/projekte/URL-kuerzer1.png"></p>
     <p><strong>Update:</strong> Da das alte Design nicht besonders schön aussah habe ich mich dazu entschlossen ein
         neues Design zu verwenden, welches jetzt auf <a href="https://getbootstrap.com/">Bootstrap</a> basiert. Das
         Design ist <a href="https://kurz.ml/design">hier</a> zu finden. Für die Benachrichtigungen unten rechts habe ich

public/projekte/urlkuerzer2.html

@@ -40,8 +40,8 @@
         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="/API/getFile.php?filename=img/kurz_ml_light.png">
+    <img src="/img/projekte/kurz_ml_light.png">
-    <img src="/API/getFile.php?filename=img/kurz_ml_ldark.jpg">
+    <img src="/img/projekte/kurz_ml_ldark.jpg">
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>
     <jl-new_comment id="newComment"></jl-new_comment>

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="/API/getFile.php?filename=img/backupServer.jpg">
+        <img src="/img/systeme/backupServer.jpg">
     </div>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>

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="/API/getFile.php?filename=img/laptop.jpg">
+        <img src="/img/systeme/laptop.jpg">
     </div>
     <h2>Kommentare:</h2>
     <jl-comments_display></jl-comments_display>

styl/lib/_header.styl

@@ -2,7 +2,7 @@
     box-sizing: border-box;
 }
 .header-homepage {
-  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/API/getFile.php?filename=img/bannerHomeCrop.webp);
+  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)), url(/img/bannerHomeCrop.webp);
   background-size: cover;
   position: relative;
   color: #fff;