--- 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 findest du Informationen über mich und eine Übersicht über die von mir bereitgestellten Dienste. Schau dich gerne um oder nutze 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"> 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> </div> </div> <div class="d-flex justify-content-center flex-wrap my-3 links"> <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>