From f2860093048e8d32111449e522c8a561fce5580d Mon Sep 17 00:00:00 2001 From: Samuel Philipp Date: Wed, 31 Jan 2024 23:57:18 +0100 Subject: [PATCH] layout ng --- src/_data/services.json | 115 ++++++++++++++++++++++-------- src/_includes/layouts/service.njk | 20 +++--- src/de/services/forgejo.md | 11 +-- src/de/services/mastodon.md | 6 ++ src/de/services/matrix.md | 26 ++++--- src/de/services/peertube.md | 16 ++--- src/scss/main.scss | 4 +- 7 files changed, 126 insertions(+), 72 deletions(-) diff --git a/src/_data/services.json b/src/_data/services.json index 0f23e73..c2614e6 100644 --- a/src/_data/services.json +++ b/src/_data/services.json @@ -9,17 +9,37 @@ "de": "Die offene Plattform für sichere und dezentrale Kommunikation.", "en": "The open platform for secure and decentralized communication." }, - "description": { - "de": "

Seit Anfang 2020 betreibe ich einen öffentlichen Matrix-Server: matrix.sp-codes.de und eine öffentliche Element-Web Instanz: chat.sp-codes.de

Die Serverregeln kannst du gerne hier nachlesen. 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.

Jetzt registrieren
", - "en": "" - }, - "ossrox": { - "url": "https://ossrox.org/store/matrix", - "description": { - "de": "Wenn du einen eigenen Matrix-Server für dich, deine Familie oder deine Firma betreiben 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": "If you want to have your own Matrix server for you, your family or your company, I would be happy to support you with my company Ossrox. Please have a look at our services on our website or send me a message." + "cards": [ + { + "title": { + "de": "Mein Angebot", + "en": "My Offer" + }, + "content": { + "de": "

Seit Anfang 2020 betreibe ich einen öffentlichen Matrix-Server: matrix.sp-codes.de und eine öffentliche Element-Web Instanz: chat.sp-codes.de

Jetzt registrieren
", + "en": "" + } + }, + { + "title": { + "de": "Einstieg", + "en": "" + }, + "content": { + "de": "

Hier findest du eine Artikelserie für einen einfachen Einstieg in Matrix:

  1. Werde Teil der Matrix
  2. Sichere Chats mit Matrix
    3. ", + "en": "" + } + }, + { + "ossrox": { + "url": "https://ossrox.org/store/matrix" + }, + "content": { + "de": "Wenn du einen eigenen Matrix-Server für dich, deine Familie oder deine Firma betreiben 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": "If you want to have your own Matrix server for you, your family or your company, I would be happy to support you with my company Ossrox. Please have a look at our services on our website or send me a message." + } } - } + ] }, { "id": "jitsi", @@ -31,17 +51,27 @@ "de": "Einfache Videokonferenzen mit Leichtigkeit.", "en": "Easy video conferencing with ease." }, - "description": { - "de": "

    Seit Juli 2020 betreibe ich eine eigene Jitsi-Meet Instanz. Du findest sie unter jitsi.sp-codes.de.

    Gerne darfst du die Instanz mit anderen Leuten nutzen.

    Meeting starten
    ", - "en": "" - }, - "ossrox": { - "url": "https://ossrox.org/store/jitsi", - "description": { - "de": "Wenn du einen eigenen Jitsi-Server für dich, deine Familie oder deine Firma betreiben 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": "" + "cards": [ + { + "title": { + "de": "Mein Angebot", + "en": "My Offer" + }, + "content": { + "de": "

    Seit Juli 2020 betreibe ich eine eigene Jitsi-Meet Instanz. Du findest sie unter jitsi.sp-codes.de.

    Gerne darfst du die Instanz mit anderen Leuten nutzen.

    Meeting starten
    ", + "en": "" + } + }, + { + "ossrox": { + "url": "https://ossrox.org/store/jitsi" + }, + "content": { + "de": "Wenn du einen eigenen Jitsi-Server für dich, deine Familie oder deine Firma betreiben 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": "mastodon", @@ -53,17 +83,28 @@ "de": "Das soziale Netzwerk für dezentrale und sichere Interaktion.", "en": "The social network for decentralized and secure interaction." }, - "description": { - "de": "

    Seit Mai 2021 betreibe ich eine öffentliche Mastodon-Instanz: social.sp-codes.de

    Die Serverregeln und weitere Informationen kannst du gerne hier nachlesen. 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.

    Jetzt registrieren
    ", - "en": "" - }, - "ossrox": { - "url": "https://ossrox.org/store/mastodon", - "description": { - "de": "Wenn du einen eigenen Mastodon-Server für dich, deine Familie oder deine Firma betreiben 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": "" + "cards": [ + { + "title": { + "de": "Mein Angebot", + "en": "My Offer" + }, + "content": { + "de": "

    Seit Mai 2021 betreibe ich eine öffentliche Mastodon-Instanz: social.sp-codes.de

    Jetzt registrieren
    ", + "en": "" + } + }, + { + "ossrox": { + "url": "https://ossrox.org/store/mastodon" + }, + "content": { + "de": "Wenn du einen eigenen Mastodon-Server für dich, deine Familie oder deine Firma betreiben 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": "peertube", @@ -74,7 +115,19 @@ "summary": { "de": "Die freie und dezentrale Plattform für gemeinsames Video-Streaming.", "en": "The free and decentralized platform for collaborative video streaming." - } + }, + "cards": [ + { + "title": { + "de": "Mein Angebot", + "en": "My Offer" + }, + "content": { + "de": "

    Seit August 2021 betreibe ich eine öffentliche PeerTube-Instanz: tube.sp-codes.de

    Jetzt registrieren
    ", + "en": "" + } + } + ] }, { "id": "pixelfed", diff --git a/src/_includes/layouts/service.njk b/src/_includes/layouts/service.njk index fcf5860..e292324 100644 --- a/src/_includes/layouts/service.njk +++ b/src/_includes/layouts/service.njk @@ -11,21 +11,19 @@ layout: base.njk {{ content | safe }}
    -
    -

    sp-codes

    -
    - {{ service.description[locale] | safe }} -
    -
    - {% if service.ossrox %} -
    - + {% for card in service.cards %} +
    + {% if card.ossrox %} +
    Ossrox
    + {% else %} +

    {{ card.title[locale] }}

    + {% endif %}
    - {{ service.ossrox.description[locale] }} + {{ card.content[locale] | safe }}
    - {% endif %} + {% endfor %}
    {% else %} diff --git a/src/de/services/forgejo.md b/src/de/services/forgejo.md index e341050..97c493f 100644 --- a/src/de/services/forgejo.md +++ b/src/de/services/forgejo.md @@ -1,10 +1,8 @@ --- -layout: base.njk +layout: service.njk key: forgejo title: Forgejo --- -# 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. 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. @@ -13,8 +11,13 @@ Schau gerne mal vorbei und melde dich an, falls du Lust hast, ein Projekt zu ent __Zu Forgejo geht's hier lang: [git.sp-codes.de](https://git.sp-codes.de)__ -__Wenn du bei Woodpecker vorbeischauen willst, geht das hier: [ci.sp-codes.de](https://ci.sp-codes.de)__ +## Server-Details +[//]: # (TODO) + +___TODO___ + +* Actions ## Weitere nützliche Links diff --git a/src/de/services/mastodon.md b/src/de/services/mastodon.md index 36a1f55..07b4411 100644 --- a/src/de/services/mastodon.md +++ b/src/de/services/mastodon.md @@ -7,6 +7,12 @@ Mastodon ist ein verteilter Mikroblogging-Dienst, ähnlich wie Twitter. Allerdin 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. +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. + ## Interessante Accounts * [Bundesbeauftragte für Datenschutz und Informationsfreiheit](https://social.bund.de/@bfdi) diff --git a/src/de/services/matrix.md b/src/de/services/matrix.md index ff94dc1..4cd1a10 100644 --- a/src/de/services/matrix.md +++ b/src/de/services/matrix.md @@ -14,22 +14,20 @@ erstellen und trotzdem mit allen Matrix-Nutzern:innen kommunizieren, nicht nur m verschickten Nachrichten werden so nur auf den beteiligten Servern gespeichert. Auch die Anrufe laufen nur über die beteiligten Server. -## Einstieg +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. -Hier findest du eine Artikelserie für einen einfachen Einstieg in Matrix: +## Server-Details -
    -
    -
    -
    -Teil 1: Werde Teil der Matrix -
    -
    -Teil 2: Sichere Chats mit Matrix -
    -
    -
    -
    +Die sp-codes Serverregeln kannst du gerne [hier](https://matrix.sp-codes.de/_matrix/consent) nachlesen. + +[//]: # (TODO) + +___TODO___ + +* Retention + * Medien + * Nachrichten +* tbc ## Warum Matrix? diff --git a/src/de/services/peertube.md b/src/de/services/peertube.md index 28d3e90..c338c0c 100644 --- a/src/de/services/peertube.md +++ b/src/de/services/peertube.md @@ -1,21 +1,17 @@ --- -layout: base.njk -key: mastodon -title: Mastodon +layout: service.njk +key: peertube +title: PeerTube --- -# 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. 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. -__Seit August 2021 betreibe ich eine öffentliche PeerTube-Instanz: [tube.sp-codes.de](https://tube.sp-codes.de/)__ +Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. -Die Serverregeln und weitere Informationen kannst du gerne [hier](https://tube.sp-codes.de/about/instance) nachlesen. Melde dich gerne auf meinem Server an oder suche dir einen aus den unten verlinkten Listen heraus. +## Server-Details -
    -Jetzt registrieren -
    +Die Serverregeln und weitere Informationen kannst du gerne [hier](https://tube.sp-codes.de/about/instance) nachlesen. ## Interessante Kanäle diff --git a/src/scss/main.scss b/src/scss/main.scss index b8f6fe3..30f5285 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -402,8 +402,8 @@ table.table { } img { - max-width: 250px; - max-height: 50px; + max-width: 200px; + max-height: 30px; } }