Update actions/upload-artifact action to v4

src/_includes/layouts/base.njk

@@ -54,7 +54,7 @@ title: sp-codes
     <input type="checkbox" id="menu"/>
 
     <div class="items">
-        <a class="logo mini fixed me-4" href="/{{locale}}/">
+        <a class="logo mini me-4" href="/{{locale}}/">
             <img src="/img/sp-codes.svg" alt="sp-codes">
         </a>
         {%- for entry in collections.all | eleventyNavigation %}

src/_includes/profiles.html

@@ -1,45 +1,26 @@
-<!-- TODO -->
-<div class="d-flex flex-wrap gap-3 my-3 contact-links">
+<div class="d-flex flex-wrap gap-3 my-3 contact-links justify-content-center justify-content-sm-start">
     <div><a href="mailto:mail@sp-codes.de">
-        <span class="d-none d-md-inline-block i-envelope i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-envelope i-2x i-fw"></span>
+        <span class="i-envelope i-2x i-fw"></span>
     </a></div>
     <div><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de?via=matrix.sp-codes.de">
-        <span class="d-none d-md-inline-block i-matrix i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-matrix i-2x i-fw"></span>
+        <span class="i-matrix i-2x i-fw"></span>
     </a></div>
     <div><a rel="me" href="https://social.sp-codes.de/@samuel_p">
-        <span class="d-none d-md-inline-block i-mastodon i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-mastodon i-2x i-fw"></span>
+        <span class="i-mastodon i-2x i-fw"></span>
     </a></div>
     <div><a rel="me" href="https://www.xing.com/profile/Samuel_Philipp">
-        <span class="d-none d-md-inline-block i-xing i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-xing i-2x i-fw"></span>
+        <span class="i-xing i-2x i-fw"></span>
     </a></div>
     <div><a rel="me" href="https://www.linkedin.com/in/samuel-philipp">
-        <span class="d-none d-md-inline-block i-linkedin i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-linkedin i-2x i-fw"></span>
+        <span class="i-linkedin i-2x i-fw"></span>
     </a></div>
     <div><a href="https://git.sp-codes.de/samuel-p">
-        <span class="d-none d-md-inline-block i-git i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-git i-2x i-fw"></span>
+        <span class="i-git i-2x i-fw"></span>
     </a></div>
     <div><a href="https://github.com/samuel-p">
-        <span class="d-none d-md-inline-block i-github i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-github i-2x i-fw"></span>
+        <span class="i-github i-2x i-fw"></span>
     </a></div>
     <div><a href="https://stackoverflow.com/users/9662601/samuel-p">
-        <span class="d-none d-md-inline-block i-stackoverflow i-2x i-fw"></span>
-        <span class="d-inline-block d-md-none i-stackoverflow i-2x i-fw"></span>
+        <span class="i-stackoverflow i-2x i-fw"></span>
     </a></div>
 </div>
-
-<!--<div class="d-flex justify-content-center mb-3">-->
-<!--    <div class="lead text-center">-->
-<!--        {% if locale == 'de' %}-->
-<!--        <a href="https://samuel-philipp.de">samuel-philipp.de</a>-->
-<!--        {% elseif locale == 'en' %}-->
-<!--        <a href="https://samuel-philipp.com">samuel-philipp.com</a>-->
-<!--        {% endif %}-->
-<!--    </div>-->
-<!--</div>-->

src/de/index.html

@@ -9,7 +9,7 @@ eleventyNavigation:
 ---
 
 <div class="row py-5">
-    <div class="col-12 col-lg-4 my-3 my-lg-0 fill-col-inner">
+    <div class="col-12 col-lg-4 mb-4 mb-lg-0 fill-col-inner">
         <div class="logo huge animated">
             {% include "logo-animated.html" %}
         </div>
@@ -31,12 +31,12 @@ eleventyNavigation:
 </div>
 
 <div class="row py-5">
-    <div class="col-12 col-lg-4 col-12 my-3 my-lg-0 fill-col-inner order-lg-1">
+    <div class="col-12 col-lg-4 mb-4 mb-lg-0 fill-col-inner order-lg-1">
         <div class="me-profile">
             <img src="/img/samuel-1024.jpg" alt="Samuel Philipp">
         </div>
     </div>
