small cleanup

2026-07-23 16:58:40 +01:00
parent 5c16c28a40
commit 4663210f91
4 changed files with 42 additions and 67 deletions
@@ -1,17 +1,15 @@
-<!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="stylesheet" href="index.css" />
-    </head>
-
-    <body id="body" class="body">
-        <h1 id="header" class="header" onclick="window.location.href = 'mailto:me@futile.eu'">
-            futile
-        </h1>
-        <script src="index.js"></script>
-    </body>
+<head>
+    <meta charset="UTF-8" />
+    <title>futile</title>
+    <link rel="icon" href="assets/favicon.svg" type="image/svg+xml" />
+    <link rel="stylesheet" href="style/reset.css" />
+    <link rel="stylesheet" href="style/style.css" />
+</head>
+<body class="body">
+    <h1 class="header" onclick="window.location.href = 'mailto:me@futile.eu'">
+        futile
+    </h1>
+</body>
 </html>
@@ -1,22 +0,0 @@
-function onKonamiCode(callback) {
-  let input = "";
-  const konami =
-    "arrowuparrowuparrowdownarrowdownarrowleftarrowrightarrowleftarrowrightba";
-  document.addEventListener("keydown", (e) => {
-    input = (input + e.key.toLowerCase()).slice(-konami.length);
-    if (input === konami) callback();
-  });
-}
-
-onKonamiCode(() => {
-  const body = document.body;
-  const header = document.getElementById("header");
-
-  if (body.style.backgroundColor === "white") {
-    body.style.backgroundColor = "black";
-    header.style.color = "white";
-  } else {
-    body.style.backgroundColor = "white";
-    header.style.color = "black";
-  }
-});
@@ -42,33 +42,3 @@ h1, h2, h3, h4, h5, h6 {
  isolation: isolate;
 }
 /* CSS reset */
-
-@font-face {
-    font-family: "Pirata One";
-    src: url("assets/Pirata One.woff2") format("woff2");
-}
-
-.body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    overflow: hidden;
-    background-color: black;
-}
-
-.header {
-    font-weight: 600;
-    font-family: Pirata One;
-    font-size: clamp(1em, 12em, 40vw);
-    user-select: none;
-    line-height: 1;
-    overflow: hidden;
-    color: white;
-}
-
-@supports not (-moz-appearance: none) {
-    .header {
-        font-weight: 400;
-    }
-}
@@ -0,0 +1,29 @@
+@font-face {
+    font-family: "Pirata One";
+    src: url("../assets/Pirata One.woff2") format("woff2");
+}
+
+.body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow: hidden;
+    background-color: black;
+}
+
+.header {
+    font-weight: 600;
+    font-family: Pirata One;
+    font-size: clamp(1em, 12em, 40vw);
+    user-select: none;
+    line-height: 1;
+    overflow: hidden;
+    color: white;
+}
+
+@supports not (-moz-appearance: none) {
+    .header {
+        font-weight: 400;
+    }
+}