forked from samuel-p/sp-codes.de
updated icons to custom font (icomoon)
This commit is contained in:
parent
bd591594e7
commit
22274eed29
GPG key ID:
2AD495D17760CB4E
79 changed files with 453 additions and 192 deletions
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: all-donations
|
||||
title: Unterstützen
|
||||
---
|
||||
<h1><i class="si si-hand-holding-heart"></i> Alle Spenden</h1>
|
||||
<h1><i class="i-hand-holding-heart"></i> Alle Spenden</h1>
|
||||
|
||||
<p><a href="/{{locale}}/donate/">➔ Unterstützen</a></p>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ key: blog
|
|||
eleventyNavigation:
|
||||
key: blog
|
||||
title: Blog
|
||||
icon: si si-book
|
||||
icon: i-book
|
||||
url: https://blog.sp-codes.de/
|
||||
locale: de
|
||||
order: 1
|
||||
|
|
|
|||
|
|
@ -5,38 +5,38 @@ title: Kontakt
|
|||
eleventyNavigation:
|
||||
key: contact
|
||||
title: Kontakt
|
||||
icon: si si-comment-dots
|
||||
icon: i-commenting
|
||||
order: 3
|
||||
---
|
||||
<h1><i class="si si-comment-dots"></i> Kontaktmöglichkeiten</h1>
|
||||
<h1><i class="i-commenting"></i> Kontaktmöglichkeiten</h1>
|
||||
<p>Du möchtest mit mir in Kontakt treten, mir einen Fehler mitteilen, hast eine Frage zu einem Dienst oder möchtest
|
||||
mich unterstützen? Schick mir gerne deine Nachricht auf einem der folgenden Wege. Ich freue mich von dir zu
|
||||
hören.</p>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
|
||||
<div class="pr-3"><span class="si si-envelope si-4x"></span></div>
|
||||
<div class="pr-3"><span class="i-envelope text-foreground i-fw i-4x"></span></div>
|
||||
<div>Schicke mir eine E-Mail an <strong>mail@sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://social.sp-codes.de/@samuel_p">
|
||||
<div class="pr-3"><span class="si si-mastodon si-4x"></span></div>
|
||||
<div class="pr-3"><span class="i-mastodon text-foreground i-fw i-4x"></span></div>
|
||||
<div>Folge mir auf Mastodon oder schicke mir dort eine Nachricht an
|
||||
<strong>@samuel_p@social.sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
|
||||
<div class="pr-3"><span class="si si-matrix si-4x"></span></div>
|
||||
<div class="pr-3"><span class="i-matrix text-foreground i-fw i-4x"></span></div>
|
||||
<div>Schreibe mir auf Matrix an <strong>@samuel-p:matrix.sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://blabber.im/i/samuel-p/dismail.de">
|
||||
<div class="pr-3"><span class="si si-xmpp si-4x"></span></div>
|
||||
<div class="pr-3"><span class="i-xmpp text-foreground i-fw i-4x"></span></div>
|
||||
<div>Schreibe mir auf XMPP an <strong>@samuel-p:dismail.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://threema.id/YSCU6F6U">
|
||||
<div class="pr-3"><span class="si si-threema si-4x"></span></div>
|
||||
<div class="pr-3"><span class="i-threema text-foreground i-fw i-4x"></span></div>
|
||||
<div>Schreibe mir auf Threema an die ID <strong>YSCU6F6U</strong></div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,25 +5,25 @@ title: Unterstützen
|
|||
eleventyNavigation:
|
||||
key: donate
|
||||
title: Unterstützen
|
||||
icon: si si-hand-holding-heart
|
||||
icon: i-hand-holding-heart
|
||||
order: 4
|
||||
---
|
||||
<h1><i class="si si-hand-holding-heart"></i> Unterstützen</h1>
|
||||
<h1><i class="i-hand-holding-heart"></i> Unterstützen</h1>
|
||||
|
||||
<p>Alle öffentlichen Dienste sind kostenfrei nutzbar. Wenn du dich trotzdem an den Unkosten für Server-Infrastruktur
|
||||
<p>Alle öffentlichen Dienste sind kostenfrei nutzbar. Wenn du dich trotzdem an den Kosten für die Server-Infrastruktur
|
||||
beteiligen oder mir eine kleine Anerkennung für meinen Blog zukommen lassen willst, kannst du mich über die
|
||||
folgenden Wege unterstützen<sup>1</sup>:</p>
|
||||
|
||||
<div class="row justify-content-center mb-5">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<div class="card mb-3">
|
||||
<h2><i class="si si-comments fa-fw m-2"></i>Empfehlen</h2>
|
||||
<h2><i class="i-comments i-fw m-2"></i>Empfehlen</h2>
|
||||
<div>Gerne darfst du meine Dienste und meine Blog-Beiträge weiter empfehlen. Ich freue mich sehr, wenn ich
|
||||
euch damit eine Freude machen kann.
|
||||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<h2><i class="fas fa-credit-card fa-fw m-2"></i>Banküberweisung</h2>
|
||||
<h2><i class="i-credit-card i-fw m-2"></i>Banküberweisung</h2>
|
||||
<div>Wenn Du mir etwas überweisen willst, schreib mir einfach eine kurze <a href="/{{locale}}/contact">Nachricht</a>.
|
||||
Ich schicke dir dann schnellstmöglich meine Bankverbindung zu. Ganz besonders freue ich mich auch über
|
||||
einen Dauerauftrag.
|
||||
|
|
@ -34,7 +34,7 @@ eleventyNavigation:
|
|||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<h2><i class="fas fa-money-bill fa-fw m-2"></i>Bargeld</h2>
|
||||
<h2><i class="i-money-bill i-fw m-2"></i>Bargeld</h2>
|
||||
<div>Wer mir etwas Bargeld zukommen lassen möchte, darf das gerne an die Adresse aus dem <a
|
||||
href="/{{locale}}/imprint">Impressum</a> senden.
|
||||
<div class="mt-3 text-center">
|
||||
|
|
@ -44,7 +44,7 @@ eleventyNavigation:
|
|||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<h2><i class="si si-opencollective m-2"></i>Open Collective</h2>
|
||||
<h2><i class="i-opencollective m-2"></i>Open Collective</h2>
|
||||
<div>Gerne kannst du mir auch über <a href="https://opencollective.com/sp-codes" target="_blank">Open
|
||||
Collective</a> einen kleinen Betrag zukommen lassen. Wenn du willst, kannst du mich dort auch mit einer
|
||||
regelmäßigen Spende unterstützen.
|
||||
|
|
@ -56,7 +56,7 @@ eleventyNavigation:
|
|||
</div>
|
||||
</div>
|
||||
<div class="card mb-3">
|
||||
<h2><i class="fas fa-network-wired fa-fw m-2"></i>netcup</h2>
|
||||
<h2><i class="i-network-wired i-fw m-2"></i>netcup</h2>
|
||||
<div>Einige meiner Dienste hoste ich bei <a href="https://www.netcup.de/" target="_blank">netcup</a>. Wenn
|
||||
du einen eigenen Server oder eine Webseite bei netcup betreiben willst, kannst du gerne den folgenden
|
||||
Link (auf dem Bild) nutzen. Dadurch erhalte ich bei deiner Bestellung eine kleine Provision. Falls du
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
layout: base.njk
|
||||
title: Impressum
|
||||
---
|
||||
<h1><i class="fas fa-info-circle"></i> Impressum</h1>
|
||||
<h1><i class="i-info-circle"></i> Impressum</h1>
|
||||
<div class="mb-4">
|
||||
<h2>Angaben gemäß § 5 TMG:</h2>
|
||||
<p>Samuel Philipp<br/>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ title: Home
|
|||
eleventyNavigation:
|
||||
key: home
|
||||
title: Home
|
||||
icon: si si-home
|
||||
icon: i-home
|
||||
---
|
||||
<div class="row justify-content-center py-4 border-top">
|
||||
<div class="col-lg-8 col-md-10 col-12">
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
layout: base.njk
|
||||
title: Datenschutzerklärung
|
||||
---
|
||||
<h1><i class="fas fa-user-secret"></i> Datenschutzerklärung</h1>
|
||||
<h1><i class="i-user-secret"></i> Datenschutzerklärung</h1>
|
||||
<div class="mb-3">
|
||||
<h2>Verantwortlicher</h2>
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -5,10 +5,10 @@ title: Dienste
|
|||
eleventyNavigation:
|
||||
key: services
|
||||
title: Dienste
|
||||
icon: si si-server
|
||||
icon: i-server
|
||||
order: 2
|
||||
---
|
||||
<h1><i class="si si-server"></i> Dienste</h1>
|
||||
<h1><i class="i-server"></i> Dienste</h1>
|
||||
<p>In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier findest du eine
|
||||
Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland
|
||||
gehostet. Fühl dich frei, davon Gebrauch zu machen.</p>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: connectivitycheck
|
||||
title: Captive Portal Check
|
||||
---
|
||||
# <i class="si si-wifi"></i> Captive Portal Check
|
||||
# <i class="i-wifi"></i> Captive Portal Check
|
||||
|
||||
Ein Captive Portal ist eine Anmeldeseite in öffentlichen WLAN-Netzwerken, um den Internet-Zugriff an die Zustimmung bestimmter Nutzungsregeln zu binden. Wenn du in einem öffentlichen Netzwerk eine Anmeldeseite angezeigt bekommst, nutzt dein Gerät dafür einen Captive Portal Check. Dieser ermöglicht es dem Gerät, herauszufinden, ob du einen direkten Internetzugang hast oder nicht. Unter Android wird hierfür beispielsweise eine Anfrage an einen Google-Server gestellt.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: firefox-sync
|
||||
title: Firefox Sync
|
||||
---
|
||||
# <i class="si si-firefox-browser"></i> Firefox Sync
|
||||
# <i class="i-firefox-browser"></i> Firefox Sync
|
||||
|
||||
Nutzt du Firefox auf mehreren Geräten zum Surfen? Dann kannst du mit Firefox Sync deine Browserdaten (Lesezeichen, offene Tabs, die Suchhistorie, uvm.) zwischen all deinen Geräten synchronisieren.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: gitea
|
||||
title: Gitea
|
||||
---
|
||||
# <i class="si si-gitea"></i> Gitea
|
||||
# <i class="i-gitea"></i> Gitea
|
||||
|
||||
Gitea ist eine einfache Code-Hosting-Plattform wie GitHub oder GitLab. Sie ist opensource und wird kontinuierlich weiterentwickelt. __Seit Ende 2019 betreibe ich eine eigene Gitea Instanz, in der ich meine Projekte verwalte.__ So zum Beispiel auch diese Webseite. Schau dir gerne mal den Quelltext an und lass mir Feedback da.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: invidious
|
||||
title: Invidious
|
||||
---
|
||||
# <i class="si si-youtube"></i> Invidious
|
||||
# <i class="i-youtube"></i> Invidious
|
||||
|
||||
Invidious ist ein alternatives Frontend für YouTube.
|
||||
Da nur die nötigsten Verbindungen zu YouTube aufgebaut werden und viele sogar vom Server selber übernommen werden, erhöht Invidious die Privatsphäre der Nutzer:innen.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: jitsi
|
||||
title: Jitsi Meet
|
||||
---
|
||||
# <i class="si si-users"></i> Jitsi Meet
|
||||
# <i class="i-users"></i> Jitsi Meet
|
||||
|
||||
Jitsi-Meet ist eine Plattform für Videokonferenzen. Ohne Anmeldung können vollständig verschlüsselte Video-Chats gestartet werden. Zusätzlich bietet Jitsi-Meet die Möglichkeit den Bildschirm für die anderen Teilnehmer:innen freizugeben, neue Benutzer:innen einfach per Link einzuladen und Nachrichten im integrierten Chat zu verschicken.
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ key: matrix
|
|||
title: Matrix
|
||||
---
|
||||
|
||||
# <i class="si si-comments"></i> Matrix
|
||||
# <i class="i-comments"></i> Matrix
|
||||
|
||||
[Matrix](https://matrix.org) ist eine moderne, quelloffene Software für dezentrale Kommunikation (wie E-Mail). Matrix
|
||||
bietet von Haus aus Sprach- und Videoanrufe, inklusive Ende-zu-Ende Verschlüsselung und vieles mehr. Das Entscheidende
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: nitter
|
||||
title: Nitter
|
||||
---
|
||||
# <i class="si si-twitter"></i> Nitter
|
||||
# <i class="i-twitter"></i> Nitter
|
||||
|
||||
Eine freies und quelloffenes Twitter-Frontend, das auf Privatsphäre der Nutzer ausgerichtet ist. Die Verbindungen zu Twitter werden vom Server selber übernommen, um Tracking über IP oder JavaScript zu verhindern.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: searx
|
||||
title: Searx
|
||||
---
|
||||
# <i class="si si-search"></i> Searx
|
||||
# <i class="i-search"></i> Searx
|
||||
|
||||
Searx ist eine freie Metasuchmaschine, das heißt sie nutzt für die Suche öffentliche Suchmaschinen, wie Google, DuckDuckGo, StartPage und viele andere.
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ layout: base.njk
|
|||
key: shields
|
||||
title: Shields
|
||||
---
|
||||
# <i class="si si-tags"></i> Shields
|
||||
# <i class="i-tags"></i> Shields
|
||||
|
||||
Shields ist ein Service für prägnante, konsistente und lesbare Badges im SVG- und Rasterformat. Über eine URL können sie sehr einfach in Readmes oder jede andere Webseite eingebunden werden. Außerdem werden Integrationen zu verschiedenen Diensten oder Netzwerken bereitgestellt.
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue