README.md

@@ -12,7 +12,7 @@ Website for sp-codes.de
 The following Parameters are set directly on the Web-Server.
 
 ```
-Content-Security-Policy: default-src 'none'; script-src 'self' https://plausible.sp-codes.de; object-src 'none'; style-src 'self'; img-src 'self'; media-src 'none'; frame-src 'none'; font-src 'self'; connect-src 'self' https://plausible.sp-codes.de
+Content-Security-Policy: default-src 'none'; script-src 'self' https://plausible.sp-codes.de; object-src 'none'; style-src 'self'; img-src 'self' https://shields.sp-codes.de; media-src 'none'; frame-src 'none'; font-src 'self'; connect-src 'self' https://plausible.sp-codes.de
 Referrer-Policy: strict-origin-when-cross-origin
 Feature-Policy: sync-xhr 'self'
 Strict-Transport-Security: max-age=31536000; includeSubDomains; preload

src/_data/services.json

@@ -4,78 +4,108 @@
     "name": "Searx",
     "icon": "fas fa-search",
     "url": "https://searx.sp-codes.de",
+    "status": "https://searx.sp-codes.de",
     "summary": {
       "de": "Eine privatsphären-respektierende, hackbare Metasuchmaschine.",
       "en": "A privacy-respecting, hackable metasearch engine."
     }
   },
-  {
-    "id": "invidious",
-    "name": "Invidious",
-    "icon": "fab fa-youtube",
-    "url": "https://invidious.sp-codes.de",
-    "summary": {
-      "de": "Ein alternatives YouTube-Frontend.",
-      "en": "An alternative YouTube-Frontend."
-    }
-  },
-  {
-    "id": "connectivitycheck",
-    "name": "Captive Portal Check",
-    "icon": "fas fa-wifi",
-    "summary": {
-      "de": "Eine datenschutzfreundliches Tool, um Anmeldeseiten in WLAN-Netzwerken zu erkennen.",
-      "en": "A privacy friendly Service to detect captive portals in WIFI networks."
-    }
-  },
   {
     "id": "matrix",
     "name": "Matrix",
     "icon": "fas fa-comments",
     "url": "https://chat.sp-codes.de",
+    "status": "https://matrix.sp-codes.de/_matrix/static/",
     "summary": {
       "de": "Ein offenes Netzwerk für sichere, dezentralisierte Kommunikation.",
       "en": "An open network for secure, decentralized communication."
     }
   },
-  {
-    "id": "gitea",
-    "name": "Gitea",
-    "icon": "fas fa-code",
-    "url": "https://git.sp-codes.de",
-    "summary": {
-      "de": "Eine leichtgewichtige Code-Hosting-Plattform für git.",
-      "en": "A lightweight code hosting platform for git."
-    }
-  },
-  {
-    "id": "firefox-sync",
-    "name": "Firefox Sync",
-    "icon": "fab fa-firefox-browser",
-    "summary": {
-      "de": "Ein Service um Firefox Einstellungen, Lesezeichen, offene Tabs und vieles mehr über verschiedene Geräte zu synchronisieren.",
-      "en": "A service to sync Firefox settings, bookmarks, open tabs and much more between multiple devices."
-    }
-  },
   {
     "id": "jitsi",
     "name": "Jitsi Meet",
     "icon": "fas fa-users",
     "url": "https://jitsi.sp-codes.de",
+    "status": "https://jitsi.sp-codes.de",
     "summary": {
       "de": "Eine sichere, einfache und skalierbare Plattform für Videokonferenzen.",
       "en": "A secure, simple and scalable platform for video conferencing."
     }
   },
+  {
+    "id": "gitea",
+    "name": "Gitea",
+    "icon": "fas fa-code",
+    "url": "https://git.sp-codes.de",
+    "status": "https://git.sp-codes.de",
+    "summary": {
+      "de": "Eine leichtgewichtige Code-Hosting-Plattform für git.",
+      "en": "A lightweight code hosting platform for git."
+    }
+  },
+  {
+    "id": "connectivitycheck",
+    "name": "Captive Portal Check",
+    "icon": "fas fa-wifi",
+    "status": "https://connectivitycheck.sp-codes.de/generate204",
+    "summary": {
+      "de": "Eine datenschutzfreundliches Tool, um Anmeldeseiten in WLAN-Netzwerken zu erkennen.",
+      "en": "A privacy friendly Service to detect captive portals in WIFI networks."
+    }
+  },
+  {
+    "id": "firefox-sync",
+    "name": "Firefox Sync",
+    "icon": "fab fa-firefox-browser",
+    "status": "https://sync.firefox.sp-codes.de/token/",
+    "summary": {
+      "de": "Ein Service um Firefox Einstellungen, Lesezeichen, offene Tabs und vieles mehr über verschiedene Geräte zu synchronisieren.",
+      "en": "A service to sync Firefox settings, bookmarks, open tabs and much more between multiple devices."
+    }
+  },
   {
     "id": "shields",
     "name": "Shields",
     "icon": "fas fa-tags",
     "url": "https://shields.sp-codes.de",
-    "beta": true,
+    "status": "https://shields.sp-codes.de",
     "summary": {
       "de": "Prägnante, konsistente und lesbare Badges im SVG- und Rasterformat.",
       "en": "Concise, consistent, and legible badges in SVG and raster format."
     }
+  },
+  {
+    "id": "invidious",
+    "name": "Invidious",
+    "icon": "fab fa-youtube",
+    "url": "https://invidious.sp-codes.de",
+    "status": "https://invidious.sp-codes.de",
+    "summary": {
+      "de": "Ein alternatives YouTube-Frontend.",
+      "en": "An alternative YouTube-Frontend."
+    }
+  },
+  {
+    "id": "nitter",
+    "name": "Nitter",
+    "icon": "fab fa-twitter",
+    "url": "https://nitter.sp-codes.de",
+    "status": "https://nitter.sp-codes.de",
+    "summary": {
+      "de": "Ein alternatives Twitter-Frontend.",
+      "en": "An alternative Twitter-Frontend."
+    }
+  },
+  {
+    "id": "yotter",
+    "name": "Yotter",
+    "icon": "fas fa-desktop",
+    "url": "https://yotter.sp-codes.de",
+    "status": "https://yotter.sp-codes.de",
+    "beta": true,
+    "summary": {
+      "de": "Ein alternatives Twitter- und YouTube-Frontend.",
+      "en": "An alternative Twitter- and YouTube-Frontend."
+    }
   }
 ]

src/_data/strings.json

@@ -14,5 +14,21 @@
   "stats": {
     "de": "Statistiken",
     "en": "Stats"
+  },
+  "state": {
+    "de": "Status",
+    "en": "State"
+  },
+  "operational": {
+    "de": "Online",
+    "en": "Online"
+  },
+  "outage": {
+    "de": "Fehler",
+    "en": "Error"
+  },
+  "maintenance": {
+    "de": "Wartung",
+    "en": "Maintenance"
   }
 }

src/_includes/services-extended.html

@@ -7,8 +7,15 @@
         {% endif %}
         <div class="inner">
             <i class="{{service.icon}} fa-4x"></i>
-            <h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
+            <h2 class="mt-2 mb-1">{{service.name}}{% if service.url %} <a href="{{service.url}}" target="_blank"><i
                     class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
+            {% if service.status %}
+            <div class="mb-2">
+                <a href="https://status.sp-codes.de" target="_blank">
+                    <img alt="{{strings.state[locale]}}" src="https://shields.sp-codes.de/endpoint?label={{strings.state[locale]}}&url=https%3A%2F%2Fstatus.sp-codes.de%2Fapi%2Fbadge%3Fservice%3D{{service.status}}%26operational%3D{{strings.operational[locale]}}%26outage%3D{{strings.outage[locale]}}%26maintenance%3D{{strings.maintenance[locale]}}">
+                </a>
+            </div>
+            {% endif %}
             <div>{{service.summary[locale]}}</div>
         </div>
     </div>

src/de/index.html

@@ -24,6 +24,11 @@ eleventyNavigation:
         <div class="row justify-content-center">
             {% include services-simple.html %}
         </div>
+        <p class="lead text-center mb-2">
+            Für die Nutzer:innen der Dienste und Interessierte gibt es einen öffentlichen Matrix-Raum als
+            Austauschort für Fragen, Ideen und Probleme: <a
+                href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a>
+        </p>
     </div>
 </div>
 <div class="row justify-content-center pt-4 border-top">

src/de/services.html

@@ -12,3 +12,7 @@ eleventyNavigation:
 <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>
+
+<p>Für die Nutzer:innen der Dienste gibt es einen öffentlichen Matrix-Raum als Austauschort für Fragen, Ideen und Probleme. Schau gerne mal vorbei, wenn du einen der hier aufgelisteten Dienste nutzt oder einfach so mal vorbeikommen willst:</p>
+
+<h3 class="text-center"><a href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a></h3>

src/de/services/nitter.md

@@ -0,0 +1,15 @@
+---
+layout: base.njk
+key: nitter
+title: Nitter
+---
+# 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.
+
+__Seit November 2020 betreibe ich eine öffentliche Nitter Instanz. Du findest sie unter [nitter.sp-codes.de](https://nitter.sp-codes.de/).__
+
+## Weitere nützliche Links
+
+* [Liste weiterer öffentlicher Instanzen](https://github.com/zedeus/nitter/wiki/Instances)
+* [Quellcode von Nitter](https://github.com/zedeus/nitter)

src/de/services/shields.md

@@ -0,0 +1,17 @@
+---
+layout: base.njk
+key: shields
+title: Shields
+---
+# 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.
+
+__Hier gehts zu Shields: [shields.sp-codes.de](https://shields.sp-codes.de)__
+
+## Weitere nützliche Links
+
+* [Shields Webseite](https://shields.io/)
+* [Quellcode von Shields](https://github.com/badges/shields)

src/en/index.html

@@ -23,6 +23,11 @@ eleventyNavigation:
         <div class="row justify-content-center">
             {% include services-simple.html %}
         </div>
+        <p class="lead text-center mb-2">
+            For users of the services and anyone interested, there is a public matrix room as a place to share
+            questions, ideas and problems: <a
+                href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a>
+        </p>
     </div>
 </div>
 <div class="row justify-content-center pt-4 border-top">

src/en/services.html

@@ -11,3 +11,7 @@ eleventyNavigation:
 <h1>Services</h1>
 <p>In my spare time I provide various open source services for free. Here you can find an overview of the individual
     services and a short description for each of them. All services are hosted in Germany. Feel free to use it.</p>
+
+<p>For the users of the services there is a public matrix room as a place to share questions, ideas and problems. Feel free to join us if you use one of the services listed here or just want to drop by:</p>
+
+<h3 class="text-center"><a href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a></h3>

src/en/services/nitter.md

@@ -0,0 +1,15 @@
+---
+layout: base.njk
+key: nitter
+title: Nitter
+---
+# Nitter
+
+A free and open source Twitter frontend that is focussed on user privacy. Connections to Twitter are handled by the server itself to prevent tracking by IP or JavaScript.
+
+__Since November 2020 I run a public Nitter instance. You can find it at [nitter.sp-codes.de](https://nitter.sp-codes.de/).__
+
+## More useful links
+
+* [List of other public instances](https://github.com/zedeus/nitter/wiki/Instances)
+* [Source code of Nitter](https://github.com/zedeus/nitter)

src/en/services/shields.md

@@ -0,0 +1,17 @@
+---
+layout: base.njk
+key: shields
+title: Shields
+---
+# Shields
+
+Shields is a service for concise, consistent and legible badges in SVG and raster format. Via a URL they can be easily embedded in readmes or any other website. In addition, integrations to various services or networks are provided.
+
+__Since August 2020 I run a public Shields instance.__ Feel free to visit it and use the bagdes in your own projects. It is possible that not all integrations are activated.
+
+__Here is the link to Shelds: [shields.sp-codes.de](https://shields.sp-codes.de)__
+
+## More useful links
+
+* [Shields Website](https://shields.io/)
+* [Source code of Shields](https://github.com/badges/shields)