major refactoring

updated home
added english service placeholder

sites/_includes/layouts/home.njk

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+---
+<div class="row py-5">
+  <div class="col">
+    <img class="logo" src="/img/samuel.png">
+  </div>
+</div>
+
+{{ content | safe }}

sites/_includes/layouts/services.njk

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+---
+<a class="float-right mt-3" href="https://status.sp-codes.de" target="_blank"><i class="fas fa-heartbeat mr-2"></i>Status</a>
+
+{{ content | safe }}
+
+<div class="row">
+  {% include 'services-extended.html' %}
+</div>

sites/_includes/profiles.html

@@ -0,0 +1,31 @@
+<div class="d-flex justify-content-center flex-wrap my-3 contact-links">
+    <div class="m-2"><a href="mailto:mail@sp-codes.de"><span
+            class="fas fa-fw fa-4x fa-envelope"></span></a></div>
+    <div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
+        <img class="matrix-icon" src="img/matrix.png" alt=""></a></div>
+    <div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span
+            class="fab fa-fw fa-4x fa-mastodon"></span></a></div>
+    <div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span
+            class="fab fa-fw fa-4x fa-stack-overflow"></span></a></div>
+    <div class="m-2"><a href="https://gitlab.com/samuel-p"><span
+            class="fab fa-fw fa-4x fa-gitlab"></span></a></div>
+    <div class="m-2"><a href="https://github.com/samuel-p"><span
+            class="fab fa-fw fa-4x fa-github"></span></a></div>
+    <div class="m-2"><a href="https://hub.docker.com/u/samuelph"><span
+            class="fab fa-fw fa-4x fa-docker"></span></a></div>
+</div>
+
+<div class="d-flex justify-content-center mb-3">
+    <div class="text-center">
+        <a href="https://stackexchange.com/users/13389989/samuel-philipp"><img
+                src="https://stackexchange.com/users/flair/13389989.png" width="208" height="58"
+                alt="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"
+                title="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&amp;A sites"/></a>
+    </div>
+</div>
+
+<div class="d-flex justify-content-center mb-3">
+    <div class="lead text-center">
+        <a href="https://samuel-philipp.de">samuel-philipp.de</a>
+    </div>
+</div>

sites/_includes/services-extended.html

@@ -0,0 +1,13 @@
+{%- 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}}" target="_blank"><i
+                    class="fas fa-external-link-alt"></i></a>{% endif %}</h2>
+            <div>{{service.summary[locale]}}</div>
+        </div>
+    </div>
+</div>
+{%- endfor %}

sites/_includes/services-simple.html

@@ -0,0 +1,10 @@
+{%- for service in services %}
+<div class="col-12 col-md-6 p-3">
+    <div class="service flat">
+        <a class="link inner" href="/{{locale}}/services/{{service.id}}">
+            <i class="{{service.icon}} fa-fw fa-2x"></i>
+            <h2 class="mt-2">{{service.name}}</h2>
+        </a>
+    </div>
+</div>
+{%- endfor %}