vlw/victorwesterlund.com
1
0
Fork 0
mirror of https://codeberg.org/vlw/victorwesterlund.com.git synced 2025-09-14 03:23:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

wip: add gif

Browse source
This commit is contained in:
Victor Westerlund 2022-03-16 21:44:34 +01:00
parent 7ce5ceea9e
commit b3a577d6de
3 changed files with 19 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/assets/css/wrongplace.css Normal file
View file

@ -0,0 +1,16 @@
html,
body {
height: 100%;
margin: 0;
background-color: blue;
display: grid;
align-content: center;
justify-content: center;
user-select: none;
}
img {
width: clamp(20px, 50vh, 80vw);
image-rendering: pixelated;
pointer-events: none;
}

BIN
public/assets/media/wrongplace.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 673 B

13
public/error.html
View file

@ -5,7 +5,7 @@
<title>Victor Westerlund</title> <title>Victor Westerlund</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Full-stack web developer from Stockholm, Sweden."> <meta name="description" content="Full-stack web developer from Stockholm, Sweden.">
<meta name="theme-color" content="#000000"> <meta name="theme-color" content="#0000FF">
<meta property='og:title' content='Victor Westerlund'> <meta property='og:title' content='Victor Westerlund'>
<meta property='og:image' content='//victorwesterlund.com/assets/media/banner.jpg'> <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:description' content='Full-stack web developer from Stockholm, Sweden.'>
@ -13,16 +13,9 @@
<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:no-preference)">
<link rel="icon" href="/assets/media/favicon-dark.png" media="(prefers-color-scheme:light)"> <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="icon" href="/assets/media/favicon-light.png" media="(prefers-color-scheme:dark)">
<link rel="stylesheet" href="/assets/css/style.css"> <link rel="stylesheet" href="assets/css/wrongplace.css">
</head> </head>
<body> <body>
<div> <img src="assets/media/wrongplace.gif"/>
<div id="intro">
<h1>there is nothing here</h1>
<p>and that's all I know</p>
<a href="/">take me home -></a>
</div>
</div>
<script type="module" src="/assets/js/script.mjs"></script>
</body> </body>
</html> </html>