custom cursors

small fixes
prepare for greatness
2026-07-26 03:45:52 +01:00 · 2026-07-26 03:25:09 +01:00 · 2026-07-26 02:57:17 +01:00 · 2026-07-23 17:29:46 +01:00 · 2026-07-23 16:58:40 +01:00 · 2026-07-23 16:17:51 +01:00
20 changed files with 105 additions and 84 deletions
@@ -1 +1 @@
-
+.wrangler
@@ -1,11 +0,0 @@
-image: busybox
-
-pages:
-  stage: deploy
-  script:
-    - echo "The site will be deployed to $CI_PAGES_URL"
-  artifacts:
-    paths:
-      - public
-  rules:
-    - if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
@@ -0,0 +1,11 @@
+# futile.eu
+
+yeah that's me
+
+### deploy
+
+`npx wrangler pages deploy .`
+
+### todo
+
+- [ ] figure out what the hell is going on with the gothic font
@@ -0,0 +1,3 @@
+/buttons/* /assets/buttons/:splat 200
+
+/gta-tools https://git.atom.town/futile/gta-tools 301
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<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/fonts.css" />
+    <link rel="stylesheet" href="style/style.css" />
+</head>
+
+<body class="flex justify-center items-center overflow-hidden">
+    <div class="flex flex-col items-center max-w-lg">
+        <h1 class="leading-none select-none text-white" onclick="window.location.href = 'mailto:me@futile.eu'">
+            futile
+        </h1>
+    </div>
+</body>
+
+</html>
@@ -1,3 +0,0 @@
-/buttons/* /assets/buttons/:splat 200
-
-/gta-tools https://gitlab.com/futile/gta-tools 301
@@ -1,17 +0,0 @@
-<!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>
-</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";
-  }
-});
@@ -0,0 +1,32 @@
+@font-face {
+    font-family: "Pirata One";
+    src: url("../assets/Pirata One.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../assets/Iosevka-Regular-subset.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: normal;
+    font-weight: 700;
+    src: url("../assets/Iosevka-Bold-subset.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: italic;
+    font-weight: 400;
+    src: url("../assets/Iosevka-Italic-subset.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Iosevka";
+    font-style: italic;
+    font-weight: 700;
+    src: url("../assets/Iosevka-BoldItalic-subset.woff2") format("woff2");
+}
@@ -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,37 @@
+body {
+    margin: 8px;
+    min-height: 100dvh;
+    background-color: black;
+    color: white;
+    cursor: url("../assets/cursor_black.png"), auto;
+}
+
+h1 {
+    font-family: "Pirata One";
+    font-size: min(40vw, 12em);
+    font-weight: 600;
+    @supports not (-moz-appearance: none) {
+        font-weight: 400;
+    }
+}
+
+p {
+    font-family: "Iosevka";
+}
+
+/* tailwind lite */
+.flex { display: flex; }
+.flex-col { flex-direction: column; }
+
+.justify-center { justify-content: center; }
+
+.items-center { align-items: center; }
+
+.overflow-hidden { overflow: hidden; }
+
+.leading-none { line-height: 1; }
+
+.max-w-lg { max-width: 32rem }
+
+.select-none { user-select: none; }
+/* tailwind lite */
Author	SHA1	Message	Date
futile	1c401b3efa	custom cursors	2026-07-26 03:45:52 +01:00
futile	96dc912c6c	small fixes	2026-07-26 03:25:09 +01:00
futile	c95a2a4806	prepare for greatness	2026-07-26 02:57:17 +01:00
futile	8e2516b90f	update gta-tools redirect	2026-07-23 17:29:46 +01:00
futile	4663210f91	small cleanup	2026-07-23 16:58:40 +01:00
futile	5c16c28a40	deploy stuff	2026-07-23 16:17:51 +01:00
futile	5f27b3813b	old file structure	2026-07-23 16:11:33 +01:00