added eleventy

.drone.yml

@@ -1,4 +1,5 @@
 kind: pipeline
+type: docker
 name: default
 
 steps:
@@ -20,3 +21,7 @@ steps:
     commands:
       - which lftp || ( apk --update add lftp )
       - lftp -e "mirror -R ./dist/ sp-codes.de/; bye" -u $FTP_USERNAME,$FTP_PASSWORD $FTP_HOST
+
+trigger:
+  branch:
+    - master

.eleventy.js

@@ -0,0 +1,27 @@
+const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
+
+module.exports = function(eleventyConfig) {
+    eleventyConfig.addWatchTarget("./scss/");
+
+    eleventyConfig.addPlugin(eleventyNavigationPlugin);
+    eleventyConfig.setUseGitIgnore(false);
+    eleventyConfig.addPassthroughCopy({
+        "img": "img",
+        "font": "font",
+        "node_modules/@fortawesome/fontawesome-free/webfonts/": "font",
+        "node_modules/flag-icon-css/flags/4x3/(de|us)*": "flags"
+    });
+
+    eleventyConfig.addCollection("sites_en", function(collection) {
+        return collection.getFilteredByGlob(".sites/en/posts/*.md");
+    });
+
+    return {
+        dir: {
+            input: "sites",
+            includes: "_includes",
+            layouts: "_includes/layouts",
+            output: "dist"
+        }
+    };
+};

README.md

@@ -1,5 +1,7 @@
 # sp-codes.de
 
