diff --git a/public/anleitungen/vaultwarden.html b/public/anleitungen/vaultwarden.html
index 585cf95996c114dafe610b0c9e6de28caf255581..9b2a92e7522ed30cfe3e07396c0d6de995151fe3 100644
--- a/public/anleitungen/vaultwarden.html
+++ b/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="/img/anleitungen/bitwarden/bitwarden_browser_1.jpg">
- <img src="/img/anleitungen/bitwarden/bitwarden_browser_2.jpg">
+ <jl-img src="/img/anleitungen/bitwarden/bitwarden_browser_1.jpg"></jl-img>
+ <jl-img src="/img/anleitungen/bitwarden/bitwarden_browser_2.jpg"></jl-img>
</div>
<jl-footer></jl-footer>
<script src="/js/script.js"></script>
diff --git a/public/projekte/blitzortung.html b/public/projekte/blitzortung.html
index 1ff3a9a7d31bba50c89ae547ba3536c7bd71bb5e..dd5509ef6a4a1b8c5106d226b6328fcc041c7bc4 100644
--- a/public/projekte/blitzortung.html
+++ b/public/projekte/blitzortung.html
@@ -11,9 +11,9 @@
<div id = "content" >
<p>Mir wurde in den letzten bei den Gewittern hier in Deutschland die Seite <a href="https://www.lightningmaps.org/#x=;m=sat;r=0;t=3;s=0;o=0;b=;">lightningmaps.org</a> vorgeschlagen, welche ihre Daten vom Gemeinnützigen Projekt blitzortung.org bezieht. Da ich technisch sehr interessiert bin wollte ich natürlich gleich wissen wie diese Seite funktioniert. Online stand dann auch unter <a href="http://de.blitzortung.org/cover_your_area.php">mitmachen</a>, dass sie Seite auf private Anlagen setzt. Beim weiteren Surfen auf der Seite habe ich dann herausgefunden, dass es ein <a href="http://de.blitzortung.org/station_list.php">Verzeichnis</a> aller Stationen gibt, aber ohne Karte. Beim weiteren nachdenken kam ich auf die Idee, dass man das ganze ja so ähnlich wie meine <a href="https://jonasled.tk/insecam/">insecam Karte</a> umsetzen kann. Es gab nur ein Problem, ich hatte keine Koordinaten, sonder nur Ortsangaben. Dies konnte ich aber über eine API von Google lösen. Als die Karte dann lief, ist mir eingefallen, dass ich vielleicht die Marker färben könnte und somit den Status der Station darstellen könnte.</p>
<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><a href="https://blitzortung.jonasled.de/red-dot.png"><jl-img class="alignnone size-large" src="https://blitzortung.jonasled.de/red-dot.png" width="32" height="32"></jl-img></a>Offline<br><a href="https://blitzortung.jonasled.de/green-dot.png"><jl-img class="alignnone size-large" src="https://blitzortung.jonasled.de/green-dot.png" width="32" height="32"></jl-img></a>Online<br><a href="https://blitzortung.jonasled.de/ltblue-dot.png"><jl-img class="alignnone size-large" src="https://blitzortung.jonasled.de/ltblue-dot.png" width="32" height="32"></jl-img></a>Idle<br><a href="https://blitzortung.jonasled.de/blue-dot.png"><jl-img class="alignnone size-large" src="https://blitzortung.jonasled.de/blue-dot.png" width="32" height="32"></jl-img></a>Unknown</p>
<p>Ein Screenshot der Karte:</p>
- <p><img src="/img/projekte/blitzortung.png"</p>
+ <p><jl-img src="/img/projekte/blitzortung.png"></jl-img></p>
<p>Die Karte kann unter <a href="https://blitzortung.jonasled.de">blitzortung.jonasled.de</a> gefunden werden.</p>
<p> </p>
<h2>Update 1:</h2>
diff --git a/public/projekte/insecam.html b/public/projekte/insecam.html
index 97232466e234cdf6a8344b9754e5bcb425070e50..944223751098fa6b4d1cc2e3780078b1bcbbb980 100644
--- a/public/projekte/insecam.html
+++ b/public/projekte/insecam.html
@@ -33,9 +33,9 @@
<button onclick="window.location.href='/API/getFile.php?filename=files/insecam.zip';">Download V1</button> <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="/img/projekte/Insecam.png"><br>
+ <jl-img src="/img/projekte/Insecam.png"></jl-img><br>
<p>Neue Karte mit Leaflet:</p>
- <img src="/img/projekte/insecam_neu.png"><br>
+ <jl-img src="/img/projekte/insecam_neu.png"></jl-img><br>
<h2>Kommentare:</h2>
<jl-comments_display></jl-comments_display>
<jl-new_comment id="newComment"></jl-new_comment>
diff --git a/public/projekte/regensensor.html b/public/projekte/regensensor.html
index f8147cf99c452f8ec255f60461af4621edb9d38f..c0f5865964379cf491dffdd8a90759a7e764b080 100644
--- a/public/projekte/regensensor.html
+++ b/public/projekte/regensensor.html
@@ -48,7 +48,7 @@
</tbody>
</table>
<br>
- <img src="/img/projekte/regensensor.jpg">
+ <jl-img src="/img/projekte/regensensor.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/smartmirror.html b/public/projekte/smartmirror.html
index cc53549af1824a55ceaf034201cbce7053cdca37..e88d9f8fd23d7cce29924616b716a614bbae71eb 100644
--- a/public/projekte/smartmirror.html
+++ b/public/projekte/smartmirror.html
@@ -32,7 +32,7 @@
href="https://gitlab.jonasled.de/jonasled/SmartMirror">Git Server</a></p><br>
<button onclick="document.location.href='/API/getFile.php?filename=files/SmartMirror.zip';">Download</button>
<br><br>
- <img src="/img/projekte/Spiegel.jpg">
+ <jl-img src="/img/projekte/Spiegel.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/urlkuerzer1.html b/public/projekte/urlkuerzer1.html
index 4299ba2933e98ff5c9504bc46a91f9678bba861d..183885a0854a90f0e4c556e7b5258674861400f4 100644
--- a/public/projekte/urlkuerzer1.html
+++ b/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="/img/projekte/URL-kuerzer1.png"></p>
+ <p><jl-img src="/img/projekte/URL-kuerzer1.png"></jl-img></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