src/_includes/layouts/service.njk

@@ -5,7 +5,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>
+    <h1 class="clearfix"><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">
         <div class="col-lg-8 col-12">

src/de/index.html

@@ -9,7 +9,7 @@ eleventyNavigation:
 ---
 
 <div class="row py-5">
-    <div class="col-12 col-lg-4 m-3 m-lg-0 fill-col-inner">
+    <div class="col-12 col-lg-4 my-3 my-lg-0 fill-col-inner">
         <div class="logo huge animated">
             {% include "logo-animated.html" %}
         </div>
@@ -31,9 +31,9 @@ eleventyNavigation:
 </div>
 
 <div class="row py-5">
-    <div class="col-12 col-lg-4 col-12 m-3 m-lg-0 fill-col-inner order-lg-1">
+    <div class="col-12 col-lg-4 col-12 my-3 my-lg-0 fill-col-inner order-lg-1">
         <div class="me-profile">
-            <img src="/img/samuel-1024-p.jpg" alt="Samuel Philipp">
+            <img src="/img/samuel-1024-n.jpg" alt="Samuel Philipp">
         </div>
     </div>
     <div class="col-12 col-lg-8 col-12">

src/de/services/jitsi.md

@@ -7,6 +7,16 @@ Jitsi-Meet ist eine Plattform für Videokonferenzen. Ohne Anmeldung können voll
 
 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/)
 
+## Server-Details
+
+[//]: # (TODO)
+
+___TODO___
+
+* Streaming
+* Recording
+* Etherpad
+
 ## Weitere nützliche Links
 
 * [Jitsi Webseite](https://jitsi.org/)

src/scss/main.scss

@@ -96,7 +96,7 @@ p {
   margin: 0 auto;
   border-radius: 50%;
   overflow: hidden;
-  box-shadow: inset 0 0 6px 4px #fff;
+  border: 2px solid #fff;
 
   img {
     position: relative;
@@ -132,7 +132,7 @@ p {
   }
 }
 
-@include media-breakpoint-down(sm) {
+@include media-breakpoint-down(md) {
   .nav {
     display: block;
     padding: 0;
@@ -415,7 +415,7 @@ table.table {
   }
 
   .me-profile {
-    border: 1px solid #000;
+    border: 2px solid #000;
   }
 
   .nav {