use jl-image for images
This commit is contained in:
parent
f140d1e271
commit
3ab7888a2a
|
|
@ -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> 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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in a new issue