---
layout: base.njk
key: home
title: Home
summary: sp-codes provides various open source tools for general use. All services are for free and without advertising.
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>Welcome to sp&#8209;codes!</h1>
        <p class="mb-2">
            Nice that you found your way here. sp-codes provides various open source tools for general use. All services
            are for free and without advertising. If you would like to contribute to the future of the project, I would
            be happy to get your support! Feel free to look around and discover the offered tools!
        </p>
        <h5 class="mb-2 fw-bold">Become part of our great community!</h5>
        <p class="mb-2">
            For anyone who uses the services and all interested visitors, there is a public matrix room as a space for
            asking questions, sharing ideas and discussing problems: <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">
            To stay up to date, follow sp-codes on 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>About me</h1>
        <p class="mb-2">
            My name is Samuel Philipp, I am a full-stack developer and SysAdmin. In my spare time I run all services
            offered by sp-codes. If you want to learn more about me, have a look at my personal website:
            <a href="https://samuel-philipp.com">samuel-philipp.com</a>
        </p>
        <p class="mb-2">
            Have you found a mistake, have suggestions for improvement or another question? Feel free to contact me via
            one of the following platforms. I look forward to your message!
        </p>
        <p class="mb-2">
            {% include "profiles.html" %}
        </p>
        <hr/>
        <p class="mb-3">
            With my company <a href="https://ossrox.org" target="_blank">Ossrox</a> I offer professional hosting of open
            source tools for companies, individuals and other organizations. If you are interested, please have a look
            at our website or write me a message.
        </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 Overview</h1>
        <p class="text-center"><a href="/{{locale}}/services">View all services</a></p>
        <div class="row justify-content-center">
            {% include "services.html" %}
        </div>
    </div>
</div>