mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-13 19:13:42 +02:00
Victor Westerlund
36345199e3
* wip(22w6a): add glitch bg * wip(22w6b): add content and more glitching * wip(22w7a): add card backdrop-filter * wip(22w7b): add visibilitychange event * wip(22w7c): add link click handler * wip(22w7d): add webkit backdrop filter support * wip(22w7e): fix font size * wip(22w7f): refactor glitch * wip(22w7g): add forceBg to glitch * wip(22w7h): add error page * wip(22w7i): hide contact button * feat: add OGP tags Co-authored-by: Cloud Shell <cloud-shell@victor-westerlund.iam.gserviceaccount.com>
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='//www.example.com/URL of the article'>
|
|
<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>
|