samuel-philipp.de/src/index.html

107 lines
6.0 KiB
HTML

<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
<head>
<title>Samuel Philipp</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="https://samuel-philipp.de/">
<meta name="subject" content="Samuel Philipp">
<meta name="description" content="Samuel Philipp - Software Engineer & Magician">
<meta name="author" content="Samuel Philipp">
<meta property="og:type" content="website">
<meta property="og:locale" content="de">
<meta property="og:url" content="https://samuel-philipp.de/">
<meta property="og:title" content="Samuel Philipp">
<meta property="og:description" content="Samuel Philipp - Software Engineer & Magician">
<meta property="og:site_name" content="Samuel Philipp">
<meta property="og:image" content="https://samuel-philipp.de/img/samuel-philipp.jpg">
<!--<meta property="og:updated_time" content="">-->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Samuel Philipp">
<meta name="twitter:description" content="Samuel Philipp - Software Engineer & Magician">
<meta name="twitter:image" content="https://samuel-philipp.de/img/samuel-philipp.jpg">
<link rel="shortcut icon" href="img/samuel.png">
<link rel="stylesheet" href="css/main.min.css">
<script async defer data-domain="samuel-philipp.de" src="https://plausible.sp-codes.de/js/plausible.js"></script>
</head>
<body>
<div class="site-container">
<div class="content">
<div class="follow text-right">
<div class="mb-3">
<a rel="me" href="https://social.sp-codes.de/@samuel_p">
<img alt="Mastodon Follow"
src="https://shields.sp-codes.de/mastodon/follow/106249673823954342?domain=https%3A%2F%2Fsocial.sp-codes.de&logoColor=black&style=social">
</a>
</div>
<div>
<a rel="me" href="https://pixel.tchncs.de/samuel-p">
<img alt="Pixelfed Follow"
src="https://shields.sp-codes.de/mastodon/follow/233656854528528384?domain=https%3A%2F%2Fpixel.tchncs.de&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8%2BPHBhdGggZD0iTTEyIDJjNS41MjMgMCAxMCA0LjQ3NyAxMCAxMHMtNC40NzcgMTAtMTAgMTBTMiAxNy41MjMgMiAxMiA2LjQ3NyAyIDEyIDJ6bTEuMDMxIDYuMDk5aC0yLjYyNGMtLjk4OCAwLTEuNzg5Ljc3Ni0xLjc4OSAxLjczM3Y2Ljc0OGwyLjU5NS0yLjQ3MWgxLjgxOGMxLjcxMyAwIDMuMTAxLTEuMzQ1IDMuMTAxLTMuMDA1cy0xLjM4OC0zLjAwNS0zLjEtMy4wMDV6Ii8%2BPC9zdmc%2B&logoColor=black&style=social">
</a>
</div>
</div>
<div id="developer" class="image"></div>
<div id="magician" class="image"></div>
<div class="headers">
<div class="codes">
<h1 class="developer">Software Engineer</h1>
</div>
<div class="padding"></div>
<div class="magic">
<h1 class="magician">Magician</h1>
</div>
</div>
<code id="links" class="image">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" width="100%" height="100%" viewBox="0 0 2560 1440" preserveAspectRatio="xMidYMid slice">
<a xlink:href="//sp-codes.de" class="full-size">
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,0 L 0,0 Z" fill-opacity="0"></path>
</a>
<a xlink:href="//sp-magic.de" class="full-size">
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,1440 L 0,1440 Z" fill-opacity="0"></path>
</a>
</svg>
</code>
<div class="menu py-2 px-3">
<div><a href="https://sp-codes.de/de/imprint"><span
class="fas fa-info-circle mr-2"></span>Imprint</a></div>
<div><a href="https://sp-codes.de/de/privacy"><span
class="fas fa-user-secret mr-2"></span>Privacy</a></div>
<div><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span
class="fas fa-code mr-2"></span>Code</a></div>
</div>
</div>
<div class="footer">
<div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
<div class="d-flex justify-content-start flex-wrap">
<div class="mr-3">Made with <span class="fas fa-heart highlight"></span> in Germany</div>
<div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
</div>
<div class="flex-sm-grow-1"></div>
<div class="d-flex justify-content-sm-start flex-wrap">
<div class="mr-3"><a href="//sp-codes.de/de/imprint"><span class="fas fa-info-circle mr-2"></span>Imprint</a>
</div>
<div class="mr-3"><a href="//sp-codes.de/de/privacy"><span class="fas fa-user-secret mr-2"></span>Privacy</a>
</div>
<div class="mr-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span
class="fas fa-code mr-2"></span>Code</a></div>
<div><a target="_blank" href="https://plausible.sp-codes.de/samuel-philipp.de"><span
class="fas fa-chart-line mr-2"></span>Stats</a></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/main.min.js"></script>
</body>
</html>