feat: integrate vite & update site
This commit is contained in:
+28
-39
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user