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
11 changed files with 79 additions and 29 deletions
@@ -2,6 +2,10 @@

 yeah that's me

-## deploy
+### deploy

-`npx wrangler pages deploy .` i guess
+`npx wrangler pages deploy .`
+
+### todo
+
+- [ ] figure out what the hell is going on with the gothic font
@@ -1,3 +1,3 @@
 /buttons/* /assets/buttons/:splat 200

-/gta-tools https://gitlab.com/futile/gta-tools 301
+/gta-tools https://git.atom.town/futile/gta-tools 301
@@ -1,15 +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="body">
-    <h1 class="header" onclick="window.location.href = 'mailto:me@futile.eu'">
+
+<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>
@@ -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");
+}
@@ -1,29 +1,37 @@
-@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;
+body {
+    margin: 8px;
+    min-height: 100dvh;
    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;
+    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) {
-    .header {
        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