jonasled2/website
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

update image path

Browse source
This commit is contained in:
Jonas Leder 2022-01-30 09:54:20 +01:00
parent 43dcd5871c
commit 40e6c049bf
No known key found for this signature in database
GPG key ID: CC3C488E27DFF5CA
24 changed files with 44 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
js/customElements/svgLoader.js
View file

@ -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();
}
}

32
public/anleitungen/mailcow.html
View file

@ -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="/API/getFile.php?filename=img/debian_partition_finish.jpg">
<img src="/img/anleitungen/mailcow/debian_partition_method.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="/API/getFile.php?filename=img/debian_survey.jpg">
<img src="/API/getFile.php?filename=img/debian_software.jpg">
<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">
<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="/API/getFile.php?filename=img/mailcow_domain_setup.jpg"><br>
<img src="/API/getFile.php?filename=img/mailcow_domain_new_1.jpg">
<img src="/API/getFile.php?filename=img/mailcow_domain_new_2.jpg">
<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">
<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="/API/getFile.php?filename=img/mailcow_dkim_dns.jpg">
<img src="/img/anleitungen/mailcow/mailcow_dkim_webui.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.

2
public/anleitungen/nextcloud.html
View file

@ -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

6
public/anleitungen/snowboy.html
View file

@ -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="/API/getFile.php?filename=img/snowboy_wrong_sample_rate.png">
<img src="/img/anleitungen/snowboy/snowboy_no_mic.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>

4
public/anleitungen/vaultwarden.html
View file

@ -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="/API/getFile.php?filename=img/bitwarden_browser_2.jpg">
<img src="/img/anleitungen/bitwarden/bitwarden_browser_1.jpg">
<img src="/img/anleitungen/bitwarden/bitwarden_browser_2.jpg">
</div>
<jl-footer></jl-footer>
<script src="/js/script.js"></script>

6
public/bildquellen.html
View file

@ -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>

0
public/img/Projekte/Proxdroid/Nexus_6P_-_Screenshot_11-576x1024.png → public/img/Projekte/proxdroid/Nexus_6P_-_Screenshot_11-576x1024.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 54 KiB

0
public/img/Projekte/Proxdroid/Nexus_6P_-_Screenshot_21-576x1024.png → public/img/Projekte/proxdroid/Nexus_6P_-_Screenshot_21-576x1024.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 187 KiB

After

Width:  |  Height:  |  Size: 187 KiB

0
public/img/Projekte/Proxdroid/Nexus_6P_-_Screenshot_31-576x1024.png → public/img/Projekte/proxdroid/Nexus_6P_-_Screenshot_31-576x1024.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 133 KiB

0
public/img/Projekte/Proxdroid/Nexus_6P_-_Screenshot_41-576x1024.png → public/img/Projekte/proxdroid/Nexus_6P_-_Screenshot_41-576x1024.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 253 KiB

0
public/img/Projekte/snowboy_no_mic.png → public/img/anleitungen/snowboy/snowboy_no_mic.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 188 KiB

After

Width:  |  Height:  |  Size: 188 KiB

0
public/img/Projekte/snowboy_wrong_sample_rate.png → public/img/anleitungen/snowboy/snowboy_wrong_sample_rate.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 243 KiB

After

Width:  |  Height:  |  Size: 243 KiB

2
public/index.html
View file

@ -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>

2
public/projekte/blitzortung.html
View file

@ -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>

4
public/projekte/insecam.html
View file

@ -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>

2
public/projekte/ledtisch2.html
View file

@ -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>

4
public/projekte/mqttpush.html
View file

@ -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="/API/getFile.php?filename=img/MQTT-push-window.png">
<img src="/img/projekte/MQTT-push.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>

8
public/projekte/proxdroid.html
View file

@ -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="/API/getFile.php?filename=img/Nexus_6P_-_Screenshot_21-576x1024.png">
<img src="/API/getFile.php?filename=img/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_11-576x1024.png">
<img src="/img/projekte/proxdroid/Nexus_6P_-_Screenshot_21-576x1024.png">
<img src="/img/projekte/proxdroid/Nexus_6P_-_Screenshot_31-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>

2
public/projekte/regensensor.html
View file

@ -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>

2
public/projekte/urlkuerzer1.html
View file

@ -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

4
public/projekte/urlkuerzer2.html
View file

@ -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="/API/getFile.php?filename=img/kurz_ml_ldark.jpg">
<img src="/img/projekte/kurz_ml_light.png">
<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>

2
public/systeme/backupServer.html
View file

@ -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>

2
public/systeme/laptop.html
View file

@ -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>

2
styl/lib/_header.styl
View file

@ -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;