multiple optimizations

updated german texts
fixed some styles

src/_data/services.json

@@ -26,7 +26,7 @@
           "en": ""
         },
         "content": {
-          "de": "<p>Hier findest du eine Artikelserie für einen einfachen Einstieg in Matrix:</p><ol><li><a href=\"/de/services/matrix/setup/part-1/\">Werde Teil der Matrix</a></li><li><a href=\"/de/services/matrix/setup/part-2/\">Sichere Chats mit Matrix</a></li></ul>",
+          "de": "<p>Hier findest du eine Artikelserie für einen einfachen Einstieg in Matrix:</p><ol><li><a href=\"/de/services/matrix/setup/part-1/\">Werde Teil der Matrix</a></li><li><a href=\"/de/services/matrix/setup/part-2/\">Sichere Chats mit Matrix</a></li></ol>",
           "en": ""
         }
       },
@@ -58,7 +58,7 @@
           "en": "My Offer"
         },
         "content": {
-          "de": "<p>Seit Juli 2020 betreibe ich eine eigene Jitsi-Meet Instanz. Du findest sie unter <a href=\"https://jitsi.sp-codes.de\">jitsi.sp-codes.de</a>.</p><p>Gerne darfst du die Instanz mit anderen Leuten nutzen.</p><div class=\"text-center mt-2\"><a class=\"btn btn-primary\" target=\"_blank\" href=\"https://jitsi.sp-codes.de\">Meeting starten</a></div>",
+          "de": "<p>Seit Juli 2020 betreibe ich eine eigene Jitsi-Meet Instanz. Du findest sie unter <a href=\"https://jitsi.sp-codes.de\">jitsi.sp-codes.de</a>.</p><div class=\"text-center mt-2\"><a class=\"btn btn-primary\" target=\"_blank\" href=\"https://jitsi.sp-codes.de\">Meeting starten</a></div>",
           "en": ""
         }
       },
@@ -103,7 +103,6 @@
           "en": ""
         }
       }
-
     ]
   },
   {
@@ -126,6 +125,15 @@
           "de": "<p>Seit August 2021 betreibe ich eine öffentliche PeerTube-Instanz: <a href=\"https://tube.sp-codes.de\">tube.sp-codes.de</a></p><div class=\"text-center mt-2\"><a class=\"btn btn-primary\" target=\"_blank\" href=\"https://tube.sp-codes.de/signup\">Jetzt registrieren</a></div>",
           "en": ""
         }
+      },
+      {
+        "ossrox": {
+          "url": "https://ossrox.org/store"
+        },
+        "content": {
+          "de": "Wenn du einen eigenen Peertube-Server betreiben willst, um deine Plattform für Videos und Live-Streams zu starten, unterstütze ich dich gerne mit meiner Firma Ossrox damit. Schau dir gerne unser Angebot dazu auf unserer Webseite an oder schreib mir eine Nachricht dazu.",
+          "en": ""
+        }
       }
     ]
   },
