--- layout: base.njk key: home title: Home eleventyNavigation: key: home title: Home icon: home --- <div class="d-flex flex-column"> <div class="flex-column flex-grow p-3"> <div class="row py-5"> <div class="col"> <img class="logo" src="../../img/samuel.png"> </div> </div> <div class="row justify-content-center py-4 border-top"> <div class="col-lg-8 col-md-10 col-12"> <h1 class="sp-codes">SP-CODES</h1> <p class="lead text-center mb-2"> Herzlich willkommen bei sp-codes! Mein Name ist Samuel Philipp und ich bin ein Software Engineer aus Magdeburg. Auf dieser Seite finden Sie Informationen über mich und eine Übersicht über die von mir bereitgestellten Dienste. Schauen Sie sich gerne um oder nutzen Sie die verschiedenen Tools. </p> </div> </div> <div class="row justify-content-center py-4 border-top"> <div class="col-lg-8 col-md-10 col-12"> <h1 class="heading"><a href="/{{locale}}/services">Dienste</a></h1> <div class="row"> {%- for service in services %} <div class="col-12 col-md-6 p-3"> <div class="service flat"> <a class="link inner" href="/{{locale}}/services/{{service.id}}"> <i class="{{service.icon}} fa-fw fa-2x"></i> <h2 class="mt-2">{{service.name}}</h2> </a> </div> </div> {%- endfor %} </div> </div> </div> <div class="row justify-content-center pt-4 border-top"> <div class="col-lg-8 col-md-10 col-12"> <h1 class="heading">Profile & Kontakt</h1> <p class="lead text-center mb-2"> Sie haben einen Fehler gefunden, Verbesserungsvorschläge, oder eine andere Frage? Treten Sie gerne auf einem der folgenden Plattformen mit mir in Kontakt. Ich freue mich auf Ihre Nachricht! </p> </div> </div> <div class="d-flex justify-content-center flex-wrap my-3"> <div class="m-2"><a href="mailto:mail@sp-codes.de"><span class="fas fa-fw fa-4x fa-envelope"></span></a></div> <div class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"> <img style="width: 64px; height: 64px; margin: 0 8px;" src="img/matrix.png" alt=""></a></div> <div class="m-2"><a rel="me" href="https://social.tchncs.de/@samuel_p"><span class="fab fa-fw fa-4x fa-mastodon"></span></a></div> <div class="m-2"><a href="https://stackoverflow.com/users/9662601/samuel-p"><span class="fab fa-fw fa-4x fa-stack-overflow"></span></a></div> <div class="m-2"><a href="https://gitlab.com/samuel-p"><span class="fab fa-fw fa-4x fa-gitlab"></span></a></div> <div class="m-2"><a href="https://github.com/samuel-p"><span class="fab fa-fw fa-4x fa-github"></span></a></div> <div class="m-2"><a href="https://hub.docker.com/u/samuelph"><span class="fab fa-fw fa-4x fa-docker"></span></a></div> </div> <div class="d-flex justify-content-center mb-3"> <div class="text-center"> <a href="https://stackexchange.com/users/13389989/samuel-philipp"><img src="https://stackexchange.com/users/flair/13389989.png" width="208" height="58" alt="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&A sites" title="profile for Samuel Philipp on Stack Exchange, a network of free, community-driven Q&A sites"/></a> </div> </div> <div class="d-flex justify-content-center mb-3"> <div class="lead text-center"> <a href="https://samuel-philipp.de">samuel-philipp.de</a> </div> </div> </div> </div>