samuel-p/samuel-philipp.de
samuel-p/samuel-philipp.de
1
0
Fork 0
Code Issues Pull requests 10 Releases Activity Actions

added menu and caret
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Samuel Philipp 2023-05-09 00:16:46 +02:00
parent eda672569f
commit b97eb40517
7 changed files with 154 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/index.html
View file

@ -42,30 +42,54 @@ title: {{site.title}}
<div class="overlay"></div>
<div class="container">
<div class="row justify-content-md-center">
<div class="col-md-8 text-center position-relative">
<div class="d-flex flex-column vh-100 justify-content-center">
<img class="profile-thumb mb-4" src="img/samuel-1024.jpg">
<h1>{{site.title}}</h1>
<h3>{{site.subtitle}}</h3>
<ul class="social-icons my-4">
<li><a href="mailto:info@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
<li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i
class="i-matrix i-2x i-fw"></i></a></li>
<li><a href="https://social.sp-codes.de/@samuel_p" rel="me"><i class="i-mastodon i-2x i-fw"></i></a>
</li>
<li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a>
</li>
<li><a href="https://www.linkedin.com/in/samuel-philipp"><i
class="i-linkedin i-2x i-fw"></i></a></li>
<li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li>
<li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
<li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i
class="i-stackoverflow i-2x i-fw"></i></a></li>
</ul>
<ul class="social-icons">
<li><a href="https://samuel-philipp.de"><span class="fi fi-de i-2x mx-2"></span></a></li>
<li><a href="https://samuel-philipp.com"><span class="fi fi-us i-2x mx-2"></span></a></li>
</ul>
<div class="col-md-12 col-lg-8 text-center position-relative">
<div class="d-flex flex-column vh-100">
<nav class="nav menu d-none d-md-flex">
<div class="items">
{%- for key in site.menu.items %}
<div class="item">
<a href="#{{ key }}">
{% if entry.icon %}<span class="{{ entry.icon }} me-1"></span>{% endif %}{{
site.strings[key].title }}
</a>
</div>
{%- endfor %}
</div>
</nav>
<div class="d-flex flex-column flex-grow-1 justify-content-center">
<img class="profile-thumb mb-4" src="img/samuel-1024.jpg" alt="Samuel Philipp">
<h1>{{site.title}}</h1>
<h3>{{site.subtitle}}</h3>
<ul class="social-icons my-4">
<li><a href="mailto:info@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
<li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i
class="i-matrix i-2x i-fw"></i></a></li>
<li><a href="https://social.sp-codes.de/@samuel_p" rel="me"><i
class="i-mastodon i-2x i-fw"></i></a>
</li>
<li><a href="https://www.xing.com/profile/Samuel_Philipp"><i
class="i-xing i-2x i-fw"></i></a>
</li>
<li><a href="https://www.linkedin.com/in/samuel-philipp"><i
class="i-linkedin i-2x i-fw"></i></a></li>
<li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li>
<li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
<li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i
class="i-stackoverflow i-2x i-fw"></i></a></li>
</ul>
<ul class="social-icons">
<li><a href="https://samuel-philipp.de"><span class="fi fi-de i-2x mx-2"></span></a></li>
<li><a href="https://samuel-philipp.com"><span class="fi fi-us i-2x mx-2"></span></a></li>
</ul>
</div>
<div class="d-flex justify-content-center">
<a class="scroll-down" href="#about" onclick="window.location.hash=''">
<svg fill="#fff" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
<path d="M128,188a11.96187,11.96187,0,0,1-8.48535-3.51465l-80-80a12.0001,12.0001,0,0,1,16.9707-16.9707L128,159.0293l71.51465-71.51465a12.0001,12.0001,0,0,1,16.9707,16.9707l-80,80A11.96187,11.96187,0,0,1,128,188Z"></path>
</svg>
<span class="d-none">Scroll Down</span>
</a>
</div>
</div>
</div>
</div>
@ -178,7 +202,7 @@ title: {{site.title}}
</div>
</div>
</section>
<section id="services" class="bg-secondary">
<section id="projects" class="bg-secondary">
<div class="container">
<div class="services-padding">
<div class="row justify-content-md-center">