Merge pull request 'develop' (#82) from develop into main
All checks were successful
continuous-integration/drone/push Build is passing

Reviewed-on: #82
This commit is contained in:
Samuel Philipp 2021-08-20 14:35:17 +00:00
commit 11e3739f09
29 changed files with 176 additions and 31 deletions

View file

@ -17,10 +17,10 @@
"url": "https://git.sp-codes.de/samuel-p/sp-codes.de"
},
"optionalDependencies": {
"browser-sync": "^2.26.14"
"browser-sync": "^2.27.5"
},
"devDependencies": {
"@11ty/eleventy": "^1.0.0-canary.38",
"@11ty/eleventy": "^1.0.0-canary.41",
"@11ty/eleventy-navigation": "^0.3.2",
"@node-minify/core": "^6.2.0",
"@node-minify/crass": "^6.2.0",

View file

@ -2,6 +2,20 @@
{
"year": 2021,
"donations": [
{
"date": "18.08.2021",
"amount": 30,
"via": "banktransfer",
"from": null,
"first": true
},
{
"date": "02.08.2021",
"amount": 10,
"via": "banktransfer",
"from": null,
"first": false
},
{
"date": "01.06.2021",
"amount": 20,

View file

@ -38,6 +38,12 @@
"provider": "netcup",
"amount": 11.49
},
{
"name": "Backup",
"type": "Storage Box",
"provider": "Hetzner",
"amount": 3.45
},
{
"name": {
"en": "Additional IPv4",

View file

@ -38,12 +38,23 @@
"icon": "i-mastodon",
"url": "https://social.sp-codes.de",
"status": "https://social.sp-codes.de/health",
"beta": true,
"summary": {
"de": "Das dezentrale, soziale Netzwerk der Zukunft: Keine Werbung und keine Überwachung durch Unternehmen.",
"en": "The decentralized social network of the future: No ads, no corporate surveillance."
}
},
{
"id": "peertube",
"name": "PeerTube",
"icon": "i-peertube",
"url": "https://tube.sp-codes.de",
"status": "https://tube.sp-codes.de",
"beta": true,
"summary": {
"de": "Ein Netzwerk aus mehreren föderierten, interoperablen Video-Hosting-Anbietern. Werbefrei und ohne Bindung an einen bestimmten Anbieter.",
"en": "A network of multiple federated, interoperable video hosting providers. Ad-free and without vendor lock-in."
}
},
{
"id": "gitea",
"name": "Gitea",
@ -55,6 +66,18 @@
"en": "A lightweight code hosting platform for git."
}
},
{
"id": "gotify",
"name": "Gotify",
"icon": "i-server",
"url": "https://push.sp-codes.de",
"status": "https://push.sp-codes.de",
"beta": true,
"summary": {
"de": "Ein einfacher Dienst zum Senden und Empfangen von Nachrichten in Echtzeit.",
"en": "A simple service for sending and receiving messages in real-time."
}
},
{
"id": "connectivitycheck",
"name": "Captive Portal Check",

View file

@ -7,4 +7,4 @@ title: Unterstützen
<p><a href="/{{locale}}/donate/">&#10132; Unterstützen</a></p>
{% include donations.html %}
{% include "donations.html" %}

View file

@ -4,7 +4,7 @@ eleventyNavigation:
key: blog
title: Blog
icon: i-book
url: https://blog.sp-codes.de/
url: https://samuels-blog.de/
locale: de
order: 1
permalink: false

View file

@ -32,7 +32,7 @@ eleventyNavigation:
<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="i-xmpp text-foreground i-fw i-4x"></span></div>
<div>Schreibe mir auf XMPP an <strong>@samuel-p:dismail.de</strong></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">

View file

@ -73,10 +73,10 @@ eleventyNavigation:
</div>
<h2>Aktuelle Ausgaben</h2>
{% include expenses-current.html %}
{% include "expenses-current.html" %}
<h2>Spenden {{donations[0].year}}</h2>
{% include donations-current.html %}
{% include "donations-current.html" %}
<p><a href="/{{locale}}/all-donations/">&#10132; Alle Spenden</a></p>

View file

@ -28,5 +28,5 @@ title: Impressum
<div class="mb-3 pt-4 border-top">
<h2>Lizenzen</h2>
<p>Diese Webseite nutzt die folgenden Bibliotheken mit ihren entsprechenden Lizenzen:</p>
{% include licenses.html %}
{% include "licenses.html" %}
</div>

View file

@ -13,7 +13,7 @@ eleventyNavigation:
<p class="lead text-center mb-2">
Schön, dass du hergefunden hast. Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus
Magdeburg. Auf dieser Seite findest du Informationen über mich und eine Übersicht über die von mir
bereitgestellten Dienste. Schau dich gerne um, lies meinen <a href="https://blog.sp-codes.de">Blog</a> oder
bereitgestellten Dienste. Schau dich gerne um, lies meinen <a href="https://samuels-blog.de">Blog</a> oder
nutze die verschiedenen Tools.
</p>
</div>
@ -31,7 +31,7 @@ eleventyNavigation:
href="https://social.sp-codes.de/@sp_codes">@sp_codes@social.sp-codes.de</a></strong>
</p>
<div class="row justify-content-center">
{% include services-simple.html %}
{% include "services-simple.html" %}
</div>
</div>
</div>
@ -44,4 +44,4 @@ eleventyNavigation:
</p>
</div>
</div>
{% include profiles.html %}
{% include "profiles.html" %}

View file

@ -0,0 +1,50 @@
---
layout: base.njk
key: mastodon
title: Mastodon
---
# <i class="i-mastodon"></i> 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.
__Seit Mai 2021 betreibe ich eine öffentliche Mastodon-Instanz: [social.sp-codes.de](https://social.sp-codes.de/)__
Die Serverregeln und weitere Informationen kannst du gerne [hier](https://social.sp-codes.de/about/more) 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](https://social.sp-codes.de/@samuel_p).
<div class="text-center mb-3">
<a class="card d-inline-block font-weight-bold" target="_blank" href="https://social.sp-codes.de/about">Jetzt registrieren</a>
</div>
## Interessante Accounts
* [Bundesbeauftragte für Datenschutz und Informationsfreiheit](https://social.bund.de/@bfdi)
* [Bundesamt für Sicherheit in der Informationstechnik](https://social.bund.de/@bsi)
* [Landesregierung Baden-Württemberg](https://mastodon.social/@RegierungBW)
* [Landtag Rheinland-Pfalz](https://social.bund.de/@ltrlp)
* [LfDI Baden-Württemberg](https://bawü.social/@lfdi)
* [Umweltministerium Baden-Württemberg](https://bawü.social/@Umweltministerium)
* [Verbraucherzentrale Schleswig-Holstein](https://troet.cafe/@verbraucherzentrale_sh)
* [Digitalcourage e.V.](https://digitalcourage.social/@digitalcourage)
* [Mobilsicher](https://mastodontech.de/@mobilsicher)
* [Chaos Computer Club](https://social.bau-ha.us/@CCC)
* [GLS Bank](https://ruhr.social/@glsbank)
* [Fairphone](https://social.weho.st/@Fairphone)
* [WEtell.Mobilfunk](https://chaos.social/@wetell)
* [Gnu/Linux](https://social.anoxinon.de/@gnulinux)
* [FragDenStaat](https://chaos.social/@fragdenstaat)
* [Threema](https://mastodon.social/@threemaapp)
* [Minetest](https://fosstodon.org/@Minetest)
* [0 A.D.](https://mastodon.social/@play0ad)
* [Ulrich Kelber](https://bonn.social/@ulrichkelber)
* [Inga Klas](https://mastodon.social/@ingaklas)
* [Mike Kuketz](https://social.tchncs.de/@kuketzblog)
## Weitere nützliche Links
* [Verschiedene Apps](https://joinmastodon.org/apps)
* Listen mit öffentlichen Mastodon-Instanzen
* [joinmastodon.org](https://joinmastodon.org/communities)
* [instances.social](https://instances.social/)

View file

@ -34,10 +34,10 @@ Auf meinem Blog findest du eine Artikelserie für einen einfachen Einstieg in Ma
<div class="col-12 col-md-10 col-lg-8">
<div class="card-list">
<div class="card">
<a href="https://blog.sp-codes.de/werde-teil-der-matrix-matrix-teil-1/">Teil 1: Werde Teil der Matrix</a>
<a href="https://samuels-blog.de/werde-teil-der-matrix-matrix-teil-1/">Teil 1: Werde Teil der Matrix</a>
</div>
<div class="card">
<a href="https://blog.sp-codes.de/sichere-chats-mit-matrix-matrix-teil-2/">Teil 2: Sichere Chats mit Matrix</a>
<a href="https://samuels-blog.de/sichere-chats-mit-matrix-matrix-teil-2/">Teil 2: Sichere Chats mit Matrix</a>
</div>
</div>
</div>

View file

@ -15,9 +15,7 @@ __Seit November 2019 betreibe ich eine öffentliche Searx Instanz.__ Schau gerne
__Hier gehts zu Searx: [searx.sp-codes.de](https://searx.sp-codes.de)__
Tor Hidden Service: [searxbi3f73mmdeb.onion](http://searxbi3f73mmdeb.onion)
Wenn du Searx als Standardsuchmaschine nutzen willst, findest du auf meinem Blog eine Anleitung dafür: [Nur noch Searx](https://blog.sp-codes.de/nur-noch-searx/)
Wenn du Searx als Standardsuchmaschine nutzen willst, findest du auf meinem Blog eine Anleitung dafür: [Nur noch Searx](https://samuels-blog.de/nur-noch-searx/)
## Weitere nützliche Links

View file

@ -7,4 +7,4 @@ title: Unterstützen
<p><a href="/{{locale}}/donate/">&#10132; Donate</a></p>
{% include donations.html %}
{% include "donations.html" %}

View file

@ -4,7 +4,7 @@ eleventyNavigation:
key: blog
title: Blog
icon: i-book
url: https://blog.sp-codes.de/
url: https://samuels-blog.de/
locale: en
order: 1
permalink: false

View file

@ -30,7 +30,7 @@ eleventyNavigation:
<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="i-xmpp text-foreground i-fw i-4x"></span></div>
<div>Write me on XMPP to <strong>@samuel-p:dismail.de</strong></div>
<div>Write me on XMPP to <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">

View file

@ -71,10 +71,10 @@ eleventyNavigation:
</div>
<h2>Current Expenses</h2>
{% include expenses-current.html %}
{% include "expenses-current.html" %}
<h2>Donations {{donations[0].year}}</h2>
{% include donations-current.html %}
{% include "donations-current.html" %}
<p><a href="/{{locale}}/all-donations/">&#10132; All Donations</a></p>

View file

@ -28,5 +28,5 @@ title: sp-codes
<div class="mb-3 pt-4 border-top">
<h2>Licenses</h2>
<p>This Website uses the following libraries with their respective licenses:</p>
{% include licenses.html %}
{% include "licenses.html" %}
</div>

View file

@ -13,7 +13,7 @@ eleventyNavigation:
<p class="lead text-center mb-2">
Glad you found your way here. My name is Samuel Philipp and I am a software engineer from Magdeburg.
On this site you will find information about me and an overview of the services I provide. Feel free
to look around, read my <a href="https://blog.sp-codes.de">blog</a> (German) or use the various services.
to look around, read my <a href="https://samuels-blog.de">blog</a> (German) or use the various services.
</p>
</div>
</div>
@ -30,7 +30,7 @@ eleventyNavigation:
href="https://social.sp-codes.de/@sp_codes">@sp_codes@social.sp-codes.de</a></strong>
</p>
<div class="row justify-content-center">
{% include services-simple.html %}
{% include "services-simple.html" %}
</div>
</div>
</div>
@ -44,4 +44,4 @@ eleventyNavigation:
</div>
</div>
{% include profiles.html %}
{% include "profiles.html" %}

View file

@ -0,0 +1,49 @@
---
layout: base.njk
key: mastodon
title: Mastodon
---
# <i class="i-mastodon"></i> Mastodon
Mastodon is a federated microblogging service, similar to Twitter. However, the service is not based on a central platform, but consists of many different, decentralized instances that are run independently by private individuals, associations or other organizations. This means that users are not locked into a single provider, but are free to decide with whom they share what information.
Since Mastodon is based on open web protocols and free, open source software, it is also possible to communicate with other services such as Pleroma, PeerTube, Pixelfed, Friendica or Hubzilla. Users can share text, image, video messages or polls across services and servers.
__Since May 2021 I run a public Mastodon instance: [social.sp-codes.de](https://social.sp-codes.de/)__
Feel free to read the server rules and more information [here](https://social.sp-codes.de/about/more) (German). Feel free to register on my server or pick one from the lists linked below. I'm looking forward to your message to [@samuel_p@matrix.sp-codes.de](https://social.sp-codes.de/@samuel_p).
<div class="text-center mb-3">
<a class="card d-inline-block font-weight-bold" target="_blank" href="https://social.sp-codes.de/about">Register now</a>
</div>
## Interesting Accounts
* [Bundesbeauftragte für Datenschutz und Informationsfreiheit](https://social.bund.de/@bfdi)
* [Bundesamt für Sicherheit in der Informationstechnik](https://social.bund.de/@bsi)
* [Landesregierung Baden-Württemberg](https://mastodon.social/@RegierungBW)
* [Landtag Rheinland-Pfalz](https://social.bund.de/@ltrlp)
* [LfDI Baden-Württemberg](https://bawü.social/@lfdi)
* [Umweltministerium Baden-Württemberg](https://bawü.social/@Umweltministerium)
* [Verbraucherzentrale Schleswig-Holstein](https://troet.cafe/@verbraucherzentrale_sh)
* [Digitalcourage e.V.](https://digitalcourage.social/@digitalcourage)
* [Mobilsicher](https://mastodontech.de/@mobilsicher)
* [Chaos Computer Club](https://social.bau-ha.us/@CCC)
* [GLS Bank](https://ruhr.social/@glsbank)
* [Fairphone](https://social.weho.st/@Fairphone)
* [WEtell.Mobilfunk](https://chaos.social/@wetell)
* [Gnu/Linux](https://social.anoxinon.de/@gnulinux)
* [FragDenStaat](https://chaos.social/@fragdenstaat)
* [Threema](https://mastodon.social/@threemaapp)
* [Minetest](https://fosstodon.org/@Minetest)
* [0 A.D.](https://mastodon.social/@play0ad)
* [Ulrich Kelber](https://bonn.social/@ulrichkelber)
* [Inga Klas](https://mastodon.social/@ingaklas)
* [Mike Kuketz](https://social.tchncs.de/@kuketzblog)
## More useful links
* [Various Apps](https://joinmastodon.org/apps)
* Lists with public Mastodon instances
* [joinmastodon.org](https://joinmastodon.org/communities)
* [instances.social](https://instances.social/)

View file

@ -17,7 +17,7 @@ You can read the server rules [here](https://matrix.sp-codes.de/_matrix/consent)
<a class="card d-inline-block font-weight-bold" target="_blank" href="https://chat.sp-codes.de/#/register">Register now</a>
</div>
On my blog (German) you will find an article series for an easy start to Matrix: [Werde Teil der Matrix](https://blog.sp-codes.de/werde-teil-der-matrix-matrix-teil-1/)
On my blog (German) you will find an article series for an easy start to Matrix: [Werde Teil der Matrix](https://samuels-blog.de/werde-teil-der-matrix-matrix-teil-1/)
## Why Matrix?
@ -37,7 +37,7 @@ Here I want to give some reasons why I use Matrix and prefer it over many other
* [Various Apps](https://matrix.org/clients)
* [List of public rooms](https://view.matrix.org/)
* Lists with public matrix servers
* Lists with public Matrix servers
* [hello-matrix.net](https://www.hello-matrix.net/public_servers.php)
* [anchel.nl](https://publiclist.anchel.nl/)
* [the-federation.info](https://the-federation.info/protocol/matrix)

View file

@ -15,9 +15,7 @@ __Since November 2019 I run a public Searx instance.__ Feel free to check it out
Here is the link to Searx: [searx.sp-codes.de](https://searx.sp-codes.de)
Tor Hidden Service: [searxbi3f73mmdeb.onion](http://searxbi3f73mmdeb.onion)
If you want to use Searx as your default search engine, you can find instructions on my blog (German): [Nur noch Searx](https://blog.sp-codes.de/nur-noch-searx/)
If you want to use Searx as your default search engine, you can find instructions on my blog (German): [Nur noch Searx](https://samuels-blog.de/nur-noch-searx/)
## More useful links

Binary file not shown.

View file

@ -31,6 +31,7 @@
<glyph unicode="&#xe915;" glyph-name="copyright" d="M512 944c-273.934 0-496-222.066-496-496s222.066-496 496-496 496 222.066 496 496-222.066 496-496 496zM512 48c-221.064 0-400 178.902-400 400 0 221.062 178.902 400 400 400 221.064 0 400-178.902 400-400 0-221.064-178.902-400-400-400zM726.702 250.128c-19.228-19.424-91.060-82.792-208.13-82.792-164.86 0-280.968 122.85-280.968 283.134 0 158.304 120.55 278.802 279.524 278.802 111.062 0 177.476-53.24 195.186-69.558 4.76-4.388 7.731-10.654 7.731-17.613 0-4.845-1.44-9.353-3.915-13.121l0.056 0.091-36.31-56.226c-7.682-11.9-23.932-14.564-34.998-5.842-17.19 13.552-63.628 45.076-123.416 45.076-96.606 0-155.832-70.66-155.832-160.164 0-83.178 53.776-167.384 156.554-167.384 65.314 0 113.686 38.078 131.452 54.45 10.54 9.714 27.192 8.078 35.64-3.476l39.73-54.34c2.91-3.913 4.659-8.84 4.659-14.176 0-6.581-2.66-12.54-6.964-16.861l0.001 0.001z" />
<glyph unicode="&#xe916;" glyph-name="book" horiz-adv-x="896" d="M896 240v672c0 26.6-21.4 48-48 48h-656c-106 0-192-86-192-192v-640c0-106 86-192 192-192h656c26.6 0 48 21.4 48 48v32c0 15-7 28.6-17.8 37.4-8.4 30.8-8.4 118.6 0 149.4 10.8 8.6 17.8 22.2 17.8 37.2zM256 692c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-424c-6.6 0-12 5.4-12 12v40zM256 564c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-424c-6.6 0-12 5.4-12 12v40zM762.8 64h-570.8c-35.4 0-64 28.6-64 64 0 35.2 28.8 64 64 64h570.8c-3.8-34.2-3.8-93.8 0-128z" />
<glyph unicode="&#xe917;" glyph-name="external-link" d="M864 310.857h-64c-17.673 0-32-14.327-32-32v0-224h-640v640h288c17.673 0 32 14.327 32 32v0 64c0 17.673-14.327 32-32 32v0h-320c-53.019 0-96-42.981-96-96v0-704c0-53.019 42.981-96 96-96v0h704c53.019 0 96 42.981 96 96v0 256c0 17.673-14.327 32-32 32v0zM976 950.857h-256c-42.74 0-64.1-51.82-34-82l71.46-71.46-487.46-487.28c-8.721-8.692-14.118-20.716-14.118-34s5.396-25.308 14.116-33.999l0.001-0.001 45.34-45.26c8.692-8.721 20.716-14.118 34-14.118s25.308 5.396 33.999 14.116l487.221 487.361 71.44-71.36c30-30 82-9 82 34v256c0 26.51-21.49 48-48 48v0z" />
<glyph unicode="&#xe918;" glyph-name="peertube" d="M128 960v-512l384 256zM128 448v-512l384 256zM512 704v-512l384 256z" />
<glyph unicode="&#xf004;" glyph-name="heart" d="M512 0c-9.143 0-18.286 3.429-25.143 10.286l-356.571 344c-4.571 4-130.286 118.857-130.286 256 0 167.429 102.286 267.429 273.143 267.429 100 0 193.714-78.857 238.857-123.429 45.143 44.571 138.857 123.429 238.857 123.429 170.857 0 273.143-100 273.143-267.429 0-137.143-125.714-252-130.857-257.143l-356-342.857c-6.857-6.857-16-10.286-25.143-10.286z" />
<glyph unicode="&#xf015;" glyph-name="home" horiz-adv-x="951" d="M804.571 384v-274.286c0-20-16.571-36.571-36.571-36.571h-219.429v219.429h-146.286v-219.429h-219.429c-20 0-36.571 16.571-36.571 36.571v274.286c0 1.143 0.571 2.286 0.571 3.429l328.571 270.857 328.571-270.857c0.571-1.143 0.571-2.286 0.571-3.429zM932 423.428l-35.429-42.286c-2.857-3.429-7.429-5.714-12-6.286h-1.714c-4.571 0-8.571 1.143-12 4l-395.429 329.714-395.429-329.714c-4-2.857-8.571-4.571-13.714-4-4.571 0.571-9.143 2.857-12 6.286l-35.429 42.286c-6.286 7.429-5.143 19.429 2.286 25.714l410.857 342.286c24 20 62.857 20 86.857 0l139.429-116.571v111.429c0 10.286 8 18.286 18.286 18.286h109.714c10.286 0 18.286-8 18.286-18.286v-233.143l125.143-104c7.429-6.286 8.571-18.286 2.286-25.714z" />
<glyph unicode="&#xf02c;" glyph-name="tags" horiz-adv-x="1280" d="M995.882 498.975l-423.764 423.764c-17.373 17.373-41.372 28.118-67.882 28.118h-408.236c-53.020 0-96-42.98-96-96v-408.236c0-26.51 10.745-50.509 28.118-67.882l423.764-423.764c37.488-37.49 98.272-37.492 135.764 0l408.236 408.236c37.49 37.49 37.49 98.274 0 135.764zM224 630.857c-53.020 0-96 42.98-96 96s42.98 96 96 96 96-42.98 96-96-42.98-96-96-96zM1251.882 363.211l-408.236-408.236c-37.49-37.49-98.274-37.49-135.764 0l-0.72 0.72 348.118 348.118c33.998 33.998 52.72 79.2 52.72 127.28s-18.724 93.282-52.72 127.28l-392.486 392.484h97.442c26.51 0 50.509-10.745 67.882-28.118l423.764-423.764c37.49-37.49 37.49-98.274 0-135.764z" />

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -48,6 +48,11 @@
font-size: 4em;
}
.i-peertube {
&:before {
content: $i-peertube;
}
}
.i-network-wired {
&:before {
content: $i-network-wired;

View file

@ -1,6 +1,7 @@
$icomoon-font-family: "icomoon" !default;
$icomoon-font-path: "fonts" !default;
$i-peertube: "\e918";
$i-network-wired: "\e903";
$i-money-bill: "\e904";
$i-chart-line: "\e905";