victorwesterlund.com/public/index.html
Victor Westerlund ea94b7768c Added bg pattern, updated greeting text
New dot matrix pattern multiplied with the pattern.gif image.

Added a more colorful greeting text.

Removed redundant indentation of JS
2021-02-09 07:54:00 +01:00

61 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<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>
<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. The things I've created for the public reside as open-source repositories on <a href="https://github.com/VictorWesterlund" target="_blank">GitHub</a>, the rest you'll be lucky to hear about some day.</span></p>
<p><span>Other topics (seemingly irrelevant to programming) I find facinating include but is in no way limited to astronomy, psychology, sociology, economics, ...</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>
// Promote IE to Edge
if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
window.location = 'microsoft-edge:' + window.location;
setTimeout(function() {
window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547';
},1);
}
// Register SW if supported by browser
if(navigator.serviceWorker) {
navigator.serviceWorker.register("sw.js",{
scope: "/"
});
}
</script>
</body>
</html>