@@ -150,7 +158,28 @@
     "summary": {
       "de": "Die Plattform für einfaches und sicheres Code-Hosting.",
       "en": "The platform for easy and secure code hosting."
-    }
+    },
+    "cards": [
+      {
+        "title": {
+          "de": "Mein Angebot",
+          "en": "My Offer"
+        },
+        "content": {
+          "de": "<p>Seit Ende 2019 betreibe ich eine eigene Forgejo Instanz, in der ich meine Projekte verwalte. Hier geht's lang: <a href=\"https://git.sp-codes.de\">git.sp-codes.de</a></p><div class=\"text-center mt-2\"><a class=\"btn btn-primary\" target=\"_blank\" href=\"https://git.sp-codes.de/user/sign_up\">Jetzt registrieren</a></div>",
+          "en": ""
+        }
+      },
+      {
+        "ossrox": {
+          "url": "https://ossrox.org/store"
+        },
+        "content": {
+          "de": "Wenn du deine Projekte in einer eigenen Forgejo-, Gitea- oder GitLab-Instanz verwalten willst, unterstütze ich dich gerne mit meiner Firma Ossrox damit. Schau dir gerne unser Angebot dazu auf unserer Webseite an oder schreib mir eine Nachricht dazu.",
+          "en": ""
+        }
+      }
+    ]
   },
   {
     "id": "connectivitycheck",
@@ -160,7 +189,29 @@
     "summary": {
       "de": "Überprüfung der Verfügbarkeit von Internetzugang.",
       "en": "Verification of Internet access availability."
-    }
+    },
+    "cards": [
+      {
+        "title": {
+          "de": "Mein Angebot",
+          "en": "My Offer"
+        },
+        "content": {
+          "de": "<p>Seit Mitte 2019 stelle ich einen freien Captive Portal Check zur Verfügung: <a href=\"https://connectivitycheck.sp-codes.de/generate204\">https://connectivitycheck.sp-codes.de/generate204</a></p>",
+          "en": ""
+        }
+      },
+      {
+        "title": {
+          "de": "Einrichtung",
+          "en": ""
+        },
+        "content": {
+          "de": "<p>Hier findest du einen Artikel, der dir die Einrichtung auf verschiedenen Geräten erklärt:</p><ul><li><a href=\"/de/services/connectivitycheck/setup/\">Captive Portal Check</a></li></ul>",
+          "en": ""
+        }
+      }
+    ]
   },
   {
     "id": "ntfy",
@@ -171,7 +222,19 @@
     "summary": {
       "de": "Echtzeitbenachrichtigungen mit UnifiedPush-Unterstützung.",
       "en": "Real-time notifications with UnifiedPush support."
-    }
+    },
+    "cards": [
+      {
+        "title": {
+          "de": "Mein Angebot",
+          "en": "My Offer"
+        },
+        "content": {
+          "de": "<p>Seit Mai 2023 stelle ich ntfy zur freien Verfügung: <a href=\"https://ntfy.sp-codes.de\">ntfy.sp-codes.de</a></p><div>Gerne kannst du ntfy als Push-Provider für deine Apps nutzen, wenn du möchtest.</div>",
+          "en": ""
+        }
+      }
+    ]
   },
   {
     "id": "etherpad",
@@ -182,7 +245,19 @@
     "summary": {
       "de": "Gemeinsame Echtzeit-Textbearbeitung für effektive Zusammenarbeit.",
       "en": "Collaborative real-time text editing for effective collaboration."
-    }
+    },
+    "cards": [
+      {
+        "title": {
+          "de": "Mein Angebot",
+          "en": "My Offer"
+        },
+        "content": {
+          "de": "<p>Seit Ende 2020 betreibe ich Etherpad: <a href=\"https://pad.sp-codes.de\">pad.sp-codes.de</a></p><div class=\"text-center mt-2\"><a class=\"btn btn-primary\" target=\"_blank\" href=\"https://pad.sp-codes.de\">Dokument öffnen</a></div>",
+          "en": ""
+        }
+      }
+    ]
   },
   {
     "id": "shields",
@@ -193,6 +268,18 @@
     "summary": {
       "de": "Visuelle Badges zur Anzeige von Projektinformationen und Status.",
       "en": "Visual badges for displaying project information and status."
-    }
+    },
+    "cards": [
+      {
+        "title": {
+          "de": "Mein Angebot",
+          "en": "My Offer"
+        },
+        "content": {
+          "de": "<p>Seit August 2020 betreibe ich eine öffentliche Shields Instanz. Schau gerne mal rein: <a href=\"https://shields.sp-codes.de\">shields.sp-codes.de</a></p>",
+          "en": ""
+        }
+      }
+    ]
   }
 ]

src/_includes/layouts/service.njk

@@ -4,6 +4,7 @@ layout: base.njk
 
 {% set service = services | getServiceById(key) %}
 {% if service %}
