mirror of
https://codeberg.org/vlw/victorwesterlund.com.git
synced 2025-09-14 11:33:41 +02:00
64 lines
3 KiB
HTML
64 lines
3 KiB
HTML
<!DOCTYPE html>
|
|
<!-- Copyright © Victor Westerlund - No libraries! 😲 -->
|
|
<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="red">
|
|
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#212121">
|
|
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="screen landingpage">
|
|
<header>
|
|
<div class="hamburger center" data-action="toggleMenu" data-theme-color="contrast">
|
|
<div></div>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
<div class="logo"></div>
|
|
<p>victor westerlund</p>
|
|
</header>
|
|
<div class="content center">
|
|
<div class="pattern center">
|
|
<div></div>
|
|
</div>
|
|
<picture>
|
|
<source srcset="assets/img/myface/highres.avif" type="image/avif" media="(min-width: 1920px)">
|
|
<source srcset="assets/img/myface/highres.webp" type="image/webp" media="(min-width: 1920px)">
|
|
<source srcset="assets/img/myface/mediumres.avif" type="image/avif">
|
|
<source srcset="assets/img/myface/mediumres.webp" type="image/webp">
|
|
<img src="assets/img/myface/mediumres.png" type="image/png">
|
|
</picture>
|
|
</div>
|
|
</div>
|
|
<div class="screen menu dark">
|
|
<header>
|
|
<div class="hamburger center" data-action="toggleMenu" data-theme-color="background">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="28.548" height="22.828"><path d="M2.28 11.414h25.269M1.414 11.414l10-10M1.414 11.414l10 10"/></svg>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
<div class="logo"></div>
|
|
<p>victor westerlund</p>
|
|
</header>
|
|
<div class="content">
|
|
<div class="button phantom">
|
|
<svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>
|
|
<p>search stuff..</p>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
<div class="button phantom" data-action="openContactCard">
|
|
<p>contact me</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script src="assets/js/script.js" type="module"></script>
|
|
<script src="assets/js/nomodule.js" nomodule></script>
|
|
</body>
|
|
</html>
|