370 lines
18 KiB
HTML
370 lines
18 KiB
HTML
---
|
|
title: {{site.title}}
|
|
---
|
|
<!doctype html>
|
|
<html lang="en" prefix="og: http://ogp.me/ns#">
|
|
<head>
|
|
<title>{{site.title}}</title>
|
|
<base href="/">
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="fragment" content="!">
|
|
<meta name="target" content="all">
|
|
<meta name="audience" content="all">
|
|
<meta name="coverage" content="Worldwide">
|
|
<meta name="distribution" content="Global">
|
|
<meta name="rating" content="general">
|
|
<meta name="url" content="{{site.language.url}}">
|
|
<meta name="subject" content="{{site.title}}">
|
|
<meta name="description" content="{{site.description}}">
|
|
<meta name="author" content="{{site.author}}">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:locale" content="de">
|
|
<meta property="og:url" content="{{site.language.url}}">
|
|
<meta property="og:title" content="{{site.title}}">
|
|
<meta property="og:description" content="{{site.description}}">
|
|
<meta property="og:site_name" content="{{site.title}}">
|
|
<meta property="og:image" content="{{site.language.url}}/img/samuel-1024.jpg">
|
|
<meta property="og:updated_time" content="{{site.buildTime}}">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="{{site.title}}">
|
|
<meta name="twitter:description" content="{{site.description}}">
|
|
<meta name="twitter:image" content="{{site.language.url}}/img/samuel-1024.jpg">
|
|
<link rel="shortcut icon" href="/img/samuel.png">
|
|
<link rel="stylesheet" href="{{ '/css/main.css' | rev }}">
|
|
<script async defer data-website-id="594e86a6-02bb-407d-98e0-73e31827a785" data-domains="samuel-philipp.de"
|
|
src="https://umami.sp-codes.de/umami.js"></script>
|
|
</head>
|
|
<body>
|
|
<header id="top">
|
|
<div class="overlay">
|
|
<div class="container h-100">
|
|
<div class="row justify-content-md-center h-100">
|
|
<div class="col-md-12 col-lg-8 h-100 text-center position-relative">
|
|
<div class="d-flex flex-column h-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 }}">
|
|
{{ 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 mt-2">
|
|
<li class="m-2"><a href="mailto:info@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a>
|
|
</li>
|
|
<li class="m-2"><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i
|
|
class="i-matrix i-2x i-fw"></i></a></li>
|
|
<li class="m-2"><a href="https://social.sp-codes.de/@samuel_p" rel="me"><i
|
|
class="i-mastodon i-2x i-fw"></i></a>
|
|
</li>
|
|
<li class="m-2"><a href="https://www.xing.com/profile/Samuel_Philipp"><i
|
|
class="i-xing i-2x i-fw"></i></a>
|
|
</li>
|
|
<li class="m-2"><a href="https://www.linkedin.com/in/samuel-philipp"><i
|
|
class="i-linkedin i-2x i-fw"></i></a></li>
|
|
<li class="m-2"><a href="https://git.sp-codes.de/samuel-p"><i class="i-git i-2x i-fw"></i></a>
|
|
</li>
|
|
<li class="m-2"><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
|
|
<li class="m-2"><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 class="m-2"><a href="https://samuel-philipp.de"><span class="fi fi-de i-2x"></span></a>
|
|
</li>
|
|
<li class="m-2"><a href="https://samuel-philipp.com"><span class="fi fi-us i-2x"></span></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="scroll-down-outer">
|
|
<a class="scroll-down" href="#about">
|
|
<span class="d-none">Scroll Down</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<section id="about">
|
|
<div class="container">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8 text-center heading">
|
|
<h1>{{site.strings.about.title}}</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<ul class="info">
|
|
<li><span class="first-block">{{site.strings.about.overview.name}}:</span><span
|
|
class="second-block">Samuel Philipp</span>
|
|
</li>
|
|
<li><span class="first-block">{{site.strings.about.overview.mail}}:</span><span
|
|
class="second-block">info@samuel-philipp.de</span></li>
|
|
<li><span class="first-block">{{site.strings.about.overview.site}}:</span><span
|
|
class="second-block"><a href="{{site.language.url}}">{{site.strings.about.overview.url}}</a></span>
|
|
</li>
|
|
<li><span class="first-block">{{site.strings.about.overview.address}}:</span><span
|
|
class="second-block">Otto-von-Guericke-Straße 40a<br>39104 Magdeburg</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<h2>{{site.strings.about.hello}}</h2>
|
|
<p>{{site.strings.about.text}}</p>
|
|
<ul class="social-icons d-flex flex-wrap gap-3 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-git 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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="resume">
|
|
<div class="container">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8 text-center heading">
|
|
<h1>{{site.strings.resume.title}}</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<ul class="timeline">
|
|
<li class="timeline-heading text-center">
|
|
<div><h3>{{site.strings.resume.work.title}}</h3>
|
|
</div>
|
|
</li>
|
|
{%- for item in site.strings.resume.work.positions %}
|
|
<li class="timeline-{% if loop.index0 % 2 === 0 %}inverted{% else %}unverted{% endif %}">
|
|
<div class="timeline-badge"><i class="icon-suitcase"></i></div>
|
|
<div class="timeline-panel">
|
|
<div class="timeline-heading">
|
|
<span class="duration">{{item.start}} - {{item.end}}</span>
|
|
<h3 class="timeline-title">{{item.position | safe}}</h3>
|
|
<span class="company"><a href="{{item.url}}" target="_blank">{{item.company}}</a> - {{item.city}}{% if item.country %}, {{item.country}}{% endif %}</span>
|
|
</div>
|
|
<div class="timeline-body">
|
|
{%- for description in item.descriptions %}
|
|
<p>{{description | safe}}</p>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{%- endfor %}
|
|
</ul>
|
|
<ul class="timeline">
|
|
<li class="timeline-heading text-center">
|
|
<div><h3>{{site.strings.resume.education.title}}</h3></div>
|
|
</li>
|
|
{%- for item in site.strings.resume.education.positions %}
|
|
<li class="timeline-{% if (site.strings.resume.work.positions.length + loop.index0) % 2 === 0 %}inverted{% else %}unverted{% endif %}">
|
|
<div class="timeline-badge"><i class="icon-graduation-cap"></i></div>
|
|
<div class="timeline-panel">
|
|
<div class="timeline-heading">
|
|
<span class="duration">{{item.start}} - {{item.end}}</span>
|
|
{% if item.course %}
|
|
<h3 class="timeline-title">{{item.course}}<span class="degree">{{item.degree}}</span>
|
|
</h3>
|
|
{% else %}
|
|
<h3 class="timeline-title">{{item.degree}}</h3>
|
|
{% endif %}
|
|
<span class="company">{{item.institution}} - {{item.city}}</span>
|
|
</div>
|
|
<div class="timeline-body">
|
|
{%- for description in item.descriptions %}
|
|
<p>{{description | safe}}</p>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{%- endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="projects" class="bg-secondary">
|
|
<div class="container">
|
|
<div class="services-padding">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8 text-center heading">
|
|
<h1>{{site.strings.projects.title}}</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{%- for item in site.strings.projects.list %}
|
|
<div class="col-md-4 text-center">
|
|
<a class="feature-left" {% if item.url %}href="{{item.url}}" {% endif %} target="_blank">
|
|
<span class="icon">
|
|
<img src="/img/{{item.icon}}" alt="{{item.name}}">
|
|
</span>
|
|
<div class="feature-copy">
|
|
<h3>{{item.name}}</h3>
|
|
<p>{{item.description}}</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="skills">
|
|
<div class="container">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8 text-center heading">
|
|
<h1>{{site.strings.skills.title}}</h1>
|
|
<div>{{site.strings.skills.description}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-4 justify-content-center">
|
|
{%- for item in site.strings.skills.languages %}
|
|
<div class="col-lg-3 col-md-4 col-6 d-flex justify-content-center">
|
|
<div class="circular">
|
|
<div class="inner"></div>
|
|
<div class="number"><strong>{{item.name}}</strong><span>{{item.percent}}%</span></div>
|
|
<div class="circle">
|
|
<div class="bar left">
|
|
<div class="progress progress-{{item.percent}}"></div>
|
|
</div>
|
|
<div class="bar right">
|
|
<div class="progress progress-{{item.percent}}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{%- endfor %}
|
|
</div>
|
|
<div class="row">
|
|
{%- for item in site.strings.skills.technologies %}
|
|
<div class="col-md-6 col-12">
|
|
<div class="progress-wrap">
|
|
<div><span class="name-left">{{item.name}}</span><span class="float-end">{{item.percent}}%</span>
|
|
</div>
|
|
<div class="progress">
|
|
<div class="progress-bar progress-{{item.percent}}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="interests" class="bg-secondary">
|
|
<div class="container">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8 text-center heading">
|
|
<h1>{{site.strings.interests.title}}</h1>
|
|
<div>{{site.strings.interests.description}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{%- for item in site.strings.interests.list %}
|
|
<div class="col-lg-3 col-md-6 col-12 text-center p-3">
|
|
<a {% if item.url %}href="{{item.url}}" {% endif %} target="_blank"
|
|
class="interest interest-{{item.image}}">
|
|
<div class="desc">
|
|
<h3>{{item.name}}</h3>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="commitment">
|
|
<div class="container">
|
|
<div class="row justify-content-md-center">
|
|
<div class="col-md-8 text-center heading">
|
|
<h1>{{site.strings.commitment.title}}</h1>
|
|
<div>{{site.strings.commitment.description}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
{%- for item in site.strings.commitment.list %}
|
|
<div class="col-lg-3 col-md-6 col-12 text-center p-3">
|
|
<a {% if item.url %}href="{{item.url}}" {% endif %} target="_blank" class="commitment">
|
|
<img src="/img/{{item.image}}" alt="{{item.name}}">
|
|
</a>
|
|
</div>
|
|
{%- endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--<section id="contact" class="p-0 d-flex">-->
|
|
<!-- <div class="video" style="background-image: url(img/sp-magic.png);">-->
|
|
<!-- <div class="overlay"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="choose">-->
|
|
<!-- <h2 class="mb-5">{{site.strings.contact.title}}</h2>-->
|
|
<!-- <form action="#">-->
|
|
<!-- <div class="row mb-4">-->
|
|
<!-- <div class="col-md-12">-->
|
|
<!-- <input type="text" id="name" class="form-control" placeholder="Your name">-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="row mb-4">-->
|
|
<!-- <div class="col-md-12">-->
|
|
<!-- <input type="text" id="email" class="form-control" placeholder="Your email address">-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="row mb-4">-->
|
|
<!-- <div class="col-md-12">-->
|
|
<!-- <textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto"-->
|
|
<!-- placeholder="Say something about us"></textarea>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="row mb-4">-->
|
|
<!-- <div class="col-md-12">-->
|
|
<!-- <input type="submit" value="Send Message" class="btn btn-primary">-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </form>-->
|
|
<!-- </div>-->
|
|
<!--</section>-->
|
|
<footer id="footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="d-flex justify-content-start flex-wrap">
|
|
<div class="me-3">Made with <span class="i-heart highlight"></span> in Germany</div>
|
|
<div class="me-3"><span class="i-copyright me-2"></span>Samuel Philipp</div>
|
|
</div>
|
|
<div class="d-flex justify-content-sm-start flex-wrap">
|
|
<div class="me-3"><a href="//sp-codes.de/de/imprint"><span class="i-info-circle me-2"></span>{{site.strings.footer.imprint}}</a>
|
|
</div>
|
|
<div class="me-3"><a href="//sp-codes.de/de/privacy"><span class="i-user-secret me-2"></span>{{site.strings.footer.privacy}}</a>
|
|
</div>
|
|
<div class="me-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span
|
|
class="i-code me-2"></span>{{site.strings.footer.code}}</a></div>
|
|
<div><a target="_blank" href="https://umami.sp-codes.de/share/kBdKS5vR/samuel-philipp.de"><span
|
|
class="i-chart-line me-2"></span>{{site.strings.footer.stats}}</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<a class="back-top" href="#top">^</a>
|
|
<script type="text/javascript" src="{{ '/js/main.js' | rev }}"></script>
|
|
</body>
|
|
</html>
|