+    <p class="small"><a href="/{{locale}}/services/">Zurück zur Übersicht</a></p>
     <h1><i class="{{service.icon}}"></i> {{title}} <a href="https://status.sp-codes.de" class="float-end"><img alt="{{strings.state[locale]}}" src="https://status.sp-codes.de/api/badge/1/status?label=Status&upLabel=Online&downLabel=Ausfall&maintenanceLabel=Wartung"></a></h1>
 
     <div class="row">

src/de/services/connectivitycheck.md

@@ -1,72 +1,10 @@
 ---
-layout: base.njk
+layout: service.njk
 key: connectivitycheck
 title: 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.
 
-__Seit Mitte 2019 stelle ich einen freien Captive Portal Check zur Verfügung: [https://connectivitycheck.sp-codes.de/generate204](https://connectivitycheck.sp-codes.de/generate204)__ Gerne kannst du ihn nutzen, wenn du möchtest.
-
-## Einrichtung in Android
-
-Um den Captive Portal Check in Android zu ändern, benötigt man eine Terminal-App oder eine Verbindung über ADB zu einem Computer. 
-
-Nun können die folgenden Befehle mit der jeweiligen Methode ausgeführt werden, um `http` zu verwenden:
-
-```
-# settings put global captive_portal_use_https 0
-# settings put global captive_portal_http_url "http://connectivitycheck.sp-codes.de/generate204"
-```
-
-
-Um `https` zu verwenden, müssen die beiden folgenden Befehle genutzt werden:
-
-
-```
-# settings put global captive_portal_use_https 1
-# settings put global captive_portal_https_url "https://connectivitycheck.sp-codes.de/generate204"
-```
-
-Eventuell musst du dein Gerät anschließend neu starten.
-
-Wenn du AFWall+ verwendest, musst du _[1000] Android-System_ und eventuell _[10040] CaptivePortalLogin_ Internetzugriff gewähren.
-
-## Einrichtung in Ubuntu
-
-Unter Ubuntu muss die Datei `/etc/NetworkManager/NetworkManager.conf` geändert werden. Füge die folgenden Zeilen hinzu oder passe sie entsprechend an:
-
-```
-[connectivity]
-uri=https://connectivitycheck.sp-codes.de/generate204
-```
-
-Starte den _network-manager_ neu:
-
-```
-sudo service network-manager restart
-```
-
-## Einrichtung in Fedora
-
-Unter Fedora muss die Datei `/etc/NetworkManager/NetworkManager.conf` geändert werden. Füge die folgenden Zeilen hinzu oder passe sie entsprechend an:
-
-```
-[connectivity]
-uri=https://connectivitycheck.sp-codes.de/generate204
-```
-
-Starte den _NetworkManager_ neu:
-
-```
-sudo service NetworkManager restart 
-```
-
-## Einrichtung in Firefox
-
-Tippe [about:config](about:config) in die Adresszeile von Firefox und suche anschließend nach `captivedetect.canonicalURL` und `network.connectivity-service`. Setze die URL-Werte auf `https://connectivitycheck.sp-codes.de/generate204`, die Domain-Werte auf `connectivitycheck.sp-codes.de`. Das war es schon.
-
 ## Weitere nützliche Links
 
 * [Captive Portal Wikipedia](https://de.wikipedia.org/wiki/Captive_Portal)

src/de/services/connectivitycheck/setup.md

@@ -0,0 +1,70 @@
+---
+layout: article.njk
+title: Einrichtung Captive Portal Check
+service: connectivitycheck
+tags:
+  - Tutorial
+  - Captive Portal Check
+---
+
+# Einrichtung Captive Portal Check
+
+In diesem Artikel erfährst du wie du einen eigenen Captive Portal Check in verschiedenen Umgebungen einrichten kannst.
+
+## Android
+
+Um den Captive Portal Check in Android zu ändern, benötigt man eine Terminal-App oder eine Verbindung über ADB zu einem Computer.
+
+Nun können die folgenden Befehle mit der jeweiligen Methode ausgeführt werden, um `http` zu verwenden:
+
+```
+# settings put global captive_portal_use_https 0
+# settings put global captive_portal_http_url "http://connectivitycheck.sp-codes.de/generate204"
+```
+
+
+Um `https` zu verwenden, müssen die beiden folgenden Befehle genutzt werden:
+
+
+```
+# settings put global captive_portal_use_https 1
+# settings put global captive_portal_https_url "https://connectivitycheck.sp-codes.de/generate204"
+```
+
+Eventuell musst du dein Gerät anschließend neu starten.
+
+Wenn du AFWall+ verwendest, musst du _[1000] Android-System_ und eventuell _[10040] CaptivePortalLogin_ Internetzugriff gewähren.
+
+## Ubuntu
+
+Unter Ubuntu muss die Datei `/etc/NetworkManager/NetworkManager.conf` geändert werden. Füge die folgenden Zeilen hinzu oder passe sie entsprechend an:
+
+```
+[connectivity]
+uri=https://connectivitycheck.sp-codes.de/generate204
+```
+
+Starte den _network-manager_ neu:
+
+```
+sudo service network-manager restart
+```
+
+## Fedora
+
+Unter Fedora muss die Datei `/etc/NetworkManager/NetworkManager.conf` geändert werden. Füge die folgenden Zeilen hinzu oder passe sie entsprechend an:
+
+```
+[connectivity]
+uri=https://connectivitycheck.sp-codes.de/generate204
+```
+
+Starte den _NetworkManager_ neu:
+
+```
+sudo service NetworkManager restart 
+```
+
+## Firefox
+
+Tippe [about:config](about:config) in die Adresszeile von Firefox und suche anschließend nach `captivedetect.canonicalURL` und `network.connectivity-service`. Setze die URL-Werte auf `https://connectivitycheck.sp-codes.de/generate204`, die Domain-Werte auf `connectivitycheck.sp-codes.de`. Das war es schon.

src/de/services/etherpad.md

@@ -1,15 +1,11 @@
 ---
-layout: base.njk
+layout: service.njk
 key: etherpad
 title: Etherpad
 ---
-# <i class="i-pencil-square"></i> Etherpad
-
 Etherpad ist eine webbasierte Kollaborationsplattform, die es Benutzern ermöglicht, Textdokumente in Echtzeit gemeinsam zu bearbeiten. Mehrere Benutzer können zeitgleich auf dasselbe Etherpad-Dokument zugreifen, Änderungen vornehmen und sehen, was Andere schreiben. Etherpad bietet eine einfache und effektive Möglichkeit für Teamarbeit, Brainstorming, gemeinsames Schreiben und vieles mehr, ohne dass dabei Versionskonflikte auftreten.
 
-Etherpad ist auch in Jitsi Meet eingebungen. So können während einem Meeting gemeinsame Notizen festgehalten werden.
+Etherpad ist auch in Jitsi Meet eingebunden. So können während einem Meeting gemeinsame Notizen festgehalten werden.
-
-__Seit Ende 2020 betreibe ich Etherpad: [https://pad.sp-codes.de](https://pad.sp-codes.de)__ Gerne kannst du Etherpad auch für deine Notizen verwenden.
 
 ## Weitere nützliche Links
 

src/de/services/forgejo.md

@@ -3,14 +3,12 @@ layout: service.njk
 key: forgejo
 title: Forgejo
 ---
-Forgejo ist eine einfache Code-Hosting-Plattform wie GitHub oder GitLab. Sie ist opensource und wird kontinuierlich weiterentwickelt. __Seit Ende 2019 betreibe ich eine eigene Forgejo 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.
+Forgejo ist eine einfache Code-Hosting-Plattform wie GitHub oder GitLab. Sie ist opensource und wird kontinuierlich weiterentwickelt. Ich nutze Forgejo selber sehr gerne, um meine eigenen Projekte verwalte. So zum Beispiel auch diese Webseite. Schau dir gerne mal den Quelltext an und lass mir Feedback da: [git.sp-codes.de/samuel-p/sp-codes.de](https://git.sp-codes.de/samuel-p/sp-codes.de)
 
-Zusätzlich zu Forgejo betreibe ich noch Woodpecker, eine Plattform, die Forgejo um viele Continuous Integration Funktionen erweitert und beispielsweise automatisierte Builds und Deploys ermöglicht.
+Zusätzlich zu Forgejo selber, betreibe ich Forgejo Actions, ein Addon, das Forgejo um viele Continuous Integration Funktionen erweitert und beispielsweise automatisierte Builds und Deploys ermöglicht.
 
 Schau gerne mal vorbei und melde dich an, falls du Lust hast, ein Projekt zu entwickeln. Die Registrierung ist seit März 2020 geöffnet.
 
-__Zu Forgejo geht's hier lang: [git.sp-codes.de](https://git.sp-codes.de)__
-
 ## Server-Details
 
 [//]: # (TODO)
@@ -23,5 +21,3 @@ ___TODO___
 
 * [Forgejo Webseite](https://forgejo.org/)
 * [Quellcode von Forgejo](https://codeberg.org/forgejo/forgejo)
-* [Woodpecker Webseite](https://woodpecker-ci.org/)
-* [Quellcode von Woodpecker](https://github.com/woodpecker-ci/woodpecker)

src/de/services/jitsi.md

@@ -3,10 +3,13 @@ layout: service.njk
 key: jitsi
 title: 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.
+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 andere Teilnehmende freizugeben, neue Personen einfach per Link einzuladen und Nachrichten im integrierten Chat zu verschicken.
+
+Nutze die Instanz gerne mit anderen Leuten. Sollte es hier einmal nicht ganz rund laufen probiere gerne den _Jitsi Random Redirect_ aus. Dieser leitet dich auf eine zufällige Jitsi Instanz weiter: [jitsi.random-redirect.de](https://jitsi.random-redirect.de/)
 
 ## Weitere nützliche Links
 
 * [Jitsi Webseite](https://jitsi.org/)
 * [Quellcode von Jitsi](https://github.com/jitsi/jitsi-meet)
 * [Liste öffentlicher Instanzen](https://github.com/jitsi/jitsi-meet/wiki/Jitsi-Meet-Instances)
+* [Jitsi Random Redirect](https://jitsi.random-redirect.de/)

src/de/services/mastodon.md

@@ -5,13 +5,13 @@ title: Mastodon
 ---
 Mastodon ist ein verteilter Mikroblogging-Dienst, ähnlich wie Twitter. Allerdings basiert der Dienst nicht auf einer zentralen Plattform, sondern besteht aus vielen verschiedenen, dezentralen Instanzen, die von Privatpersonen, Vereinen oder sonstigen Stellen eigenverantwortlich betrieben werden. Dadurch machen sich die Nutzer:innen nicht von einem einzigen Anbieter abhängig, sondern können frei entscheiden, mit wem sie welche Informationen teilen.
 
-Da Mastodon auf offenen Web-Protokollen und freier, quelloffener Software basiert, kann auch mit anderen Diensten, wie Pleroma, PeerTube, Pixelfed, Friendica oder Hubzilla kommuniziert werden. Nutzer:innen können Text-, Bild-, Videonachrichten oder Umfragen also dienst- und serverübergreifend teilen.
+Da Mastodon auf offenen Web-Protokollen und freier, quelloffener Software basiert, kann auch mit anderen Diensten, wie Pleroma, PeerTube, Pixelfed, Friendica oder Hubzilla kommuniziert werden. Nutzende können Text-, Bild-, Videonachrichten oder Umfragen also dienst- und serverübergreifend teilen.
 
 Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. Ich freue mich auf deine Nachricht an [@samuel_p@matrix.sp-codes.de](https://social.sp-codes.de/@samuel_p).
 
 ## Server-Details
 
-Die sp-codes Serverregeln und weitere Informationen kannst du gerne [hier](https://social.sp-codes.de/about) nachlesen.
+Die sp-codes Serverregeln und weitere Informationen kannst du gerne [hier](https://social.sp-codes.de/about) nachlesen. Dort findest du außerdem eine Übersicht, aller gemuteten und geblockten Server.
 
 ## Interessante Accounts
 

src/de/services/matrix.md

@@ -6,11 +6,11 @@ title: 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
-ist, dass es nicht den einen Matrix-Server gibt, den alle Nutzer:innen verwenden müssen, wie das beispielsweise bei
+ist, dass es nicht den einen Matrix-Server gibt, den alle Nutzende verwenden müssen, wie das beispielsweise bei
 WhatsApp, Telegram und vielen anderen verbreiteten Messengern der Fall ist.
 
-Da Matrix dezentral funktioniert, können sich die Nutzer:innen einen öffentlichen Server aussuchen oder ihren eigenen
+Da Matrix dezentral funktioniert, können sich alle einen öffentlichen Server aussuchen oder ihren eigenen
-erstellen und trotzdem mit allen Matrix-Nutzern:innen kommunizieren, nicht nur mit denen des eigenen Servers. Die
+erstellen und trotzdem mit allen Personen kommunizieren, nicht nur mit denen, die den eigenen Server nutzen. Die
 verschickten Nachrichten werden so nur auf den beteiligten Servern gespeichert. Auch die Anrufe laufen nur über die
 beteiligten Server.
 

src/de/services/ntfy.md

@@ -1,16 +1,12 @@
 ---
-layout: base.njk
+layout: service.njk
 key: ntfy
 title: ntfy
 ---
-# <i class="i-cloud-download"></i> ntfy
-
 ntfy ist ein vielseitiges Tool zur Benachrichtigung über verschiedene Ereignisse. Es unterstützt auch UnifiedPush, ein offenes Protokoll für Echtzeitbenachrichtigungen.
 
 Um ntfy als zentrale App für Benachrichtigungen nutzen zu können, muss zunächst die App auf dem Handy installiert werden. Anschließend können Apps die UnifiedPush unterstützen, z.B. Element, Fluffychat oder Tusky ntfy als Push-Provider nutzen. Dadurch müssen nicht alle Apps eine Verbindung zum Server offen halten und sind dadurch auch energieeffizienter. Damit du meinen Server nutzen kannst, musst du diesen zunächst in den Einstellungen hinterlegen.
 
-__Seit Mai 2023 stelle ich ntfy zur freien Verfügung: [https://ntfy.sp-codes.de](https://ntfy.sp-codes.de)__ Gerne kannst du ntfy als Push-Provider für deine Apps nutzen, wenn du möchtest.
-
 ## Weitere nützliche Links
 
 * [ntfy Webseite](https://ntfy.sh)

src/de/services/peertube.md

@@ -3,9 +3,9 @@ layout: service.njk
 key: peertube
 title: PeerTube
 ---
-PeerTube ist ein Netzwerk aus mehreren föderierten, interoperablen Video-Hosting-Anbietern, vergleichbar mit YouTube. Allerdings basiert der Dienst nicht auf einer zentralen Plattform, sondern besteht aus vielen verschiedenen, dezentralen Instanzen, die von Privatpersonen, Vereinen oder sonstigen Stellen eigenverantwortlich betrieben werden. Dadurch machen sich die Nutzer:innen nicht von einem einzigen Anbieter abhängig, sondern können frei entscheiden, mit wem sie welche Informationen teilen.
+PeerTube ist ein Netzwerk aus mehreren föderierten, interoperablen Video-Hosting-Anbietern, vergleichbar mit YouTube. Allerdings basiert der Dienst nicht auf einer zentralen Plattform, sondern besteht aus vielen verschiedenen, dezentralen Instanzen, die von Privatpersonen, Vereinen oder sonstigen Stellen eigenverantwortlich betrieben werden. Dadurch machen sich die Nutzenden nicht von einem einzigen Anbieter abhängig, sondern können frei entscheiden, mit wem sie welche Informationen teilen.
 
-Da PeerTube auf offenen Web-Protokollen und freier, quelloffener Software basiert, kann auch mit anderen Diensten, wie Mastodon, Pleroma, Pixelfed, Friendica oder Hubzilla kommuniziert werden. Nutzer:innen können Accounts also dienst- und serverübergreifend folgen und Videos teilen.
+Da PeerTube auf offenen Web-Protokollen und freier, quelloffener Software basiert, kann auch mit anderen Diensten, wie Mastodon, Pleroma, Pixelfed, Friendica oder Hubzilla kommuniziert werden. Nutzende können Accounts also dienst- und serverübergreifend folgen und Videos teilen.
 
 Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus.
 
@@ -13,6 +13,13 @@ Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlink
 
 Die Serverregeln und weitere Informationen kannst du gerne [hier](https://tube.sp-codes.de/about/instance) nachlesen.
 
+[//]: # (TODO)
+
+___TODO___
+
+* Speicherplatz
+* Live-Streams
+
 ## Interessante Kanäle
 
 * [GNU/Linux News Show](https://tube.sp-codes.de/c/gnulinuxnewsshow)

src/de/services/shields.md

@@ -1,15 +1,11 @@
 ---
-layout: base.njk
+layout: service.njk
 key: shields
 title: 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.
 
-__Seit August 2020 betreibe ich eine öffentliche Shields Instanz.__ Schau gerne mal vorbei und nutze die Bagdes in deinen eigenen Projekten. Es kann sein, das nicht alle Integrationen aktiviert sind.
+Schau gerne mal vorbei und nutze die Bagdes in deinen eigenen Projekten. Es kann sein, das nicht alle Integrationen aktiviert sind. Wenn du Probleme hast, melde dich gerne.
-
-__Hier gehts zu Shields: [shields.sp-codes.de](https://shields.sp-codes.de)__
 
 ## Weitere nützliche Links
 

src/scss/main.scss

@@ -1,5 +1,4 @@
 $primary: #fea500;
-$primary_dark: #e5a52e;
 
 @import "logo";
 
@@ -12,6 +11,7 @@ $flag-icon-path: '../img';
 @import "bootstrap/scss/bootstrap-grid";
 @import "bootstrap/scss/bootstrap-reboot";
 @import "bootstrap/scss/bootstrap-utilities";
+@import "bootstrap/scss/type";
 @import "bootstrap/scss/buttons";
 @import "bootstrap/scss/badge";
 @import "bootstrap/scss/functions";
@@ -53,14 +53,6 @@ p {
   color: #fff;
 }
 
-a {
-  color: $primary;
-
-  &:hover {
-    color: $primary_dark;
-  }
-}
-
 .fill-col-inner {
   display: flex;
   align-items: center;
@@ -196,14 +188,6 @@ a {
   }
 }
 
-.border-top {
-  border-top: 1px solid #fff;
-}
-
-.border-bottom {
-  border-bottom: 1px solid #fff;
-}
-
 .flex-grow {
   flex: 1;
 }
@@ -237,11 +221,6 @@ a {
     top: 0;
     bottom: 0;
     right: 0;
-    color: $primary !important;
-
-    &[href]:hover {
-      color: $primary_dark !important;
-    }
   }
 
   .beta {
@@ -417,6 +396,10 @@ table.table {
 //}
 
 @media (prefers-color-scheme: light) {
+  :root {
+    --bs-border-color: #000;
+  }
+
   body {
     background-color: #ddd;
     background-image: url("../img/bgl.jpg");