-    <div class="col-12 col-lg-8 col-12">
+    <div class="col-12 col-lg-8">
         <h1>Über mich</h1>
         <p class="mb-2">
             Mein Name ist Samuel Philipp und ich bin Full-Stack-Developer und SysAdmin. In meiner Freizeit betreibe ich alle angebotenen Dienste von sp-codes. Wenn du mehr über mich erfahren möchtest, schau gerne auf meiner persönlichen Webseite vorbei:

src/de/services/forgejo.md

@@ -5,17 +5,11 @@ title: Forgejo
 ---
 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 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.
 
 ## Server-Details
 
-[//]: # (TODO)
-
-___TODO___
-
-* Actions
+Neben Forgejo betreibe ich auch Forgejo Actions, ein Addon, das die Platform um zahlreiche Continuous Integration Funktionen erweitert. Dadurch ist es möglich, Builds automatisiert zu erstellen und bereitzustellen. Forgejo Actions ermöglicht zudem automatisierte Tests durchzuführen. So können kontinuierlich Änderungen in Echtzeit überwacht und Fehler frühzeitig erkannt werden.
 
 ## Weitere nützliche Links
 

src/de/services/jitsi.md

@@ -9,13 +9,9 @@ Nutze die Instanz gerne mit anderen Leuten. Sollte es hier einmal nicht ganz run
 
 ## Server-Details
 
-[//]: # (TODO)
+Jitsi bietet nicht nur die üblichen Funktionen anderer Videokonferenz-Tools wie die Änderung des Kamerahintergrunds, Rauschunterdrückung und Reaktionen, sondern auch einige zusätzliche Features.
 
-___TODO___
-
-* Streaming
-* Recording
-* Etherpad
+Mit der bereitgestellten Jitsi-Meet Instanz können Meetings direkt auf Streaming-Plattformen wie YouTube oder PeerTube live übertragen werden. Darüber hinaus besteht die Möglichkeit, Web-Meetings lokal aufzuzeichnen. Während einer Konferenz kann man auch externe Videos gemeinsam anschauen. Dank der direkten Integration von Etherpad können während Meetings gemeinsame Notizen erstellt werden.
 
 ## Weitere nützliche Links
 

src/de/services/peertube.md

@@ -13,12 +13,7 @@ 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
+Mit der bereitgestellten PeerTube Instanz können auch Livestreams durchgeführt werden. Jeder Account erhält 20 GB Speicherplatz und ist täglich auf eine Upload-Beschränkung von 2 GB begrenzt. Die ersten hochgeladenen Videos werden manuell freigeschaltet, um die Einhaltung der Serverregeln sicherzustellen.
 
 ## Interessante Kanäle
 

src/scss/main.scss

@@ -49,10 +49,6 @@ p {
   color: $primary;
 }
 
-.text-foreground {
-  color: #fff;
-}
-
 .fill-col-inner {
   display: flex;
   align-items: center;
@@ -64,11 +60,6 @@ p {
   max-width: 128px;
   max-height: 128px;
 
-  &.fixed {
-    width: 128px;
-    height: 128px;
-  }
-
   &.huge {
     width: 256px;
     height: 256px;
@@ -76,16 +67,23 @@ p {
     max-height: 256px;
   }
 
-  &.mini.fixed {
+  &.mini {
     width: 32px;
     height: 32px;
   }
 }
 
-@media (max-width: 767.98px) {
+@include media-breakpoint-down(lg) {
   .logo {
-    max-width: 96px;
-    max-height: 96px;
+    max-width: 64px;
+    max-height: 64px;
+
+    &.huge {
+      width: 128px;
+      height: 128px;
+      max-width: 128px;
+      max-height: 128px;
+    }
   }
 }
 
@@ -106,6 +104,13 @@ p {
   }
 }
 
+@include media-breakpoint-down(lg) {
+  .me-profile {
+    height: 128px;
+    width: 128px;
+  }
+}
+
 .nav {
   display: flex;
   background-color: #111;