sp-codes.de/src/de/index.html

---
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 werbe-frei. 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>