---
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 from Magdeburg">
    <meta property="og:site_name" content="sp-codes">
    <meta property="og:image" content="https://sp-codes.de/img/sp-codes.jpg">
    <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="favicon.ico">
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="stylesheet" href="{{ '/css/main.css' | rev }}">
    <script async defer data-website-id="47b8022b-0537-4bb2-baa5-455a87a36ff5" data-domains="sp-codes.de" src="https://umami.sp-codes.de/umami.js"></script>
</head>
<body>
<nav class="nav menu border-bottom">
    <div class="toggle">
        <label for="menu" class="m-0"><span class="i-bars me-1"></span>{{ strings.menu[locale] }}</label>

        <div class="flex-grow-1"></div>

        {% for language in site.languages %}
        <div {% if language.code== locale %} class="active" {% endif %}>
            <a href="{% translatedUrl locale, language.code %}" class="ms-3">
                <span class="fi-{{ language.icon }}" title="{{ language.label }}"></span>
            </a>
        </div>
        {% endfor %}
    </div>
    <input type="checkbox" id="menu"/>

    <div class="items">
        {%- for entry in collections.all | eleventyNavigation %}
        {% if not entry.url.startsWith("https") and entry.url.includes(locale) or entry.locale == locale %}
        <div class="item{% if entry.url == page.url %} active{% endif %}">
            <a href="{{ entry.url | url }}" class="me-3">
                {% if entry.icon %}<span class="{{ entry.icon }} me-1"></span>{% endif %}{{ entry.title }}
            </a>
        </div>
        {% endif %}
        {%- endfor %}
    </div>

    <div class="flex-grow-1"></div>

    <div class="lang-large">
        {% for language in site.languages %}
        <div {% if language.code== locale %} class="active" {% endif %}>
            <a href="{% translatedUrl locale, language.code %}" class="ms-3">
                <span class="fi-{{ language.icon }}" title="{{ language.label }}"></span>
            </a>
        </div>
        {% endfor %}
    </div>
</nav>
<div class="content">
    <div class="container">
        {{ content | safe }}
    </div>
</div>
<div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
    <div class="d-flex justify-content-start flex-wrap">
        <div class="me-3">Made with <span class="i-heart highlight"></span> in Germany</div>
        <div class="me-3"><a href="https://samuel-philipp.de"><span class="i-copyright me-1"></span>Samuel Philipp</a></div>
    </div>
    <div class="flex-sm-grow-1"></div>
    <div class="d-flex justify-content-sm-start flex-wrap">
        <div class="me-3"><a href="/{{locale}}/imprint"><span class="i-info-circle me-1"></span>{{strings.imprint[locale]}}</a>
        </div>
        <div class="me-3"><a href="/{{locale}}/privacy"><span class="i-user-secret me-1"></span>{{strings.privacy[locale]}}</a>
        </div>
        <div class="me-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/sp-codes.de"><span
                class="i-code me-1"></span>{{strings.code[locale]}}</a></div>
        <div><a target="_blank" href="https://umami.sp-codes.de/share/gaJcXEyG/sp-codes.de"><span
                class="i-chart-line me-1"></span>{{strings.stats[locale]}}</a></div>
    </div>
</div>
</body>
</html>
