Merge pull request 'develop' (#203) from develop into main

Reviewed-on: #203

package.json

@@ -26,16 +26,16 @@
     "@node-minify/html-minifier": "^8.0.6",
     "@sardine/eleventy-plugin-tinyhtml": "^0.2.0",
     "cpx": "^1.5.0",
-    "eleventy-plugin-rev": "^1.1.1",
+    "eleventy-plugin-rev": "^2.0.0",
-    "eleventy-sass": "^2.2.3",
+    "eleventy-sass": "^2.2.4",
     "glob": "^10.3.10",
     "minify": "^10.5.2",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.32",
     "sass": "^1.69.5",
     "uncss": "^0.17.3"
   },
   "dependencies": {
     "bootstrap": "^5.3.2",
-    "flag-icons": "^6.11.2"
+    "flag-icons": "^7.0.2"
   }
 }

src/_data/i18n/de.json

@@ -9,7 +9,7 @@
       "address": "Adresse"
     },
     "hello": "Willkommen!",
-    "text": "Schön, dass du auf meine Webseite gefunden hast. Gerne stelle ich mich hier vor: Zunächst führe ich dich durch die wichtigsten Etappen meines Lebenslaufs. Anschließend präsentiere ich meine Projekte und Fähigkeiten, an und mit denen ich arbeite. Abschließend erhältst du einige Eindrücke meiner Hobbys und was ich sonst so tue. Schau dich gerne um. Bei Fragen, Anregungen oder Kritik freue ich mich auf deine Nachricht!"
+    "text": "Schön, dass du auf meine Webseite gefunden hast. Gerne stelle ich mich hier vor: Zunächst führe ich dich durch die wichtigsten Stationen meines Lebenslaufs. Anschließend präsentiere ich meine Projekte und Fähigkeiten, an und mit denen ich arbeite. Zum Abschluss gebe ich dir einen Einblick in meine Hobbys und was ich sonst noch so tue. Wenn du Fragen, Anregungen oder Kritik hast, freue ich mich über deine Nachricht!"
   },
   "resume": {
     "title": "Mein Lebenslauf",
@@ -17,12 +17,17 @@
       "title": "Berufliche Laufbahn",
       "positions": [
         {
-          "position": "Full Stack Developer",
+          "position": "Full-Stack Developer",
           "company": "Hacking-Lab AG",
           "url": "https://www.hacking-lab.com",
           "start": "Mai 2023",
           "end": "heute",
-          "descriptions": [],
+          "descriptions": [
+            "Entwicklung der <a href=\"https://www.hacking-lab.com\">Hacking-Lab Plattform</a>",
+            "Planung und Umsetzung der <a href=\"https://bugbounty.compass-security.com\">Bug Bounty Plattform</a>",
+            "Systemadministration und Wartung der Infrastruktur",
+            "Aufbau und Implementierung von DevOps-Prozessen"
+          ],
           "city": "Berlin",
           "country": ""
         },
@@ -33,8 +38,8 @@
           "start": "März 2022",
           "end": "heute",
           "descriptions": [
-            "Hosting von Open-Source-Tools <a href=\"https://ossrox.org\">ossrox.org</a>",
+            "Hosting von Open-Source-Tools",
-            "Strategische Gestaltung des Produktportfolios",
+            "Entwicklung und Umsetzung von Marketingstrategien",
             "Direkter Ansprechpartner im technischen Kundensupport",
             "Planung und Realisierung individueller Kundenwünsche"
           ],
@@ -48,7 +53,7 @@
           "start": "Jan. 2018",
           "end": "Apr. 2023",
           "descriptions": [
-            "Threat Intelligence Plattform <a href=\"https://av-atlas.org\">av-atlas.org</a>",
+            "Entwicklung der Threat Intelligence Plattform <a href=\"https://av-atlas.org\">av-atlas</a>",
             "Automatisierte Datenschutzanalyse von Android Apps",
             "Automatisierte Beschaffung von Malware für weitere Analysesysteme",
             "Automatisierte Massenanalyse und Klassifizierung von Spam-Mails"
@@ -147,6 +152,7 @@
   },
   "skills": {
     "title": "Skills",
+    "description": "Mein Fachwissen kompakt zusammengefasst.",
     "languages": [
       {
         "name": "Java",
@@ -226,17 +232,18 @@
   },
   "interests": {
     "title": "Interessen",
+    "description": "Damit verbringe ich meine Freizeit.",
     "list": [
-      {
-        "image": "softwerke",
-        "name": "Softwerke Magdeburg e.V.",
-        "url": "https://softwerke.md/"
-      },
       {
         "image": "magic",
         "name": "Zauberkunst",
         "url": "https://sp-magic.de"
       },
+      {
+        "image": "environment",
+        "name": "Natur- & Umweltschutz",
+        "url": ""
+      },
       {
         "image": "sports",
         "name": "Kraftsport & Bouldern",
@@ -249,6 +256,32 @@
       }
     ]
   },
+  "commitment": {
+    "title": "Engagement",
+    "description": "Diese Projekte und Organisationen unterstütze ich regelmäßig.",
+    "list": [
+      {
+        "image": "softwerke.svg",
+        "name": "Softwerke Magdeburg e.V.",
+        "url": "https://softwerke.md"
+      },
+      {
+        "image": "noyb.png",
+        "name": "NOYB",
+        "url": "https://noyb.eu/de"
+      },
+      {
+        "image": "dgzrs.svg",
+        "name": "Deutsche Gesellschaft zur Rettung Schiffbrüchiger",
+        "url": "https://www.seenotretter.de"
+      },
+      {
+        "image": "wilderness-international.svg",
+        "name": "Wilderness International",
+        "url": "https://wilderness-international.org"
+      }
+    ]
+  },
   "contact": {
     "title": "Kontakt"
   },

src/_data/i18n/en.json

@@ -9,7 +9,7 @@
       "address": "Address"
     },
     "hello": "Welcome!",
-    "text": "Nice that you found my website. I would like to introduce myself here: First, I'll take you through the most important stages of my resume. Then I will present my projects and skills I am working on and with. Finally, you will get some impressions of my hobbies and what else I like to do. Feel free to explore. If you have any questions, suggestions or criticism, do not hesitate to contact me!"
+    "text": "Nice that you have found my website. I would like to introduce myself here: First, I'll take you through the most important stages of my career. Then I'll present the projects I work on and the skills I have. Finally, I'll give you an insight into my hobbies and what else I do. If you have any questions, suggestions or criticism, I look forward receiving your message!"
   },
   "resume": {
     "title": "My Resume",
@@ -17,12 +17,17 @@
       "title": "Work Experience",
       "positions": [
         {
-          "position": "Full Stack Developer",
+          "position": "Full-Stack Developer",
           "company": "Hacking-Lab AG",
           "url": "https://www.hacking-lab.com",
           "start": "May 2023",
           "end": "now",
-          "descriptions": [],
+          "descriptions": [
+            "Development of the Hacking Lab <a href=\"https://www.hacking-lab.com\">Hacking-Lab Platform</a>",
+            "Planning and realization of the <a href=\"https://bugbounty.compass-security.com\">Bug Bounty Platform</a>",
+            "System administration and maintenance of the infrastructure",
+            "Design and implementation of DevOps processes"
+          ],
           "city": "Berlin",
           "country": ""
         },
@@ -33,10 +38,10 @@
           "start": "Mar. 2022",
           "end": "now",
           "descriptions": [
-            "Hosting open source tools <a href=\"https://ossrox.org\">ossrox.org</a>",
+            "Hosting of open source tools",
-            "Strategic design of product portfolio",
+            "Design and implementation of marketing strategies",
-            "Direct contact in technical customer support",
+            "Direct contact for technical customer support",
-            "Planning and realization of individual customer requirements"
+            "Planning and realization of individual customer requests"
           ],
           "city": "Magdeburg",
           "country": ""
@@ -48,7 +53,7 @@
           "start": "Jan. 2018",
           "end": "Apr. 2023",
           "descriptions": [
-            "Threat Intelligence Platform <a href=\"https://av-atlas.org\">av-atlas.org</a>",
+            "Development of the Threat Intelligence Platform <a href=\"https://av-atlas.org\">av-atlas</a>",
             "Automated privacy analysis of Android apps",
             "Automated collection of malware for further analysis systems",
             "Automated mass analysis and classification of spam mails"
@@ -147,6 +152,7 @@
   },
   "skills": {
     "title": "Skills",
+    "description": "A compact summary of my expertise.",
     "languages": [
       {
         "name": "Java",
@@ -226,17 +232,18 @@
   },
   "interests": {
     "title": "Interests",
+    "description": "This is how I spend my free time.",
     "list": [
-      {
-        "image": "softwerke",
-        "name": "Softwerke Magdeburg e.V.",
-        "url": "https://softwerke.md/"
-      },
       {
         "image": "magic",
         "name": "Magic",
         "url": "https://sp-magic.de"
       },
+      {
+        "image": "environment",
+        "name": "Nature & environment protection",
+        "url": ""
+      },
       {
         "image": "sports",
         "name": "Strength training & Bouldering",
@@ -249,6 +256,32 @@
       }
     ]
   },
+  "commitment": {
+    "title": "Commitment",
+    "description": "I regularly support these projects and organizations.",
+    "list": [
+      {
+        "image": "softwerke.svg",
+        "name": "Softwerke Magdeburg e.V.",
+        "url": "https://softwerke.md"
+      },
+      {
+        "image": "noyb.png",
+        "name": "NOYB",
+        "url": "https://noyb.eu/de"
+      },
+      {
+        "image": "dgzrs.svg",
+        "name": "Deutsche Gesellschaft zur Rettung Schiffbrüchiger",
+        "url": "https://www.seenotretter.de"
+      },
+      {
+        "image": "wilderness-international.svg",
+        "name": "Wilderness International",
+        "url": "https://wilderness-international.org"
+      }
+    ]
+  },
   "contact": {
     "title": "Contact"
   },

src/img/softwerke.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="57.117mm" height="17.745mm" version="1.1" viewBox="0 0 57.117 17.745" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <metadata>
+  <rdf:RDF>
+   <cc:Work rdf:about="">
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+   </cc:Work>
+  </rdf:RDF>
+ </metadata>
+ <g transform="translate(-21.011 -35.833)" fill="#08f" stroke-width=".26458">
+  <g aria-label="Softwerke">
+   <path d="m26.112 46.27q-1.016 0-1.7039-0.29633-0.67733-0.29633-1.0266-0.77258-0.34925-0.47625-0.37042-1.016 0-0.09525 0.0635-0.15875 0.0635-0.0635 0.15875-0.0635h1.143q0.13758 0 0.21167 0.05292 0.07408 0.05292 0.13758 0.13758 0.07408 0.1905 0.23283 0.35983 0.16933 0.16933 0.4445 0.27517 0.28575 0.10583 0.70908 0.10583 0.68791 0 1.0266-0.22225 0.34925-0.22225 0.34925-0.60325 0-0.26458-0.1905-0.43392-0.17992-0.16933-0.58208-0.30692-0.39158-0.13758-1.0477-0.28575-0.79375-0.17992-1.3547-0.4445-0.55033-0.27517-0.83608-0.6985-0.27517-0.43392-0.27517-1.0689t0.34925-1.1218q0.34925-0.49742 0.98425-0.77258 0.635-0.28575 1.5134-0.28575 0.70908 0 1.2488 0.1905 0.55033 0.1905 0.91016 0.49742 0.37042 0.30692 0.56092 0.65616 0.1905 0.34925 0.20108 0.67733 0 0.09525-0.0635 0.16933-0.05292 0.0635-0.15875 0.0635h-1.1853q-0.10583 0-0.1905-0.04233-0.08467-0.04233-0.14817-0.14817-0.05292-0.28575-0.37042-0.48683-0.30692-0.20108-0.80433-0.20108-0.51858 0-0.8255 0.1905-0.29633 0.17992-0.29633 0.5715 0 0.254 0.15875 0.43392 0.15875 0.16933 0.51858 0.30692 0.35983 0.127 0.97366 0.27517 0.92075 0.1905 1.5028 0.46566 0.58208 0.26458 0.85725 0.68791 0.27517 0.41275 0.27517 1.0477 0 0.70908-0.39158 1.2171-0.39158 0.508-1.0901 0.78316-0.6985 0.26458-1.6192 0.26458z"/>
+   <path d="m32.748 46.27q-0.87841 0-1.4711-0.28575-0.59266-0.29633-0.91016-0.83608-0.30692-0.53975-0.33867-1.2594-0.01058-0.21167-0.01058-0.47625 0-0.27517 0.01058-0.47625 0.03175-0.73025 0.35983-1.2594 0.32808-0.53975 0.92075-0.8255 0.59266-0.29633 1.4393-0.29633 0.83608 0 1.4287 0.29633 0.59266 0.28575 0.92075 0.8255 0.32808 0.52916 0.37042 1.2594 0.01058 0.20108 0.01058 0.47625 0 0.26458-0.01058 0.47625-0.04233 0.71966-0.35983 1.2594-0.30692 0.53975-0.89958 0.83608-0.59266 0.28575-1.4605 0.28575zm0-1.1747q0.51858 0 0.77258-0.3175 0.26458-0.3175 0.29633-0.94191 0.01058-0.15875 0.01058-0.42333 0-0.26458-0.01058-0.42333-0.03175-0.61383-0.29633-0.93133-0.254-0.32808-0.77258-0.32808t-0.78316 0.32808q-0.26458 0.3175-0.29633 0.93133-0.01058 0.15875-0.01058 0.42333 0 0.26458 0.01058 0.42333 0.03175 0.62442 0.29633 0.94191 0.26458 0.3175 0.78316 0.3175z"/>
+   <path d="m37.404 46.164q-0.11642 0-0.1905-0.07408-0.07408-0.07408-0.07408-0.1905v-3.9899h-0.8255q-0.11642 0-0.1905-0.07408-0.07408-0.07408-0.07408-0.17992v-0.73025q0-0.11642 0.07408-0.1905 0.07408-0.07408 0.1905-0.07408h0.8255v-0.381q0-0.67733 0.254-1.1112t0.74083-0.635q0.49742-0.20108 1.1959-0.20108h0.78316q0.10583 0 0.17992 0.07408 0.07408 0.07408 0.07408 0.1905v0.73025q0 0.10583-0.07408 0.17992-0.07408 0.07408-0.17992 0.07408h-0.70908q-0.39158 0-0.55033 0.20108-0.14817 0.1905-0.14817 0.55033v0.32808h1.3017q0.10583 0 0.17992 0.07408 0.07408 0.07408 0.07408 0.1905v0.73025q0 0.10583-0.07408 0.17992-0.07408 0.07408-0.17992 0.07408h-1.3017v3.9899q0 0.11642-0.07408 0.1905-0.07408 0.07408-0.1905 0.07408z"/>
+   <path d="m43.712 46.164q-0.65616 0-1.1218-0.21167-0.45508-0.22225-0.6985-0.67733t-0.24342-1.143v-2.2225h-0.8255q-0.11642 0-0.1905-0.07408-0.07408-0.07408-0.07408-0.17992v-0.73025q0-0.11642 0.07408-0.1905 0.07408-0.07408 0.1905-0.07408h0.8255v-1.7462q0-0.11642 0.07408-0.1905 0.08467-0.07408 0.1905-0.07408h1.0477q0.10583 0 0.17992 0.07408 0.07408 0.07408 0.07408 0.1905v1.7462h1.3229q0.11642 0 0.1905 0.07408 0.07408 0.07408 0.07408 0.1905v0.73025q0 0.10583-0.07408 0.17992-0.07408 0.07408-0.1905 0.07408h-1.3229v2.0955q0 0.40216 0.14817 0.635 0.14817 0.22225 0.49742 0.22225h0.77258q0.11642 0 0.1905 0.07408 0.07408 0.07408 0.07408 0.17992v0.78316q0 0.11642-0.07408 0.1905-0.07408 0.07408-0.1905 0.07408z"/>
+   <path d="m47.321 46.164q-0.14817 0-0.23283-0.07408-0.07408-0.07408-0.11642-0.1905l-1.5134-4.9001q-0.02117-0.05292-0.02117-0.10583 0-0.09525 0.0635-0.15875 0.07408-0.07408 0.16933-0.07408h0.94191q0.127 0 0.20108 0.07408 0.07408 0.07408 0.09525 0.13758l0.96308 3.2597 1.0266-3.2385q0.02117-0.07408 0.09525-0.14817 0.08467-0.08467 0.23283-0.08467h0.60325q0.14817 0 0.22225 0.08467 0.08467 0.07408 0.10583 0.14817l1.0266 3.2385 0.96308-3.2597q0.01058-0.0635 0.08467-0.13758 0.07408-0.07408 0.21167-0.07408h0.94191q0.09525 0 0.15875 0.07408 0.07408 0.0635 0.07408 0.15875 0 0.05292-0.02117 0.10583l-1.5134 4.9001q-0.04233 0.11642-0.11642 0.1905-0.07408 0.07408-0.23283 0.07408h-0.81491q-0.14817 0-0.23283-0.07408-0.08467-0.07408-0.127-0.1905l-1.0266-3.1221-1.0372 3.1221q-0.04233 0.11642-0.127 0.1905-0.07408 0.07408-0.23283 0.07408z"/>
+   <path d="m56.877 46.27q-1.2171 0-1.9367-0.67733-0.70908-0.67733-0.75141-1.9685 0-0.08467 0-0.22225 0-0.14817 0-0.22225 0.04233-0.8255 0.37042-1.4076 0.32808-0.59266 0.92075-0.89958 0.59266-0.3175 1.3864-0.3175 0.89958 0 1.4922 0.37042 0.59266 0.35983 0.889 0.99483 0.30692 0.62442 0.30692 1.4393v0.24342q0 0.10583-0.07408 0.1905-0.07408 0.07408-0.1905 0.07408h-3.4502t0 0.03175q0 0.02117 0 0.04233 0.01058 0.33867 0.127 0.62442 0.11642 0.27517 0.33866 0.4445 0.23283 0.16933 0.56092 0.16933 0.254 0 0.42333-0.07408 0.16933-0.08467 0.27517-0.17992 0.11642-0.10583 0.16933-0.17992 0.09525-0.11642 0.14817-0.13758 0.0635-0.03175 0.17992-0.03175h1.1218q0.09525 0 0.15875 0.0635 0.07408 0.0635 0.0635 0.15875-0.01058 0.17992-0.17992 0.43392-0.15875 0.24342-0.47625 0.48683-0.3175 0.23283-0.79375 0.39158-0.46566 0.15875-1.0795 0.15875zm-1.0372-3.3761h2.0637v-0.03175q0-0.37042-0.127-0.64558-0.11642-0.28575-0.34925-0.4445-0.23283-0.15875-0.56092-0.15875t-0.56092 0.15875q-0.22225 0.15875-0.34925 0.4445-0.11642 0.27517-0.11642 0.64558z"/>
+   <path d="m60.878 46.164q-0.10583 0-0.1905-0.07408-0.07408-0.07408-0.07408-0.1905v-4.9742q0-0.10583 0.07408-0.17992 0.08467-0.08467 0.1905-0.08467h1.0372q0.11642 0 0.1905 0.08467 0.07408 0.07408 0.07408 0.17992v0.42333q0.26458-0.32808 0.65616-0.508 0.39158-0.17992 0.889-0.17992h0.45508q0.11642 0 0.1905 0.07408 0.07408 0.07408 0.07408 0.1905v0.92075q0 0.10583-0.07408 0.17992-0.07408 0.07408-0.1905 0.07408h-0.92075q-0.47625 0-0.74083 0.26458-0.254 0.26458-0.254 0.73025v2.8046q0 0.11642-0.08467 0.1905-0.07408 0.07408-0.17992 0.07408z"/>
+   <path d="m65.503 46.164q-0.11642 0-0.1905-0.07408-0.07408-0.07408-0.07408-0.1905v-6.985q0-0.11642 0.07408-0.1905 0.07408-0.07408 0.1905-0.07408h1.0372q0.10583 0 0.17992 0.07408 0.08467 0.07408 0.08467 0.1905v3.5772l1.6192-1.651q0.08467-0.07408 0.14817-0.127 0.07408-0.05292 0.22225-0.05292h1.2065q0.09525 0 0.15875 0.07408 0.07408 0.0635 0.07408 0.15875 0 0.04233-0.02117 0.09525t-0.07408 0.08467l-2.0426 2.0532 2.3072 2.6352q0.08467 0.08467 0.08467 0.16933 0 0.09525-0.0635 0.16933-0.0635 0.0635-0.16933 0.0635h-1.2277q-0.15875 0-0.23283-0.05292-0.0635-0.05292-0.14817-0.127l-1.8415-2.0743v1.9897q0 0.11642-0.08467 0.1905-0.07408 0.07408-0.17992 0.07408z"/>
+   <path d="m73.451 46.27q-1.2171 0-1.9367-0.67733-0.70908-0.67733-0.75142-1.9685 0-0.08467 0-0.22225 0-0.14817 0-0.22225 0.04233-0.8255 0.37042-1.4076 0.32808-0.59266 0.92075-0.89958 0.59266-0.3175 1.3864-0.3175 0.89958 0 1.4922 0.37042 0.59266 0.35983 0.889 0.99483 0.30692 0.62442 0.30692 1.4393v0.24342q0 0.10583-0.07408 0.1905-0.07408 0.07408-0.1905 0.07408h-3.4502t0 0.03175q0 0.02117 0 0.04233 0.01058 0.33867 0.127 0.62442 0.11642 0.27517 0.33866 0.4445 0.23283 0.16933 0.56092 0.16933 0.254 0 0.42333-0.07408 0.16933-0.08467 0.27517-0.17992 0.11642-0.10583 0.16933-0.17992 0.09525-0.11642 0.14817-0.13758 0.0635-0.03175 0.17992-0.03175h1.1218q0.09525 0 0.15875 0.0635 0.07408 0.0635 0.0635 0.15875-0.01058 0.17992-0.17992 0.43392-0.15875 0.24342-0.47625 0.48683-0.3175 0.23283-0.79375 0.39158-0.46566 0.15875-1.0795 0.15875zm-1.0372-3.3761h2.0637v-0.03175q0-0.37042-0.127-0.64558-0.11642-0.28575-0.34925-0.4445-0.23283-0.15875-0.56092-0.15875-0.32808 0-0.56092 0.15875-0.22225 0.15875-0.34925 0.4445-0.11642 0.27517-0.11642 0.64558z"/>
+  </g>
+  <g aria-label="Magdeburg">
+   <path d="m45.645 52.035q-0.06209 0-0.1016-0.03951t-0.03951-0.1016v-3.6689q0-0.06209 0.03951-0.1016t0.1016-0.03951h0.53058q0.08467 0 0.12418 0.04516 0.04516 0.04516 0.05644 0.06773l1.0442 1.9078 1.0442-1.9078q0.01129-0.02258 0.0508-0.06773 0.04516-0.04516 0.12982-0.04516h0.52493q0.06209 0 0.1016 0.03951t0.03951 0.1016v3.6689q0 0.06209-0.03951 0.1016t-0.1016 0.03951h-0.57573q-0.05644 0-0.09596-0.03951-0.03951-0.03951-0.03951-0.1016v-2.2747l-0.71684 1.3377q-0.02258 0.0508-0.06773 0.09031-0.04516 0.03951-0.12418 0.03951h-0.26529q-0.07338 0-0.11853-0.03951-0.04516-0.03951-0.07338-0.09031l-0.7112-1.3377v2.2747q0 0.06209-0.03951 0.1016t-0.1016 0.03951z"/>
+   <path d="m50.928 52.092q-0.29916 0-0.53622-0.11289-0.23707-0.11853-0.37818-0.31609t-0.14111-0.44027q0-0.40076 0.32173-0.63218 0.32738-0.23142 0.85796-0.31609l0.73942-0.10724v-0.1016q0-0.22013-0.1016-0.33867-0.1016-0.11853-0.3556-0.11853-0.1524 0-0.24836 0.0508-0.09595 0.0508-0.16369 0.11853-0.06773 0.06209-0.12982 0.11289-0.01693 0.03387-0.03387 0.04516-0.01693 0.01129-0.04516 0.01129h-0.51929q-0.05644 0-0.09596-0.03387-0.03387-0.03951-0.02822-0.09031 0-0.09596 0.07338-0.22578 0.07338-0.12982 0.22578-0.254 0.1524-0.12982 0.38947-0.21449 0.24271-0.08467 0.58138-0.08467 0.3556 0 0.6096 0.08467t0.4064 0.23707q0.15804 0.1524 0.22578 0.3556 0.07338 0.19756 0.07338 0.42898v1.7441q0 0.06209-0.03951 0.1016t-0.09596 0.03951h-0.5588q-0.05645 0-0.09596-0.03951t-0.03951-0.1016v-0.20884q-0.07338 0.10724-0.19756 0.2032-0.12418 0.09031-0.29916 0.14676-0.16933 0.05644-0.40076 0.05644zm0.22578-0.58702q0.18627 0 0.33302-0.07902 0.14676-0.07902 0.23142-0.24271 0.08467-0.16369 0.08467-0.41204v-0.09595l-0.52493 0.08467q-0.29916 0.0508-0.44027 0.1524-0.14111 0.1016-0.14111 0.24836 0 0.10724 0.06209 0.18627 0.06773 0.07338 0.16933 0.11853 0.10724 0.03951 0.22578 0.03951z"/>
+   <path d="m54.716 53.277q-0.41769 0-0.69427-0.11289-0.27658-0.10724-0.44027-0.26529-0.15804-0.1524-0.22578-0.3048-0.06773-0.1524-0.07338-0.24271-0.0056-0.05644 0.03951-0.1016 0.04516-0.03951 0.1016-0.03951h0.60396q0.05644 0 0.09031 0.02258 0.03387 0.02822 0.05645 0.09596 0.03387 0.06773 0.08467 0.14111 0.0508 0.07902 0.1524 0.12982 0.1016 0.0508 0.27658 0.0508 0.19756 0 0.32738-0.05644t0.19191-0.19191q0.06773-0.13547 0.06773-0.36689v-0.37819q-0.13547 0.14676-0.34431 0.24271-0.2032 0.09596-0.50236 0.09596-0.29351 0-0.51929-0.09031-0.22013-0.09596-0.36689-0.26529-0.14676-0.17498-0.22578-0.41769-0.07902-0.24271-0.09031-0.54751-0.0056-0.1524 0-0.29916 0.01129-0.29351 0.09031-0.53622t0.22578-0.41769q0.14676-0.18062 0.36689-0.27658 0.22578-0.1016 0.51929-0.1016 0.31044 0 0.53058 0.11853t0.36124 0.29351v-0.21449q0-0.05644 0.03951-0.09595 0.03951-0.04516 0.09596-0.04516h0.55316q0.06209 0 0.1016 0.04516 0.03951 0.03951 0.03951 0.09595l0.0056 2.715q0 0.42333-0.16369 0.71684t-0.48542 0.44591q-0.31609 0.15804-0.79022 0.15804zm-0.02822-1.9473q0.2032 0 0.32738-0.09031 0.12982-0.09031 0.19191-0.23142 0.06209-0.14676 0.06773-0.3048 0.0056-0.06209 0.0056-0.17498 0-0.11853-0.0056-0.18062-0.0056-0.15804-0.06773-0.29916-0.06209-0.14111-0.19191-0.23142-0.12418-0.09596-0.32738-0.09596-0.21449 0-0.33867 0.09596-0.12418 0.09031-0.18062 0.24271-0.0508 0.1524-0.06209 0.33302-0.01129 0.13547 0 0.26529 0.01129 0.18627 0.06209 0.33867 0.05644 0.1524 0.18062 0.24271 0.12418 0.09031 0.33867 0.09031z"/>
+   <path d="m57.956 52.092q-0.28222 0-0.50236-0.09031-0.22013-0.09595-0.37253-0.27093-0.1524-0.18062-0.23142-0.42333-0.07902-0.24836-0.09595-0.54751-0.0056-0.10724-0.0056-0.19191 0-0.09031 0.0056-0.19191 0.01129-0.29351 0.09031-0.53622 0.08467-0.24271 0.23142-0.41769 0.1524-0.18062 0.37253-0.27658 0.22578-0.1016 0.508-0.1016 0.29351 0 0.50236 0.1016 0.20884 0.09595 0.34431 0.24836v-1.2248q0-0.06209 0.03951-0.1016t0.1016-0.03951h0.58138q0.06209 0 0.1016 0.03951t0.03951 0.1016v3.7253q0 0.06209-0.03951 0.1016t-0.1016 0.03951h-0.54187q-0.05645 0-0.09596-0.03951t-0.03951-0.1016v-0.19191q-0.14111 0.16933-0.3556 0.28222-0.21449 0.10724-0.53622 0.10724zm0.25964-0.67733q0.20884 0 0.33302-0.09596 0.12982-0.09595 0.18627-0.24271 0.06209-0.14676 0.06773-0.31609 0.01129-0.10724 0.01129-0.21449t-0.01129-0.20884q-0.0056-0.15804-0.07338-0.29351-0.06209-0.14111-0.18627-0.23142-0.12418-0.09031-0.32738-0.09031-0.21449 0-0.33867 0.09596-0.12418 0.09031-0.18062 0.24271-0.0508 0.1524-0.06209 0.33302-0.01129 0.17498 0 0.34996 0.01129 0.18062 0.06209 0.33302 0.05645 0.1524 0.18062 0.24836 0.12418 0.09031 0.33867 0.09031z"/>
+   <path d="m61.687 52.092q-0.64911 0-1.0329-0.36124-0.37818-0.36124-0.40076-1.0499 0-0.04515 0-0.11853 0-0.07902 0-0.11853 0.02258-0.44027 0.19756-0.75071 0.17498-0.31609 0.49107-0.47978 0.31609-0.16933 0.73942-0.16933 0.47978 0 0.79587 0.19756 0.31609 0.19191 0.47413 0.53058 0.16369 0.33302 0.16369 0.76764v0.12982q0 0.05644-0.03951 0.1016-0.03951 0.03951-0.1016 0.03951h-1.8401t0 0.01693q0 0.01129 0 0.02258 0.0056 0.18062 0.06773 0.33302 0.06209 0.14676 0.18062 0.23707 0.12418 0.09031 0.29916 0.09031 0.13547 0 0.22578-0.03951 0.09031-0.04515 0.14676-0.09595 0.06209-0.05645 0.09031-0.09596 0.0508-0.06209 0.07902-0.07338 0.03387-0.01693 0.09596-0.01693h0.59831q0.0508 0 0.08467 0.03387 0.03951 0.03387 0.03387 0.08467-0.0056 0.09596-0.09595 0.23142-0.08467 0.12982-0.254 0.25964-0.16933 0.12418-0.42333 0.20884-0.24836 0.08467-0.57573 0.08467zm-0.55316-1.8006h1.1007v-0.01693q0-0.19756-0.06773-0.34431-0.06209-0.1524-0.18627-0.23707-0.12418-0.08467-0.29916-0.08467-0.17498 0-0.29916 0.08467-0.11853 0.08467-0.18627 0.23707-0.06209 0.14676-0.06209 0.34431z"/>
+   <path d="m65.395 52.092q-0.32173 0-0.54187-0.10724-0.21449-0.11289-0.34996-0.28222v0.19191q0 0.06209-0.03951 0.1016t-0.1016 0.03951h-0.53622q-0.06209 0-0.1016-0.03951t-0.03951-0.1016v-3.7253q0-0.06209 0.03951-0.1016t0.1016-0.03951h0.58138q0.06209 0 0.1016 0.03951t0.03951 0.1016v1.2248q0.13547-0.1524 0.34431-0.24836 0.20884-0.1016 0.50236-0.1016 0.28787 0 0.50236 0.1016 0.22013 0.09595 0.37253 0.27658 0.1524 0.17498 0.23142 0.41769 0.08467 0.24271 0.09596 0.53622 0.0056 0.1016 0.0056 0.19191 0 0.08467-0.0056 0.19191-0.01129 0.29916-0.09596 0.54751-0.08467 0.24271-0.23707 0.42333-0.14676 0.17498-0.36689 0.27093-0.21449 0.09031-0.50236 0.09031zm-0.25964-0.67733q0.21449 0 0.33867-0.09031 0.12418-0.09596 0.17498-0.24836 0.05644-0.1524 0.06773-0.33302 0.01129-0.17498 0-0.34996-0.01129-0.18062-0.06773-0.33302-0.0508-0.1524-0.17498-0.24271-0.12418-0.09596-0.33867-0.09596-0.19756 0-0.32738 0.09031t-0.19191 0.23142q-0.06209 0.13547-0.06773 0.29351-0.0056 0.1016-0.0056 0.20884t0.0056 0.21449q0.0056 0.16933 0.06209 0.31609 0.06209 0.14676 0.18627 0.24271 0.12982 0.09596 0.33867 0.09596z"/>
+   <path d="m68.274 52.092q-0.32738 0-0.58138-0.14676-0.24836-0.1524-0.38947-0.43462-0.14111-0.28787-0.14111-0.69427v-1.5748q0-0.06209 0.03951-0.1016 0.04516-0.03951 0.1016-0.03951h0.60396q0.05644 0 0.09596 0.03951 0.03951 0.03951 0.03951 0.1016v1.5409q0 0.63218 0.55316 0.63218 0.26529 0 0.41769-0.16369 0.15804-0.16933 0.15804-0.46849v-1.5409q0-0.06209 0.03951-0.1016t0.1016-0.03951h0.59831q0.05644 0 0.09596 0.03951 0.03951 0.03951 0.03951 0.1016v2.6529q0 0.06209-0.03951 0.1016t-0.09596 0.03951h-0.5588q-0.05644 0-0.09595-0.03951t-0.03951-0.1016v-0.22013q-0.14676 0.2032-0.37818 0.31044t-0.56444 0.10724z"/>
+   <path d="m70.893 52.035q-0.05644 0-0.1016-0.03951-0.03951-0.03951-0.03951-0.1016v-2.6529q0-0.05644 0.03951-0.09595 0.04515-0.04516 0.1016-0.04516h0.55316q0.06209 0 0.1016 0.04516 0.03951 0.03951 0.03951 0.09595v0.22578q0.14111-0.17498 0.34996-0.27093 0.20884-0.09596 0.47413-0.09596h0.24271q0.06209 0 0.1016 0.03951t0.03951 0.1016v0.49107q0 0.05644-0.03951 0.09596-0.03951 0.03951-0.1016 0.03951h-0.49107q-0.254 0-0.39511 0.14111-0.13547 0.14111-0.13547 0.38947v1.4958q0 0.06209-0.04516 0.1016-0.03951 0.03951-0.09596 0.03951z"/>
+   <path d="m74.561 53.277q-0.41769 0-0.69427-0.11289-0.27658-0.10724-0.44027-0.26529-0.15804-0.1524-0.22578-0.3048-0.06773-0.1524-0.07338-0.24271-0.0056-0.05644 0.03951-0.1016 0.04516-0.03951 0.1016-0.03951h0.60396q0.05644 0 0.09031 0.02258 0.03387 0.02822 0.05644 0.09596 0.03387 0.06773 0.08467 0.14111 0.0508 0.07902 0.1524 0.12982 0.1016 0.0508 0.27658 0.0508 0.19756 0 0.32738-0.05644t0.19191-0.19191q0.06773-0.13547 0.06773-0.36689v-0.37819q-0.13547 0.14676-0.34431 0.24271-0.2032 0.09596-0.50236 0.09596-0.29351 0-0.51929-0.09031-0.22013-0.09596-0.36689-0.26529-0.14676-0.17498-0.22578-0.41769-0.07902-0.24271-0.09031-0.54751-0.0056-0.1524 0-0.29916 0.01129-0.29351 0.09031-0.53622t0.22578-0.41769q0.14676-0.18062 0.36689-0.27658 0.22578-0.1016 0.51929-0.1016 0.31044 0 0.53058 0.11853 0.22013 0.11853 0.36124 0.29351v-0.21449q0-0.05644 0.03951-0.09595 0.03951-0.04516 0.09596-0.04516h0.55316q0.06209 0 0.1016 0.04516 0.03951 0.03951 0.03951 0.09595l0.0056 2.715q0 0.42333-0.16369 0.71684t-0.48542 0.44591q-0.31609 0.15804-0.79022 0.15804zm-0.02822-1.9473q0.2032 0 0.32738-0.09031 0.12982-0.09031 0.19191-0.23142 0.06209-0.14676 0.06773-0.3048 0.0056-0.06209 0.0056-0.17498 0-0.11853-0.0056-0.18062-0.0056-0.15804-0.06773-0.29916-0.06209-0.14111-0.19191-0.23142-0.12418-0.09596-0.32738-0.09596-0.21449 0-0.33867 0.09596-0.12418 0.09031-0.18062 0.24271-0.0508 0.1524-0.06209 0.33302-0.01129 0.13547 0 0.26529 0.01129 0.18627 0.06209 0.33867 0.05644 0.1524 0.18062 0.24271 0.12418 0.09031 0.33867 0.09031z"/>
+  </g>
+ </g>
+</svg>

src/index.html

@@ -216,7 +216,7 @@ title: {{site.title}}
                 <div class="col-md-4 text-center">
                     <a class="feature-left" {% if item.url %}href="{{item.url}}" {% endif %} target="_blank">
 							<span class="icon">
-								<img src="/img/{{item.icon}}">
+								<img src="/img/{{item.icon}}" alt="{{item.name}}">
 							</span>
                         <div class="feature-copy">
                             <h3>{{item.name}}</h3>
@@ -234,6 +234,7 @@ title: {{site.title}}
         <div class="row justify-content-md-center">
             <div class="col-md-8 text-center heading">
                 <h1>{{site.strings.skills.title}}</h1>
+                <div>{{site.strings.skills.description}}</div>
             </div>
         </div>
         <div class="row mb-4 justify-content-center">
@@ -274,6 +275,7 @@ title: {{site.title}}
         <div class="row justify-content-md-center">
             <div class="col-md-8 text-center heading">
                 <h1>{{site.strings.interests.title}}</h1>
+                <div>{{site.strings.interests.description}}</div>
             </div>
         </div>
         <div class="row">
@@ -290,6 +292,25 @@ title: {{site.title}}
         </div>
     </div>
 </section>
+<section id="commitment">
+    <div class="container">
+        <div class="row justify-content-md-center">
+            <div class="col-md-8 text-center heading">
+                <h1>{{site.strings.commitment.title}}</h1>
+                <div>{{site.strings.commitment.description}}</div>
+            </div>
+        </div>
+        <div class="row">
+            {%- for item in site.strings.commitment.list %}
+            <div class="col-lg-3 col-md-6 col-12 text-center p-3">
+                <a {% if item.url %}href="{{item.url}}" {% endif %} target="_blank" class="commitment">
+                    <img src="/img/{{item.image}}" alt="{{item.name}}">
+                </a>
+            </div>
+            {%- endfor %}
+        </div>
+    </div>
+</section>
 <!--<section id="contact" class="p-0 d-flex">-->
 <!--    <div class="video" style="background-image: url(img/sp-magic.png);">-->
 <!--        <div class="overlay"></div>-->

src/scss/main.scss

@@ -536,15 +536,6 @@ section {
     }
   }
 
-  &.interest-softwerke {
-    background-image: url(../img/magdeburg.jpg);
-
-    .desc {
-      vertical-align: top;
-      color: #000;
-    }
-  }
-
   &.interest-magic {
     background-image: url(../img/sp-magic.jpg);
 
@@ -554,6 +545,15 @@ section {
     }
   }
 
+  &.interest-environment {
+    background-image: url(../img/environment.jpg);
+
+    .desc {
+      vertical-align: top;
+      color: #000;
+    }
+  }
+
   &.interest-sports {
     background-image: url(../img/dumbbell.jpg);
 
@@ -573,6 +573,16 @@ section {
   }
 }
 
+.commitment {
+  img {
+    display: block;
+    max-height: 120px;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}
+
 .video {
   display: table;
   width: 50%;