Skip to content
Snippets Groups Projects
Verified Commit 3ab7888a authored by Jonas Leder's avatar Jonas Leder
Browse files

use jl-image for images

parent f140d1e2
No related branches found
No related tags found
No related merge requests found
......@@ -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>
......
......@@ -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>&nbsp;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&nbsp;<a href="https://blitzortung.jonasled.de">blitzortung.jonasled.de</a>&nbsp;gefunden werden.</p>
<p>&nbsp;</p>
<h2>Update 1:</h2>
......
......@@ -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="/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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment