---
layout: base.njk
key: home
title: Home
eleventyNavigation:
  key: home
  title: Home
  icon: i-home
---

<div class="row py-5">
    <div class="col-12 col-lg-4 m-3 m-lg-0 fill-col-inner">
        <div class="logo huge animated">
            {% include "logo-animated.html" %}
        </div>
    </div>
    <div class="col-12 col-lg-8">
        <h1>Willkommen bei sp&#8209;codes!</h1>
        <p class="mb-2">
            Schön, dass du hergefunden hast. sp-codes stellt verschiedene Open-Source-Tools zur allgemeinen Verfügung. Alle Dienste sind kostenlos und werbefrei. Wenn du zum weiteren Fortbestand des Projekts beitragen willst, freue ich mich über deine Unterstützung! Schau dich gerne um und entdecke das Angebot!
        </p>
        <h5 class="mb-2 fw-bold">Werde gerne Teil unserer tollen Community!</h5>
        <p class="mb-2">
            Für alle, die die Dienste nutzen und Interessierte gibt es einen öffentlichen Matrix-Raum als Austauschort für Fragen, Ideen und Probleme: <strong><a
                href="https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de">#sp-codes:matrix.sp-codes.de</a></strong>
        </p>
        <p class="mb-2">
            Um immer auf dem Laufenden zu bleiben, folge sp-codes auf Mastodon: <strong><a rel="me" href="https://social.sp-codes.de/@sp_codes">@sp_codes@social.sp-codes.de</a></strong>
        </p>
    </div>
</div>

<div class="row py-5">
    <div class="col-12 col-lg-4 col-12 m-3 m-lg-0 fill-col-inner order-lg-1">
        <div class="me-profile">
            <img src="/img/samuel-1024-p.jpg" alt="Samuel Philipp">
        </div>
    </div>
    <div class="col-12 col-lg-8 col-12">
        <h1>Über mich</h1>
        <p class="mb-2">
            Mein Name ist Samuel Philipp und ich bin Full-Stack-Developer und SysAdmin. In meiner Freizeit betreibe ich alle angebotenen Dienste von sp-codes. Wenn du mehr über mich erfahren möchtest, schau gerne auf meiner persönlichen Webseite vorbei:
            <a href="https://samuel-philipp.de">samuel-philipp.de</a>
        </p>
        <p class="mb-2">
            Du hast einen Fehler gefunden, Verbesserungsvorschläge oder eine andere Frage? Nimm gerne über eine der folgenden Plattformen Kontakt mit mir auf. Ich freue mich auf deine Nachricht!
        </p>
        <p class="mb-2">
            {% include "profiles.html" %}
        </p>
        <hr/>
        <p class="mb-3">
            Mit meiner Firma <a href="https://ossrox.org" target="_blank">Ossrox</a> biete ich professionelles Hosting
            von Open-Source-Tools für Unternehmen, Privatpersonen und andere Organisationen an. Wenn du daran
            interessiert bist, schau doch gerne auf unserer Webseite vorbei oder schreibe mir eine Nachricht.
        </p>
        <p class="text-center">
            <a href="https://ossrox.org" target="_blank">
                <img class="ossrox-logo" src="/img/ossrox-white.svg" alt="Ossrox">
            </a>
        </p>
    </div>
</div>

<div class="row justify-content-center py-5">
    <div class="col">
        <h1 class="text-center">Tool-Übersicht</h1>
        <p class="text-center"><a href="/{{locale}}/services">Alle Dienste anzeigen</a></p>
        <div class="row justify-content-center">
            {% include "services-extended.html" %}
        </div>
    </div>
</div>