added services template

updated .drone.yml

sites/de/about.html

@@ -2,9 +2,10 @@
 layout: base.njk
 key: about
 title: Über
-eleventyNavigation:
-  key: about
-  title: Über
-  order: 1
+#eleventyNavigation:
+#  key: about
+#  title: Über
+#  order: 1
 ---
-<h1>Über mich</h1>
+<h1>Über mich</h1>
+Comming soon!

sites/de/projects.html

@@ -0,0 +1,11 @@
+---
+layout: base.njk
+key: projects
+title: Projekte
+#eleventyNavigation:
+#  key: projects
+#  title: Projekte
+#  order: 4
+---
+<h1>Projekte</h1>
+Comming soon!

sites/de/recommendations.html

@@ -2,9 +2,10 @@
 layout: base.njk
 key: recommendations
 title: Empfehlungen
-eleventyNavigation:
-  key: recommendations
-  title: Empfehlungen
-  order: 2
+#eleventyNavigation:
+#  key: recommendations
+#  title: Empfehlungen
+#  order: 2
 ---
 <h1>Empfehlungen</h1>
+Comming soon!

sites/de/services.html

@@ -5,6 +5,28 @@ title: Dienste
 eleventyNavigation:
   key: services
   title: Dienste
+  icon: server
   order: 2
 ---
-<h1>Services</h1>
+<div>
+    <a class="float-right mt-3" href="https://status.sp-codes.de"><i class="fas fa-heartbeat mr-2"></i>Status</a>
+    <h1>Dienste</h1>
+    <p>In meiner Freizeit stelle ich verschiedene quelloffene Dienste für die freie Nutzung bereit. Hier finden Sie eine
+        Übersicht der einzelnen Services und jeweils eine kurze Beschreibung. Alle Services werden in Deutschland
+        gehostet. Fühlen Sie sich frei davon Gebrauch zu machen.</p>
+    <div class="row">
+        {%- for service in services %}
+        <div class="col-12 col-md-6 col-lg-4 p-3">
+            <div class="service">
+                <a class="link" href="/{{locale}}/services/{{service.id}}"></a>
+                <div class="inner">
+                    <i class="{{service.icon}} fa-4x"></i>
+                    <h2 class="mt-2">{{service.name}}{% if service.url %} <a href="{{service.url}}"><i
+                            class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
+                    <div>{{service.summary[locale]}}</div>
+                </div>
+            </div>
+        </div>
+        {%- endfor %}
+    </div>
+</div>

sites/de/services/invidous.md

@@ -0,0 +1,8 @@
+---
+layout: base.njk
+key: invidious
+title: Invidious
+---
+# Invidious
+
+Die Beschreibung zu Invidious folgt in Kürze.

sites/de/services/searx.md

@@ -0,0 +1,8 @@
+---
+layout: base.njk
+key: searx
+title: Searx
+---
+# Searx
+
+Die Beschreibung zu Searx folgt in Kürze.