+[![Build Status](https://ci.sp-codes.de/api/badges/samuel-p/sp-codes.de/status.svg)](https://ci.sp-codes.de/samuel-p/sp-codes.de)
+
 Website for sp-codes.de
 
 [GitHub](https://github.com/samuel-p/sp-codes.de)

gulpfile.js

@@ -30,7 +30,7 @@ var paths = {
             'src/*.html',
 //            'src/.htaccess',
             'src/{img,font}/**/*',
-            'node_modules/@fortawesome/fontawesome-free/*fonts/**/*'
+            'node_modules/@fortawesome/fontawesome-free/webfonts/**/*'
         ],
         output: 'dist/'
     },

package.json

@@ -3,8 +3,14 @@
   "version": "1.0.0",
   "description": "website for sp-codes.de",
   "scripts": {
-    "start": "gulp watch",
+    "start-old": "gulp watch",
-    "build": "gulp"
+    "build-old": "gulp",
+    "copy-resources": "#cpx \"node_modules/@fortawesome/fontawesome-free/webfonts/*\" \"dist/font\"",
+    "compile-sass": "node-sass --output-style compressed --importer=node_modules/node-sass-tilde-importer scss/main.scss dist/css/main.css",
+    "watch:eleventy": "eleventy --serve",
+    "watch:sass": "npm run compile-sass -- --watch",
+    "start": "npm-run-all copy-resources compile-sass --parallel watch:*",
+    "build": "npm run copy-resources && compile-sass && eleventy"
   },
   "author": "samuel-p",
   "repository": {
@@ -12,25 +18,34 @@
     "url": "https://git.sp-codes.de/samuel-p/sp-codes.de"
   },
   "devDependencies": {
-    "gulp": "4.0.2",
+    "@11ty/eleventy": "^0.10.0",
-    "del": "3.0.0",
+    "@11ty/eleventy-navigation": "^0.1.5",
-    "lazypipe": "1.0.1",
-    "gulp-flatmap": "1.0.2",
-    "gulp-header": "2.0.5",
-    "gulp-rename": "1.4.0",
-    "gulp-concat": "2.6.1",
-    "gulp-terser": "1.1.7",
-    "gulp-optimize-js": "1.1.0",
-    "gulp-sass": "4.0.2",
-    "gulp-postcss": "8.0.0",
-    "cssnano": "4.1.10",
     "autoprefixer": "9.6.1",
     "browser-sync": "2.26.7",
-    "node-sass-tilde-importer": "^1.0.2"
+    "clean-css": "latest",
+    "cpx": "^1.5.0",
+    "cssnano": "4.1.10",
+    "del": "3.0.0",
+    "gulp": "4.0.2",
+    "gulp-concat": "2.6.1",
+    "gulp-flatmap": "1.0.2",
+    "gulp-header": "2.0.5",
+    "gulp-optimize-js": "1.1.0",
+    "gulp-postcss": "8.0.0",
+    "gulp-rename": "1.4.0",
+    "gulp-sass": "4.0.2",
+    "gulp-terser": "1.1.7",
+    "lazypipe": "1.0.1",
+    "node-sass": "^4.13.1",
+    "node-sass-tilde-importer": "^1.0.2",
+    "npm-run-all": "^4.1.5",
+    "nunjucks": "latest",
+    "sass": "^1.26.2"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.11.2",
     "bootstrap": "^4.3.1",
+    "flag-icon-css": "^3.4.6",
     "jquery": "^3.4.1"
   }
 }

scss/main.scss

@@ -0,0 +1,100 @@
+@import "~bootstrap/scss/bootstrap-grid";
+@import "~bootstrap/scss/bootstrap-reboot";
+@import "~bootstrap/scss/utilities/align";
+@import "~bootstrap/scss/utilities/spacing";
+@import "~bootstrap/scss/utilities/display";
+@import "~bootstrap/scss/utilities/text";
+$fa-font-path: "../font";
+@import "~@fortawesome/fontawesome-free/scss/fontawesome";
+@import "~@fortawesome/fontawesome-free/scss/solid";
+@import "~@fortawesome/fontawesome-free/scss/brands";
+@import "~@fortawesome/fontawesome-free/scss/regular";
+$flag-icon-rect-path: '';
+@import "~flag-icon-css/sass/flag-icon";
+
+@font-face {
+  font-family: 'Minotaur';
+  src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
+}
+
+html, body {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+body {
+  background-image: url("../img/bg.png");
+  color: #fff;
+  min-height: 100vh;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+.content {
+  flex: 1;
+  padding: 2%;
+}
+
+.logo {
+  display: block;
+  margin: 0 auto;
+  max-width: 256px;
+  max-height: 256px;
+  background-color: #ffffff;
+  border-radius: 50%;
+  border: 2px solid #000000;
+}
+
+.menu {
+  .active a {
+    font-weight: bold;
+  }
+}
+
+.menu-top {
+  border-bottom: 1px solid #ffffff;
+}
+
+.menu-bottom {
+  border-top: 1px solid #ffffff;
+}
+
+.border-top-bottom {
+  border-top: 1px solid #ffffff;
+  border-bottom: 1px solid #ffffff;
+}
+
+a {
+  color: #ffffff;
+
+  &:hover {
+    color: #dddddd;
+  }
+}
+
+.sp-codes {
+  font-family: "Minotaur", monospace;
+  font-size: 5rem;
+  text-align: center;
+}
+
+.row {
+  margin: 0;
+}
+
+.flex-grow {
+  flex: 1;
+}
+
+@media (max-width: 767.98px) {
+  .sp-codes {
+    font-size: 3rem;
+  }
+  .logo {
+    max-width: 128px;
+    max-height: 128px;
+  }
+  .fa-4x {
+    font-size: 2em;
+  }
+}

sites/_data/site.js

@@ -0,0 +1,22 @@
+module.exports = {
+    title: "Webstoemp",
+    description:
+        "",
+    url: "https://sp-codes.de",
+    baseUrl: "/",
+    author: "Samuel Philipp",
+    buildTime: new Date(),
+    languages: [
+        {
+            label: "English",
+            code: "en",
+            icon: "us"
+        },
+        {
+            label: "Deutsch",
+            code: "de",
+            icon: "de"
+        }
+    ]
+};
+

sites/_includes/layouts/base.njk

@@ -0,0 +1,75 @@
+---
+title: sp-codes
+---
+<!doctype html>
+<html lang="{{ locale }}" prefix="og: http://ogp.me/ns#">
+<head>
+    <title>sp-codes - {{ title }}</title>
+    <base href="/">
+    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="fragment" content="!">
+    <meta name="target" content="all">
+    <meta name="audience" content="all">
+    <meta name="coverage" content="Worldwide">
+    <meta name="distribution" content="Global">
+    <meta name="rating" content="general">
+    <meta name="url" content="https://sp-codes.de/">
+    <meta name="subject" content="sp-codes">
+    <meta name="description" content="Samuel Philipp - Software Engineer from Magdeburg">
+    <meta name="author" content="Samuel Philipp">
+    <meta property="og:type" content="website">
+    <meta property="og:locale" content="de">
+    <meta property="og:url" content="https://sp-codes.de/">
+    <meta property="og:title" content="sp-codes">
+    <meta property="og:description" content="Samuel Philipp - Software Engineer & Software Engineer">
+    <meta property="og:site_name" content="sp-codes">
+    <meta property="og:image" content="https://sp-codes.de/img/sp-codes.jpg">
+    <!--<meta property="og:updated_time" content="">-->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="sp-codes">
+    <meta name="twitter:description" content="Samuel Philipp - Software Engineer from Magdeburg">
+    <meta name="twitter:image" content="https://sp-codes.de/img/sp-codes.jpg">
+    <link rel="shortcut icon" href="img/samuel.png">
+    <link rel="stylesheet" href="/css/main.css">
+</head>
+  <body>
+    <div class="d-flex justify-content-start flex-wrap p-2 menu menu-top">
+    {%- for entry in collections.all | eleventyNavigation %}
+      {% if entry.url.includes(locale) %}
+        <div{% if entry.url == page.url %} class="active"{% endif %}>
+          <a href="{{ entry.url | url }}" class="mr-2">
+            {% if entry.icon %}<span class="fas fa-{{ entry.icon }} mr-2"></span>{% endif %}{{ entry.title }}
+          </a>
+        </div>
+      {% endif %}
+    {%- endfor %}
+    <div class="flex-grow-1"></div>
+    {% for language in site.languages %}
+      {% set translatedUrl = "/" + language.code + "/" %}
+      {% for item in collections.all %}
+        {% if item.data.key == key and item.data.locale == language.code %}
+          {% set translatedUrl = item.url %}
+        {% endif %}
+      {% endfor%}
+      <div{% if language.code == locale %} class="active"{% endif %}>
+        <a href="{{ translatedUrl | url }}" class="ml-3">
+          <span class="flag-icon flag-icon-{{ language.icon }}" title="{{ language.label }}"></span>
+        </a>
+      </div>
+    {% endfor %}
+    </div>
+    <div class="content">
+      {{ content | safe }}
+    </div>
+    <div class="d-flex justify-content-end flex-wrap p-2 menu menu-bottom">
+        <div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
+        <div class="flex-grow-1"></div>
+        <div><a href="imprint"><span class="fas fa-info-circle mr-2"></span>Impressum</a></div>
+        <div class="ml-3"><a href="privacy"><span class="fas fa-user-secret mr-2"></span>Datenschutz</a></div>
+        <div class="ml-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span class="fas fa-code mr-2"></span>Code</a></div>
+    </div>
+  </body>
+</html>

sites/de/about.html

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+key: about
+title: Über
+eleventyNavigation:
+  key: about
+  title: Über
+  order: 1
+---
+<h1>Über mich</h1>

sites/de/de.json

@@ -0,0 +1,3 @@
+{
+  "locale": "de"
+}

sites/de/imprint.html

@@ -0,0 +1,44 @@
+---
+layout: base.njk
+title: sp-codes
+---
+<div class="legal">
+<h1>Impressum</h1>
+<h2 id="m46">Diensteanbieter</h2>
+<p>Samuel Philipp</p>
+<p>Otto-von-Guericke-Straße 40a<br/>
+    39104 Magdeburg<br/>
+    Deutschland</p>
+<h2 id="m56">Kontaktmöglichkeiten</h2>
+<p><strong>E-Mail-Adresse</strong>: <a href="mailto:info@sp-codes.de" target="_blank">info@sp-codes.de</a></p>
+<!--<p><strong>Kontaktformular</strong>: <a href="https://sp-codes.de/contact" target="_blank">https://sp-codes.de/contact</a></p>-->
+<h2 id="m172">Onlinepräsenzen</h2>
+<p><strong>Dieses Impressum gilt auch für die folgenden Onlinepräsenzen</strong>:</p>
+<p><a href="https://samuel-philipp.de" target="_blank">https://samuel-philipp.de</a><br/>
+    <a href="https://sp-codes.de" target="_blank">https://sp-codes.de</a><br/>
+    <a href="https://sp-magic.de" target="_blank">https://sp-magic.de</a></p>
+<ul class="m-elements"></ul>
+<h2 id="m65">Haftungs- und Urheberrechtshinweise</h2>
+<p><strong>Haftungsausschluss</strong>: Die Inhalte dieses Onlineangebotes wurden sorgfältig und nach unserem aktuellen
+    Kenntnisstand erstellt, dienen jedoch nur der Information und entfalten keine rechtlich bindende Wirkung, sofern es
+    sich nicht um gesetzlich verpflichtende Informationen (z.B. das Impressum, die Datenschutzerklärung, AGB oder
+    Widerrufsbelehrungen für Verbraucher) handelt. Wir behalten uns vor, die Inhalte vollständig oder teilweise zu
+    ändern oder zu löschen, soweit vertragliche Verpflichtungen unberührt bleiben. Alle Angebote sind freibleibend und
+    unverbindlich. </p>
+<p><strong>Links auf fremde Webseiten</strong>: Inhalte fremder Webseiten, auf die wir direkt oder indirekt verweisen,
+    liegen außerhalb unseres Verantwortungsbereiches und machen wir uns nicht zu Eigen. Für alle Inhalte und
+    insbesondere für Schäden, die aus der Nutzung der in den verlinkten Webseiten aufrufbaren Informationen entstehen,
+    haftet allein der Anbieter der verlinkten Webseiten.</p>
+<p><strong>Urheberrechte und Markenrechte</strong>: Alle auf dieser Website dargestellten Inhalte, wie Texte,
+    Fotografien, Grafiken, Marken und Warenzeichen sind durch die jeweiligen Schutzrechte (Urheberrechte, Markenrechte)
+    geschützt. Die Verwendung, Vervielfältigung usw. unterliegen unseren Rechten oder den Rechten der jeweiligen Urheber
+    bzw. Rechteverwalter.</p>
+<p><strong>Hinweise auf Rechtsverstöße</strong>: Sollten Sie innerhalb unseres Internetauftritts Rechtsverstöße
+    bemerken, bitten wir Sie uns auf diese hinzuweisen. Wir werden rechtswidrige Inhalte und Links nach Kenntnisnahme
+    unverzüglich entfernen.</p>
+<ul class="m-elements"></ul>
+<p class="seal"><a href="https://datenschutz-generator.de/?l=de"
+                   title="Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken." target="_blank">Erstellt
+    mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke</a></p>
+
+</div>

sites/de/index.html

@@ -0,0 +1,61 @@
+---
+layout: base.njk
+key: home
+title: Home
+eleventyNavigation:
+  key: home
+  title: Home
+  icon: home
+---
+<div class="d-flex flex-column">
+    <div class="container flex-column flex-grow p-3">
+        <div class="row py-5">
+            <div class="col">
+                <img class="logo" src="../../img/samuel.png">
+            </div>
+        </div>
+
+        <div class="row justify-content-center py-4 border-top-bottom">
+            <div class="col-lg-8 col-md-10 col-12">
+                <h1 class="sp-codes">SP-CODES</h1>
+                <p class="lead text-center mb-2">
+                    Herzlich willkommen bei sp-codes!
+                    Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg.
+                    Auf dieser Seite finden Sie meine Profile auf GitHub, GitLab und Stackoverflow.
+                    Außerdem finden die verschiedene Möglichkeiten um mit mir in Kontakt zu treten.
+                    Ich freue mich auf Ihre Nachricht.
+                </p>
+            </div>
+        </div>
+
+        <div class="d-flex justify-content-center flex-wrap my-3">
+            <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 class="m-2"><a href="mailto:mail@sp-codes.de"><span
+                    class="fas fa-fw fa-4x fa-envelope"></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>
+    </div>
+</div>

sites/de/privacy.html

@@ -0,0 +1,177 @@
+---
+layout: base.njk
+title: sp-codes
+---
+<body class="legal">
+<h2>Datenschutzerklärung</h2>
+<h3 id="dsg-general-intro"></h3>
+<p>Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten
+    (nachfolgend kurz „Daten“) im Rahmen der Erbringung unserer Leistungen sowie innerhalb unseres Onlineangebotes und
+    der mit ihm verbundenen Webseiten, Funktionen und Inhalte sowie externen Onlinepräsenzen, wie z.B. unser Social
+    Media Profile auf (nachfolgend gemeinsam bezeichnet als „Onlineangebot“). Im Hinblick auf die verwendeten
+    Begrifflichkeiten, wie z.B. „Verarbeitung“ oder „Verantwortlicher“ verweisen wir auf die Definitionen im Art. 4 der
+    Datenschutzgrundverordnung (DSGVO). <br>
+    <br>
+</p>
+<h3 id="dsg-general-controller">Verantwortlicher</h3>
+<p><span class="tsmcontroller">Samuel Philipp<br>
+Otto-von-Guericke-Straße 40a<br>
+39104 Magdeburg, Deutschland<br>
+E-Mail: info@sp-codes.de<br>
+<h3 id="dsg-general-datatype">Arten der verarbeiteten Daten</h3>
+<p>- Bestandsdaten (z.B., Personen-Stammdaten, Namen oder Adressen).<br>
+    - Kontaktdaten (z.B., E-Mail, Telefonnummern).<br>
+    - Inhaltsdaten (z.B., Texteingaben, Fotografien, Videos).<br>
+    - Nutzungsdaten (z.B., besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten).<br>
+    - Meta-/Kommunikationsdaten (z.B., Geräte-Informationen, IP-Adressen).</p>
+<h3 id="dsg-general-datasubjects">Kategorien betroffener Personen</h3>
+<p>Besucher und Nutzer des Onlineangebotes (Nachfolgend bezeichnen wir die betroffenen Personen zusammenfassend auch als
+    „Nutzer“).<br>
+</p>
+<h3 id="dsg-general-purpose">Zweck der Verarbeitung</h3>
+<p>- Zurverfügungstellung des Onlineangebotes, seiner Funktionen und Inhalte.<br>
+    - Beantwortung von Kontaktanfragen und Kommunikation mit Nutzern.<br>
+    - Sicherheitsmaßnahmen.<br>
+    - Reichweitenmessung<br>
+    <span class="tsmcom"></span></p>
+<h3 id="dsg-general-terms">Verwendete Begrifflichkeiten </h3>
+<p>„Personenbezogene Daten“ sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche
+    Person (im Folgenden „betroffene Person“) beziehen; als identifizierbar wird eine natürliche Person angesehen, die
+    direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu
+    Standortdaten, zu einer Online-Kennung (z.B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert
+    werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen
+    oder sozialen Identität dieser natürlichen Person sind.<br>
+    <br>
+    „Verarbeitung“ ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche
+    Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden
+    Umgang mit Daten.<br>
+    <br>
+    „Pseudonymisierung“ die Verarbeitung personenbezogener Daten in einer Weise, dass die personenbezogenen Daten ohne
+    Hinzuziehung zusätzlicher Informationen nicht mehr einer spezifischen betroffenen Person zugeordnet werden können,
+    sofern diese zusätzlichen Informationen gesondert aufbewahrt werden und technischen und organisatorischen Maßnahmen
+    unterliegen, die gewährleisten, dass die personenbezogenen Daten nicht einer identifizierten oder identifizierbaren
+    natürlichen Person zugewiesen werden.<br>
+    <br>
+    „Profiling“ jede Art der automatisierten Verarbeitung personenbezogener Daten, die darin besteht, dass diese
+    personenbezogenen Daten verwendet werden, um bestimmte persönliche Aspekte, die sich auf eine natürliche Person
+    beziehen, zu bewerten, insbesondere um Aspekte bezüglich Arbeitsleistung, wirtschaftliche Lage, Gesundheit,
+    persönliche Vorlieben, Interessen, Zuverlässigkeit, Verhalten, Aufenthaltsort oder Ortswechsel dieser natürlichen
+    Person zu analysieren oder vorherzusagen.<br>
+    <br>
+    Als „Verantwortlicher“ wird die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die
+    allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten
+    entscheidet, bezeichnet.<br>
+    <br>
+    „Auftragsverarbeiter“ eine natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die
+    personenbezogene Daten im Auftrag des Verantwortlichen verarbeitet.<br>
+</p>
+<h3 id="dsg-general-legalbasis">Maßgebliche Rechtsgrundlagen</h3>
+<p>Nach Maßgabe des Art. 13 DSGVO teilen wir Ihnen die Rechtsgrundlagen unserer Datenverarbeitungen mit. Für Nutzer aus
+    dem Geltungsbereich der Datenschutzgrundverordnung (DSGVO), d.h. der EU und des EWG gilt, sofern die Rechtsgrundlage
+    in der Datenschutzerklärung nicht genannt wird, Folgendes: <br>
+    Die Rechtsgrundlage für die Einholung von Einwilligungen ist Art. 6 Abs. 1 lit. a und Art. 7 DSGVO;<br>
+    Die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer Leistungen und Durchführung vertraglicher Maßnahmen
+    sowie Beantwortung von Anfragen ist Art. 6 Abs. 1 lit. b DSGVO;<br>
+    Die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer rechtlichen Verpflichtungen ist Art. 6 Abs. 1 lit. c
+    DSGVO;<br>
+    Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine
+    Verarbeitung personenbezogener Daten erforderlich machen, dient Art. 6 Abs. 1 lit. d DSGVO als Rechtsgrundlage.<br>
+    Die Rechtsgrundlage für die erforderliche Verarbeitung zur Wahrnehmung einer Aufgabe, die im öffentlichen Interesse
+    liegt oder in Ausübung öffentlicher Gewalt erfolgt, die dem Verantwortlichen übertragen wurde ist Art. 6 Abs. 1 lit.
+    e DSGVO. <br>
+    Die Rechtsgrundlage für die Verarbeitung zur Wahrung unserer berechtigten Interessen ist Art. 6 Abs. 1 lit. f DSGVO.
+    <br>
+    Die Verarbeitung von Daten zu anderen Zwecken als denen, zu denen sie ehoben wurden, bestimmt sich nach den Vorgaben
+    des Art 6 Abs. 4 DSGVO. <br>
+    Die Verarbeitung von besonderen Kategorien von Daten (entsprechend Art. 9 Abs. 1 DSGVO) bestimmt sich nach den
+    Vorgaben des Art. 9 Abs. 2 DSGVO. <br>
+</p>
+<h3 id="dsg-general-securitymeasures">Sicherheitsmaßnahmen</h3>
+<p>Wir treffen nach Maßgabe der gesetzlichen Vorgabenunter Berücksichtigung des Stands der Technik, der
+    Implementierungskosten und der Art, des Umfangs, der Umstände und der Zwecke der Verarbeitung sowie der
+    unterschiedlichen Eintrittswahrscheinlichkeit und Schwere des Risikos für die Rechte und Freiheiten natürlicher
+    Personen, geeignete technische und organisatorische Maßnahmen, um ein dem Risiko angemessenes Schutzniveau zu
+    gewährleisten.<br>
+    <br>
+    Zu den Maßnahmen gehören insbesondere die Sicherung der Vertraulichkeit, Integrität und Verfügbarkeit von Daten
+    durch Kontrolle des physischen Zugangs zu den Daten, als auch des sie betreffenden Zugriffs, der Eingabe,
+    Weitergabe, der Sicherung der Verfügbarkeit und ihrer Trennung. Des Weiteren haben wir Verfahren eingerichtet, die
+    eine Wahrnehmung von Betroffenenrechten, Löschung von Daten und Reaktion auf Gefährdung der Daten gewährleisten.
+    Ferner berücksichtigen wir den Schutz personenbezogener Daten bereits bei der Entwicklung, bzw. Auswahl von
+    Hardware, Software sowie Verfahren, entsprechend dem Prinzip des Datenschutzes durch Technikgestaltung und durch
+    datenschutzfreundliche Voreinstellungen.<br>
+</p>
+<h3 id="dsg-general-coprocessing">Zusammenarbeit mit Auftragsverarbeitern, gemeinsam Verantwortlichen und Dritten</h3>
+<p>Sofern wir im Rahmen unserer Verarbeitung Daten gegenüber anderen Personen und Unternehmen (Auftragsverarbeitern,
+    gemeinsam Verantwortlichen oder Dritten) offenbaren, sie an diese übermitteln oder ihnen sonst Zugriff auf die Daten
+    gewähren, erfolgt dies nur auf Grundlage einer gesetzlichen Erlaubnis (z.B. wenn eine Übermittlung der Daten an
+    Dritte, wie an Zahlungsdienstleister, zur Vertragserfüllung erforderlich ist), Nutzer eingewilligt haben, eine
+    rechtliche Verpflichtung dies vorsieht oder auf Grundlage unserer berechtigten Interessen (z.B. beim Einsatz von
+    Beauftragten, Webhostern, etc.). <br>
+    <br>
+    Sofern wir Daten anderen Unternehmen unserer Unternehmensgruppe offenbaren, übermitteln oder ihnen sonst den Zugriff
+    gewähren, erfolgt dies insbesondere zu administrativen Zwecken als berechtigtes Interesse und darüberhinausgehend
+    auf einer den gesetzlichen Vorgaben entsprechenden Grundlage. <br>
+</p>
+<h3 id="dsg-general-rightssubject">Rechte der betroffenen Personen</h3>
+<p>Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf Auskunft
+    über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend den gesetzlichen Vorgaben.<br>
+    <br>
+    Sie haben entsprechend. den gesetzlichen Vorgaben das Recht, die Vervollständigung der Sie betreffenden Daten oder
+    die Berichtigung der Sie betreffenden unrichtigen Daten zu verlangen.<br>
+    <br>
+    Sie haben nach Maßgabe der gesetzlichen Vorgaben das Recht zu verlangen, dass betreffende Daten unverzüglich
+    gelöscht werden, bzw. alternativ nach Maßgabe der gesetzlichen Vorgaben eine Einschränkung der Verarbeitung der
+    Daten zu verlangen.<br>
+    <br>
+    Sie haben das Recht zu verlangen, dass die Sie betreffenden Daten, die Sie uns bereitgestellt haben nach Maßgabe der
+    gesetzlichen Vorgaben zu erhalten und deren Übermittlung an andere Verantwortliche zu fordern. <br>
+    <br>
+    Sie haben ferner nach Maßgabe der gesetzlichen Vorgaben das Recht, eine Beschwerde bei der zuständigen
+    Aufsichtsbehörde einzureichen.<br>
+</p>
+<h3 id="dsg-general-revokeconsent">Widerrufsrecht</h3>
+<p>Sie haben das Recht, erteilte Einwilligungen mit Wirkung für die Zukunft zu widerrufen.</p>
+<h3 id="dsg-general-object">Widerspruchsrecht</h3>
+<p><strong>Sie können der künftigen Verarbeitung der Sie betreffenden Daten nach Maßgabe der gesetzlichen Vorgaben
+    jederzeit widersprechen. Der Widerspruch kann insbesondere gegen die Verarbeitung für Zwecke der Direktwerbung
+    erfolgen.</strong></p>
+<h3 id="dsg-general-erasure">Löschung von Daten</h3>
+<p>Die von uns verarbeiteten Daten werden nach Maßgabe der gesetzlichen Vorgaben gelöscht oder in ihrer Verarbeitung
+    eingeschränkt. Sofern nicht im Rahmen dieser Datenschutzerklärung ausdrücklich angegeben, werden die bei uns
+    gespeicherten Daten gelöscht, sobald sie für ihre Zweckbestimmung nicht mehr erforderlich sind und der Löschung
+    keine gesetzlichen Aufbewahrungspflichten entgegenstehen. <br>
+    <br>
+    Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird
+    deren Verarbeitung eingeschränkt. D.h. die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt
+    z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen.</p>
+<h3 id="dsg-general-changes">Änderungen und Aktualisierungen der Datenschutzerklärung</h3>
+<p>Wir bitten Sie sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. Wir passen die
+    Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich
+    machen. Wir informieren Sie, sobald durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung)
+    oder eine sonstige individuelle Benachrichtigung erforderlich wird.</p>
+<p></p>
+<h3 id="dsg-contact">Kontaktaufnahme</h3>
+<p></p>
+<p><span class="ts-muster-content">Bei der Kontaktaufnahme mit uns (z.B. per Kontaktformular, E-Mail, Telefon oder via sozialer Medien) werden die Angaben des Nutzers zur Bearbeitung der Kontaktanfrage und deren Abwicklung gem. Art. 6 Abs. 1 lit. b. (im Rahmen vertraglicher-/vorvertraglicher Beziehungen),  Art. 6 Abs. 1 lit. f. (andere Anfragen) DSGVO verarbeitet.. Die Angaben der Nutzer können in einem Customer-Relationship-Management System ("CRM System") oder vergleichbarer Anfragenorganisation gespeichert werden.<br>
+<br>
+Wir löschen die Anfragen, sofern diese nicht mehr erforderlich sind. Wir überprüfen die Erforderlichkeit alle zwei Jahre; Ferner gelten die gesetzlichen Archivierungspflichten.</span>
+</p>
+<p></p>
+<h3 id="dsg-hostingprovider">Hosting und E-Mail-Versand</h3>
+<p></p>
+<p><span class="ts-muster-content">Die von uns in Anspruch genommenen Hosting-Leistungen dienen der Zurverfügungstellung der folgenden Leistungen: Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste, E-Mail-Versand, Sicherheitsleistungen sowie technische Wartungsleistungen, die wir zum Zwecke des Betriebs dieses Onlineangebotes einsetzen. <br>
+<br>
+Hierbei verarbeiten wir, bzw. unser Hostinganbieter Bestandsdaten, Kontaktdaten, Inhaltsdaten, Vertragsdaten, Nutzungsdaten, Meta- und Kommunikationsdaten von Kunden, Interessenten und Besuchern dieses Onlineangebotes auf Grundlage unserer berechtigten Interessen an einer effizienten und sicheren Zurverfügungstellung dieses Onlineangebotes gem. Art. 6 Abs. 1 lit. f DSGVO i.V.m. Art. 28 DSGVO (Abschluss Auftragsverarbeitungsvertrag).</span>
+</p>
+<p></p>
+<h3 id="dsg-logfiles">Erhebung von Zugriffsdaten und Logfiles</h3>
+<p></p>
+<p><span class="ts-muster-content">Wir, bzw. unser Hostinganbieter, erhebt auf Grundlage unserer berechtigten Interessen im Sinne des Art. 6 Abs. 1 lit. f. DSGVO Daten über jeden Zugriff auf den Server, auf dem sich dieser Dienst befindet (sogenannte Serverlogfiles). Zu den Zugriffsdaten gehören Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br>
+<br>
+Logfile-Informationen werden aus Sicherheitsgründen (z.B. zur Aufklärung von Missbrauchs- oder Betrugshandlungen) für die Dauer von maximal 7 Tagen gespeichert und danach gelöscht. Daten, deren weitere Aufbewahrung zu Beweiszwecken erforderlich ist, sind bis zur endgültigen Klärung des jeweiligen Vorfalls von der Löschung ausgenommen.</span>
+</p>
+<p></p>
+<a href="https://datenschutz-generator.de" class="dsg1-6" rel="nofollow" target="_blank">Erstellt mit
+    Datenschutz-Generator.de von RA Dr. Thomas Schwenke</a>
+</body>

sites/de/recommendations.html

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+key: recommendations
+title: Empfehlungen
+eleventyNavigation:
+  key: recommendations
+  title: Empfehlungen
+  order: 2
+---
+<h1>Empfehlungen</h1>

sites/de/services.html

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+key: services
+title: Dienste
+eleventyNavigation:
+  key: services
+  title: Dienste
+  order: 2
+---
+<h1>Services</h1>

sites/en/about.html

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+key: about
+title: About
+eleventyNavigation:
+  key: about
+  title: About
+  order: 1
+---
+<h1>About me</h1>

sites/en/en.json

@@ -0,0 +1,3 @@
+{
+  "locale": "en"
+}

sites/en/imprint.html

@@ -0,0 +1,44 @@
+---
+layout: base.njk
+title: sp-codes
+---
+<div class="legal">
+<h1>Impressum</h1>
+<h2 id="m46">Diensteanbieter</h2>
+<p>Samuel Philipp</p>
+<p>Otto-von-Guericke-Straße 40a<br/>
+    39104 Magdeburg<br/>
+    Deutschland</p>
+<h2 id="m56">Kontaktmöglichkeiten</h2>
+<p><strong>E-Mail-Adresse</strong>: <a href="mailto:info@sp-codes.de" target="_blank">info@sp-codes.de</a></p>
+<!--<p><strong>Kontaktformular</strong>: <a href="https://sp-codes.de/contact" target="_blank">https://sp-codes.de/contact</a></p>-->
+<h2 id="m172">Onlinepräsenzen</h2>
+<p><strong>Dieses Impressum gilt auch für die folgenden Onlinepräsenzen</strong>:</p>
+<p><a href="https://samuel-philipp.de" target="_blank">https://samuel-philipp.de</a><br/>
+    <a href="https://sp-codes.de" target="_blank">https://sp-codes.de</a><br/>
+    <a href="https://sp-magic.de" target="_blank">https://sp-magic.de</a></p>
+<ul class="m-elements"></ul>
+<h2 id="m65">Haftungs- und Urheberrechtshinweise</h2>
+<p><strong>Haftungsausschluss</strong>: Die Inhalte dieses Onlineangebotes wurden sorgfältig und nach unserem aktuellen
+    Kenntnisstand erstellt, dienen jedoch nur der Information und entfalten keine rechtlich bindende Wirkung, sofern es
+    sich nicht um gesetzlich verpflichtende Informationen (z.B. das Impressum, die Datenschutzerklärung, AGB oder
+    Widerrufsbelehrungen für Verbraucher) handelt. Wir behalten uns vor, die Inhalte vollständig oder teilweise zu
+    ändern oder zu löschen, soweit vertragliche Verpflichtungen unberührt bleiben. Alle Angebote sind freibleibend und
+    unverbindlich. </p>
+<p><strong>Links auf fremde Webseiten</strong>: Inhalte fremder Webseiten, auf die wir direkt oder indirekt verweisen,
+    liegen außerhalb unseres Verantwortungsbereiches und machen wir uns nicht zu Eigen. Für alle Inhalte und
+    insbesondere für Schäden, die aus der Nutzung der in den verlinkten Webseiten aufrufbaren Informationen entstehen,
+    haftet allein der Anbieter der verlinkten Webseiten.</p>
+<p><strong>Urheberrechte und Markenrechte</strong>: Alle auf dieser Website dargestellten Inhalte, wie Texte,
+    Fotografien, Grafiken, Marken und Warenzeichen sind durch die jeweiligen Schutzrechte (Urheberrechte, Markenrechte)
+    geschützt. Die Verwendung, Vervielfältigung usw. unterliegen unseren Rechten oder den Rechten der jeweiligen Urheber
+    bzw. Rechteverwalter.</p>
+<p><strong>Hinweise auf Rechtsverstöße</strong>: Sollten Sie innerhalb unseres Internetauftritts Rechtsverstöße
+    bemerken, bitten wir Sie uns auf diese hinzuweisen. Wir werden rechtswidrige Inhalte und Links nach Kenntnisnahme
+    unverzüglich entfernen.</p>
+<ul class="m-elements"></ul>
+<p class="seal"><a href="https://datenschutz-generator.de/?l=de"
+                   title="Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken." target="_blank">Erstellt
+    mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke</a></p>
+
+</div>

sites/en/index.html

@@ -0,0 +1,61 @@
+---
+layout: base.njk
+key: home
+title: Home
+eleventyNavigation:
+  key: home
+  title: Home
+  icon: home
+---
+<div class="d-flex flex-column">
+    <div class="container flex-column flex-grow p-3">
+        <div class="row py-5">
+            <div class="col">
+                <img class="logo" src="../../img/samuel.png">
+            </div>
+        </div>
+
+        <div class="row justify-content-center py-4 border-top-bottom">
+            <div class="col-lg-8 col-md-10 col-12">
+                <h1 class="sp-codes">SP-CODES</h1>
+                <p class="lead text-center mb-2">
+                    Welcome to sp-codes! ...
+                    Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg.
+                    Auf dieser Seite finden Sie meine Profile auf GitHub, GitLab und Stackoverflow.
+                    Außerdem finden die verschiedene Möglichkeiten um mit mir in Kontakt zu treten.
+                    Ich freue mich auf Ihre Nachricht.
+                </p>
+            </div>
+        </div>
+
+        <div class="d-flex justify-content-center flex-wrap my-3">
+            <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 class="m-2"><a href="mailto:mail@sp-codes.de"><span
+                    class="fas fa-fw fa-4x fa-envelope"></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>
+    </div>
+</div>

sites/en/privacy.html

@@ -0,0 +1,177 @@
+---
+layout: base.njk
+title: sp-codes
+---
+<body class="legal">
+<h2>Datenschutzerklärung</h2>
+<h3 id="dsg-general-intro"></h3>
+<p>Diese Datenschutzerklärung klärt Sie über die Art, den Umfang und Zweck der Verarbeitung von personenbezogenen Daten
+    (nachfolgend kurz „Daten“) im Rahmen der Erbringung unserer Leistungen sowie innerhalb unseres Onlineangebotes und
+    der mit ihm verbundenen Webseiten, Funktionen und Inhalte sowie externen Onlinepräsenzen, wie z.B. unser Social
+    Media Profile auf (nachfolgend gemeinsam bezeichnet als „Onlineangebot“). Im Hinblick auf die verwendeten
+    Begrifflichkeiten, wie z.B. „Verarbeitung“ oder „Verantwortlicher“ verweisen wir auf die Definitionen im Art. 4 der
+    Datenschutzgrundverordnung (DSGVO). <br>
+    <br>
+</p>
+<h3 id="dsg-general-controller">Verantwortlicher</h3>
+<p><span class="tsmcontroller">Samuel Philipp<br>
+Otto-von-Guericke-Straße 40a<br>
+39104 Magdeburg, Deutschland<br>
+E-Mail: info@sp-codes.de<br>
+<h3 id="dsg-general-datatype">Arten der verarbeiteten Daten</h3>
+<p>- Bestandsdaten (z.B., Personen-Stammdaten, Namen oder Adressen).<br>
+    - Kontaktdaten (z.B., E-Mail, Telefonnummern).<br>
+    - Inhaltsdaten (z.B., Texteingaben, Fotografien, Videos).<br>
+    - Nutzungsdaten (z.B., besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten).<br>
+    - Meta-/Kommunikationsdaten (z.B., Geräte-Informationen, IP-Adressen).</p>
+<h3 id="dsg-general-datasubjects">Kategorien betroffener Personen</h3>
+<p>Besucher und Nutzer des Onlineangebotes (Nachfolgend bezeichnen wir die betroffenen Personen zusammenfassend auch als
+    „Nutzer“).<br>
+</p>
+<h3 id="dsg-general-purpose">Zweck der Verarbeitung</h3>
+<p>- Zurverfügungstellung des Onlineangebotes, seiner Funktionen und Inhalte.<br>
+    - Beantwortung von Kontaktanfragen und Kommunikation mit Nutzern.<br>
+    - Sicherheitsmaßnahmen.<br>
+    - Reichweitenmessung<br>
+    <span class="tsmcom"></span></p>
+<h3 id="dsg-general-terms">Verwendete Begrifflichkeiten </h3>
+<p>„Personenbezogene Daten“ sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche
+    Person (im Folgenden „betroffene Person“) beziehen; als identifizierbar wird eine natürliche Person angesehen, die
+    direkt oder indirekt, insbesondere mittels Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu
+    Standortdaten, zu einer Online-Kennung (z.B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert
+    werden kann, die Ausdruck der physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen
+    oder sozialen Identität dieser natürlichen Person sind.<br>
+    <br>
+    „Verarbeitung“ ist jeder mit oder ohne Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche
+    Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff reicht weit und umfasst praktisch jeden
+    Umgang mit Daten.<br>
+    <br>
+    „Pseudonymisierung“ die Verarbeitung personenbezogener Daten in einer Weise, dass die personenbezogenen Daten ohne
+    Hinzuziehung zusätzlicher Informationen nicht mehr einer spezifischen betroffenen Person zugeordnet werden können,
+    sofern diese zusätzlichen Informationen gesondert aufbewahrt werden und technischen und organisatorischen Maßnahmen
+    unterliegen, die gewährleisten, dass die personenbezogenen Daten nicht einer identifizierten oder identifizierbaren
+    natürlichen Person zugewiesen werden.<br>
+    <br>
+    „Profiling“ jede Art der automatisierten Verarbeitung personenbezogener Daten, die darin besteht, dass diese
+    personenbezogenen Daten verwendet werden, um bestimmte persönliche Aspekte, die sich auf eine natürliche Person
+    beziehen, zu bewerten, insbesondere um Aspekte bezüglich Arbeitsleistung, wirtschaftliche Lage, Gesundheit,
+    persönliche Vorlieben, Interessen, Zuverlässigkeit, Verhalten, Aufenthaltsort oder Ortswechsel dieser natürlichen
+    Person zu analysieren oder vorherzusagen.<br>
+    <br>
+    Als „Verantwortlicher“ wird die natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die
+    allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten
+    entscheidet, bezeichnet.<br>
+    <br>
+    „Auftragsverarbeiter“ eine natürliche oder juristische Person, Behörde, Einrichtung oder andere Stelle, die
+    personenbezogene Daten im Auftrag des Verantwortlichen verarbeitet.<br>
+</p>
+<h3 id="dsg-general-legalbasis">Maßgebliche Rechtsgrundlagen</h3>
+<p>Nach Maßgabe des Art. 13 DSGVO teilen wir Ihnen die Rechtsgrundlagen unserer Datenverarbeitungen mit. Für Nutzer aus
+    dem Geltungsbereich der Datenschutzgrundverordnung (DSGVO), d.h. der EU und des EWG gilt, sofern die Rechtsgrundlage
+    in der Datenschutzerklärung nicht genannt wird, Folgendes: <br>
+    Die Rechtsgrundlage für die Einholung von Einwilligungen ist Art. 6 Abs. 1 lit. a und Art. 7 DSGVO;<br>
+    Die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer Leistungen und Durchführung vertraglicher Maßnahmen
+    sowie Beantwortung von Anfragen ist Art. 6 Abs. 1 lit. b DSGVO;<br>
+    Die Rechtsgrundlage für die Verarbeitung zur Erfüllung unserer rechtlichen Verpflichtungen ist Art. 6 Abs. 1 lit. c
+    DSGVO;<br>
+    Für den Fall, dass lebenswichtige Interessen der betroffenen Person oder einer anderen natürlichen Person eine
+    Verarbeitung personenbezogener Daten erforderlich machen, dient Art. 6 Abs. 1 lit. d DSGVO als Rechtsgrundlage.<br>
+    Die Rechtsgrundlage für die erforderliche Verarbeitung zur Wahrnehmung einer Aufgabe, die im öffentlichen Interesse
+    liegt oder in Ausübung öffentlicher Gewalt erfolgt, die dem Verantwortlichen übertragen wurde ist Art. 6 Abs. 1 lit.
+    e DSGVO. <br>
+    Die Rechtsgrundlage für die Verarbeitung zur Wahrung unserer berechtigten Interessen ist Art. 6 Abs. 1 lit. f DSGVO.
+    <br>
+    Die Verarbeitung von Daten zu anderen Zwecken als denen, zu denen sie ehoben wurden, bestimmt sich nach den Vorgaben
+    des Art 6 Abs. 4 DSGVO. <br>
+    Die Verarbeitung von besonderen Kategorien von Daten (entsprechend Art. 9 Abs. 1 DSGVO) bestimmt sich nach den
+    Vorgaben des Art. 9 Abs. 2 DSGVO. <br>
+</p>
+<h3 id="dsg-general-securitymeasures">Sicherheitsmaßnahmen</h3>
+<p>Wir treffen nach Maßgabe der gesetzlichen Vorgabenunter Berücksichtigung des Stands der Technik, der
+    Implementierungskosten und der Art, des Umfangs, der Umstände und der Zwecke der Verarbeitung sowie der
+    unterschiedlichen Eintrittswahrscheinlichkeit und Schwere des Risikos für die Rechte und Freiheiten natürlicher
+    Personen, geeignete technische und organisatorische Maßnahmen, um ein dem Risiko angemessenes Schutzniveau zu
+    gewährleisten.<br>
+    <br>
+    Zu den Maßnahmen gehören insbesondere die Sicherung der Vertraulichkeit, Integrität und Verfügbarkeit von Daten
+    durch Kontrolle des physischen Zugangs zu den Daten, als auch des sie betreffenden Zugriffs, der Eingabe,
+    Weitergabe, der Sicherung der Verfügbarkeit und ihrer Trennung. Des Weiteren haben wir Verfahren eingerichtet, die
+    eine Wahrnehmung von Betroffenenrechten, Löschung von Daten und Reaktion auf Gefährdung der Daten gewährleisten.
+    Ferner berücksichtigen wir den Schutz personenbezogener Daten bereits bei der Entwicklung, bzw. Auswahl von
+    Hardware, Software sowie Verfahren, entsprechend dem Prinzip des Datenschutzes durch Technikgestaltung und durch
+    datenschutzfreundliche Voreinstellungen.<br>
+</p>
+<h3 id="dsg-general-coprocessing">Zusammenarbeit mit Auftragsverarbeitern, gemeinsam Verantwortlichen und Dritten</h3>
+<p>Sofern wir im Rahmen unserer Verarbeitung Daten gegenüber anderen Personen und Unternehmen (Auftragsverarbeitern,
+    gemeinsam Verantwortlichen oder Dritten) offenbaren, sie an diese übermitteln oder ihnen sonst Zugriff auf die Daten
+    gewähren, erfolgt dies nur auf Grundlage einer gesetzlichen Erlaubnis (z.B. wenn eine Übermittlung der Daten an
+    Dritte, wie an Zahlungsdienstleister, zur Vertragserfüllung erforderlich ist), Nutzer eingewilligt haben, eine
+    rechtliche Verpflichtung dies vorsieht oder auf Grundlage unserer berechtigten Interessen (z.B. beim Einsatz von
+    Beauftragten, Webhostern, etc.). <br>
+    <br>
+    Sofern wir Daten anderen Unternehmen unserer Unternehmensgruppe offenbaren, übermitteln oder ihnen sonst den Zugriff
+    gewähren, erfolgt dies insbesondere zu administrativen Zwecken als berechtigtes Interesse und darüberhinausgehend
+    auf einer den gesetzlichen Vorgaben entsprechenden Grundlage. <br>
+</p>
+<h3 id="dsg-general-rightssubject">Rechte der betroffenen Personen</h3>
+<p>Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf Auskunft
+    über diese Daten sowie auf weitere Informationen und Kopie der Daten entsprechend den gesetzlichen Vorgaben.<br>
+    <br>
+    Sie haben entsprechend. den gesetzlichen Vorgaben das Recht, die Vervollständigung der Sie betreffenden Daten oder
+    die Berichtigung der Sie betreffenden unrichtigen Daten zu verlangen.<br>
+    <br>
+    Sie haben nach Maßgabe der gesetzlichen Vorgaben das Recht zu verlangen, dass betreffende Daten unverzüglich
+    gelöscht werden, bzw. alternativ nach Maßgabe der gesetzlichen Vorgaben eine Einschränkung der Verarbeitung der
+    Daten zu verlangen.<br>
+    <br>
+    Sie haben das Recht zu verlangen, dass die Sie betreffenden Daten, die Sie uns bereitgestellt haben nach Maßgabe der
+    gesetzlichen Vorgaben zu erhalten und deren Übermittlung an andere Verantwortliche zu fordern. <br>
+    <br>
+    Sie haben ferner nach Maßgabe der gesetzlichen Vorgaben das Recht, eine Beschwerde bei der zuständigen
+    Aufsichtsbehörde einzureichen.<br>
+</p>
+<h3 id="dsg-general-revokeconsent">Widerrufsrecht</h3>
+<p>Sie haben das Recht, erteilte Einwilligungen mit Wirkung für die Zukunft zu widerrufen.</p>
+<h3 id="dsg-general-object">Widerspruchsrecht</h3>
+<p><strong>Sie können der künftigen Verarbeitung der Sie betreffenden Daten nach Maßgabe der gesetzlichen Vorgaben
+    jederzeit widersprechen. Der Widerspruch kann insbesondere gegen die Verarbeitung für Zwecke der Direktwerbung
+    erfolgen.</strong></p>
+<h3 id="dsg-general-erasure">Löschung von Daten</h3>
+<p>Die von uns verarbeiteten Daten werden nach Maßgabe der gesetzlichen Vorgaben gelöscht oder in ihrer Verarbeitung
+    eingeschränkt. Sofern nicht im Rahmen dieser Datenschutzerklärung ausdrücklich angegeben, werden die bei uns
+    gespeicherten Daten gelöscht, sobald sie für ihre Zweckbestimmung nicht mehr erforderlich sind und der Löschung
+    keine gesetzlichen Aufbewahrungspflichten entgegenstehen. <br>
+    <br>
+    Sofern die Daten nicht gelöscht werden, weil sie für andere und gesetzlich zulässige Zwecke erforderlich sind, wird
+    deren Verarbeitung eingeschränkt. D.h. die Daten werden gesperrt und nicht für andere Zwecke verarbeitet. Das gilt
+    z.B. für Daten, die aus handels- oder steuerrechtlichen Gründen aufbewahrt werden müssen.</p>
+<h3 id="dsg-general-changes">Änderungen und Aktualisierungen der Datenschutzerklärung</h3>
+<p>Wir bitten Sie sich regelmäßig über den Inhalt unserer Datenschutzerklärung zu informieren. Wir passen die
+    Datenschutzerklärung an, sobald die Änderungen der von uns durchgeführten Datenverarbeitungen dies erforderlich
+    machen. Wir informieren Sie, sobald durch die Änderungen eine Mitwirkungshandlung Ihrerseits (z.B. Einwilligung)
+    oder eine sonstige individuelle Benachrichtigung erforderlich wird.</p>
+<p></p>
+<h3 id="dsg-contact">Kontaktaufnahme</h3>
+<p></p>
+<p><span class="ts-muster-content">Bei der Kontaktaufnahme mit uns (z.B. per Kontaktformular, E-Mail, Telefon oder via sozialer Medien) werden die Angaben des Nutzers zur Bearbeitung der Kontaktanfrage und deren Abwicklung gem. Art. 6 Abs. 1 lit. b. (im Rahmen vertraglicher-/vorvertraglicher Beziehungen),  Art. 6 Abs. 1 lit. f. (andere Anfragen) DSGVO verarbeitet.. Die Angaben der Nutzer können in einem Customer-Relationship-Management System ("CRM System") oder vergleichbarer Anfragenorganisation gespeichert werden.<br>
+<br>
+Wir löschen die Anfragen, sofern diese nicht mehr erforderlich sind. Wir überprüfen die Erforderlichkeit alle zwei Jahre; Ferner gelten die gesetzlichen Archivierungspflichten.</span>
+</p>
+<p></p>
+<h3 id="dsg-hostingprovider">Hosting und E-Mail-Versand</h3>
+<p></p>
+<p><span class="ts-muster-content">Die von uns in Anspruch genommenen Hosting-Leistungen dienen der Zurverfügungstellung der folgenden Leistungen: Infrastruktur- und Plattformdienstleistungen, Rechenkapazität, Speicherplatz und Datenbankdienste, E-Mail-Versand, Sicherheitsleistungen sowie technische Wartungsleistungen, die wir zum Zwecke des Betriebs dieses Onlineangebotes einsetzen. <br>
+<br>
+Hierbei verarbeiten wir, bzw. unser Hostinganbieter Bestandsdaten, Kontaktdaten, Inhaltsdaten, Vertragsdaten, Nutzungsdaten, Meta- und Kommunikationsdaten von Kunden, Interessenten und Besuchern dieses Onlineangebotes auf Grundlage unserer berechtigten Interessen an einer effizienten und sicheren Zurverfügungstellung dieses Onlineangebotes gem. Art. 6 Abs. 1 lit. f DSGVO i.V.m. Art. 28 DSGVO (Abschluss Auftragsverarbeitungsvertrag).</span>
+</p>
+<p></p>
+<h3 id="dsg-logfiles">Erhebung von Zugriffsdaten und Logfiles</h3>
+<p></p>
+<p><span class="ts-muster-content">Wir, bzw. unser Hostinganbieter, erhebt auf Grundlage unserer berechtigten Interessen im Sinne des Art. 6 Abs. 1 lit. f. DSGVO Daten über jeden Zugriff auf den Server, auf dem sich dieser Dienst befindet (sogenannte Serverlogfiles). Zu den Zugriffsdaten gehören Name der abgerufenen Webseite, Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des Nutzers, Referrer URL (die zuvor besuchte Seite), IP-Adresse und der anfragende Provider.<br>
+<br>
+Logfile-Informationen werden aus Sicherheitsgründen (z.B. zur Aufklärung von Missbrauchs- oder Betrugshandlungen) für die Dauer von maximal 7 Tagen gespeichert und danach gelöscht. Daten, deren weitere Aufbewahrung zu Beweiszwecken erforderlich ist, sind bis zur endgültigen Klärung des jeweiligen Vorfalls von der Löschung ausgenommen.</span>
+</p>
+<p></p>
+<a href="https://datenschutz-generator.de" class="dsg1-6" rel="nofollow" target="_blank">Erstellt mit
+    Datenschutz-Generator.de von RA Dr. Thomas Schwenke</a>
+</body>

sites/en/services.html

@@ -0,0 +1,10 @@
+---
+layout: base.njk
+key: services
+title: Services
+eleventyNavigation:
+  key: services
+  title: Services
+  order: 2
+---
+<h1>Services</h1>

src/imprint.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>sp-codes - Impressum</title>
-    <link rel="shortcut icon" href="img/samuel.png">
+    <link rel="shortcut icon" href="../img/samuel.png">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <link rel="stylesheet" href="css/main.min.css">

src/index.html

@@ -84,9 +84,9 @@
 <div class="d-flex justify-content-end flex-wrap p-2 menu">
     <div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
     <div class="flex-grow-1"></div>
-    <div><a href="imprint.html"><span
+    <div><a href="sites/de/imprint.html"><span
             class="fas fa-info-circle mr-2"></span>Impressum</a></div>
-    <div class="ml-3"><a href="privacy.html"><span
+    <div class="ml-3"><a href="sites/de/privacy.html"><span
             class="fas fa-user-secret mr-2"></span>Datenschutz</a></div>
     <div class="ml-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span
             class="fas fa-code mr-2"></span>Code</a></div>

src/privacy.html

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <title>sp-codes - Datenschutzerklärung</title>
-    <link rel="shortcut icon" href="img/samuel.png">
+    <link rel="shortcut icon" href="../img/samuel.png">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
     <link rel="stylesheet" href="css/main.min.css">

src/scss/main.scss

@@ -15,7 +15,7 @@
 }
 
 body {
-  background-image: url("../img/bg.png");
+  background-image: url("img/bg.png");
   color: #fff;
   min-height: 100vh;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);