victorwesterlund.com/public/index.html

56 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5PBVM28');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Full-stack web developer from Stockholm, Sweden.">
<meta name="theme-color" content="#ffffff">
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/css/style.css" rel="stylesheet">
<title>Victor Westerlund</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5PBVM28" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<main>
<div id="intro">
<div class="inner">
<div class="block">
<div class="logo"></div>
<h1><span>victor westerlund</span></h1>
<h2><span>full-stack web developer</span></h2>
</div>
<div class="block">
<p><span>I create things with code, and usually design things for humans to interact with my code. I'm also a true wannabe jack of all trades; and coffee-loving non-coffee snob.</span></p>
<p><span><strong>hello@victorwesterlund.com</strong></span>&#8203;(<a href="https://storage.googleapis.com/public.victorwesterlund.com/publickey.gpg" target="_blank">PGP&nbsp;Key</a>)</p>
</div>
<div class="block">
<nav>
<!--<a href="#">contact</a>-->
<a href="https://github.com/VictorWesterlund" target="_blank">github</a>
</nav>
</div>
</div>
</div>
<div id="myface">
<picture>
<source media="(min-width: 900px)" srcset="assets/img/myface/highres.webp" type="image/webp">
<source media="(min-width: 300px)" srcset="assets/img/myface/mediumres.webp" type="image/webp">
<source media="(min-width: 900px)" srcset="assets/img/myface/highres.png" type="image/png">
<source media="(min-width: 300px)" srcset="assets/img/myface/mediumres.png" type="image/png">
<img srcset="assets/img/myface/fallback.jpg" type="image/jpeg">
</picture>
</div>
</main>
<script src="assets/js/script.js" type="module"></script>
<script src="assets/js/legacy.js" nomodule></script>
</body>
</html>