feat: integrate vite & update site

This commit is contained in:
2026-02-23 12:56:51 +00:00
parent 0ecad3d53d
commit 6139e1fea8
13 changed files with 1894 additions and 1126 deletions
+28 -39
View File
@@ -1,42 +1,31 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>futile</title>
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml" />
<link
rel="preload"
href="static/fonts/Bokor-Regular.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link rel="stylesheet" href="index.css" />
</head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>futile</title>
<link rel="icon" href="static/favicon.svg" type="image/svg+xml">
<link rel="preload" href="static/fonts/Bokor-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="generated.css">
</head>
<body id="body" class="m-0 bg-black overflow-hidden flex justify-center items-center h-screen">
<h1 id="header" class="futile text-white font-[Bokor] text-[clamp(1em,12em,40vw)] select-none leading-none overflow-hidden"
onclick="window.location.href='mailto:me@futile.eu'">futile</h1>
</body>
<script>
function onKonamiCode(callback) {
let input = '';
let konamiCode = '38384040373937396665';
document.addEventListener('keydown', (event) => {
input += ('' + event.keyCode);
if (input === konamiCode) {
return callback();
}
if (!konamiCode.indexOf(input)) return;
input = ('' + event.keyCode);
});
}
onKonamiCode(() => {
let body = document.getElementById("body");
body.classList.toggle("bg-black");
body.classList.toggle("bg-white");
let header = document.getElementById("header");
header.classList.toggle("text-white");
header.classList.toggle("text-black");
})
</script>
<body
id="body"
class="flex justify-center items-center h-screen overflow-hidden bg-black"
>
<h1
id="header"
onclick="window.location.href = 'mailto:me@futile.eu'"
class="font-semibold not-supports-[-moz-appearance:none]:font-normal font-[Bokor] text-[clamp(1em,12em,40vw)] select-none leading-none overflow-hidden text-white"
>
futile
</h1>
<script type="module" src="index.ts"></script>
</body>
</html>