mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-13 19:13:42 +02:00
50 lines
2.3 KiB
HTML
Executable file
50 lines
2.3 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Victor Westerlund</title>
|
|
<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="#000000">
|
|
<meta property='og:title' content='Victor Westerlund'>
|
|
<meta property='og:image' content='//victorwesterlund.com/assets/media/banner.jpg'>
|
|
<meta property='og:description' content='Full-stack web developer from Stockholm, Sweden.'>
|
|
<meta property='og:url' content='https://victorwesterlund.com'>
|
|
<link rel="icon" href="assets/media/favicon-dark.png" media="(prefers-color-scheme:no-preference)">
|
|
<link rel="icon" href="assets/media/favicon-dark.png" media="(prefers-color-scheme:light)">
|
|
<link rel="icon" href="assets/media/favicon-light.png" media="(prefers-color-scheme:dark)">
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<div id="intro">
|
|
<p>hello, my name is</p>
|
|
<h1>victor</h1>
|
|
<p>I'm a</p>
|
|
<h1>full-stack</h1>
|
|
<h1>developer</h1>
|
|
<p>from Sweden</p>
|
|
<a href="https://github.com/VictorWesterlund">my github -></a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div id="card">
|
|
<picture>
|
|
<source srcset="assets/media/pfp/256.webp" type="image/webp" media="(min-width: 600px)">
|
|
<source srcset="assets/media/pfp/128.webp" type="image/webp">
|
|
<source srcset="assets/media/pfp/256.jpg" type="image/jpg" media="(min-width: 600px)">
|
|
<img src="assets/media/pfp/128.jpg" alt="portrait of victor"/>
|
|
</picture>
|
|
<div>
|
|
<p>I create things with code. When I'm not creating things with code, I enjoy skiing, watching movies and some occasional gaming</p>
|
|
<p>And beyond computer science, I'm also an armchair rabbit-holer for engineering, physics and astronomy</p>
|
|
</div>
|
|
<div>
|
|
<p>...and ☕, full-time</p>
|
|
</div>
|
|
<!--<a href="contact">contact me</a>-->
|
|
</div>
|
|
</div>
|
|
<script type="module" src="assets/js/script.mjs"></script>
|
|
</body>
|
|
</html>
|