---
layout: base.njk
key: home
title: Home
summary: sp-codes stellt verschiedene Open-Source-Tools zur allgemeinen Verfügung. Alle Dienste sind kostenlos und werbefrei.
eleventyNavigation:
  key: home
  title: Home
  icon: i-home
---
<div class="row py-lg-5">
    <div class="col-12 col-lg-4 mb-4 mb-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 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 mb-4 mb-lg-0 fill-col-inner order-lg-1">
        <div class="me-profile">
            <img src="/img/samuel.jpg" alt="Samuel Philipp">
        </div>
    </div>
    <div class="col-12 col-lg-8">
        <h1>Über mich</h1>
        <p class="mb-2">
            Mein Name ist Samuel Philipp, 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">
                <picture>
                    <source srcset="/img/ossrox.svg" media="(prefers-color-scheme: light)">
                    <img class="ossrox-logo" src="/img/ossrox-white.svg" alt="Ossrox">
                </picture>
            </a>
        </p>
    </div>
</div>

<div class="row justify-content-center py-lg-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.html" %}
        </div>
    </div>
</div>
