futile/futile.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prepare for greatness

Browse Source
This commit is contained in:
futile
2026-07-26 02:57:17 +01:00
parent 8e2516b90f
commit c95a2a4806
7 changed files with 72 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/Iosevka-Bold-subset.woff2
BIN
View File
Binary file not shown.
assets/Iosevka-BoldItalic-subset.woff2
BIN
View File
Binary file not shown.
assets/Iosevka-Italic-subset.woff2
BIN
View File
Binary file not shown.
assets/Iosevka-Regular-subset.woff2
BIN
View File
Binary file not shown.
index.html
+10 -4
View File
@@ -1,15 +1,21 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>futile</title> <title>futile</title>
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml" /> <link rel="icon" href="assets/favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="style/reset.css" /> <link rel="stylesheet" href="style/reset.css" />
<link rel="stylesheet" href="style/fonts.css" />
<link rel="stylesheet" href="style/style.css" /> <link rel="stylesheet" href="style/style.css" />
</head> </head>
<body class="body">
<h1 class="header" onclick="window.location.href = 'mailto:me@futile.eu'"> <body class="flex justify-center items-center overflow-hidden bg-black">
futile <div class="flex flex-col items-center max-w-lg">
</h1> <h1 class="leading-none select-none text-white header" onclick="window.location.href = 'mailto:me@futile.eu'">
futile
</h1>
</div>
</body> </body>
</html> </html>
style/fonts.css
+32
View File
@@ -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");
}
style/style.css
+30 -22
View File
@@ -1,29 +1,37 @@
@font-face { body {
font-family: "Pirata One"; min-height: 100dvh;
src: url("../assets/Pirata One.woff2") format("woff2");
} }
.body { h1 {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
background-color: black;
}
.header {
font-weight: 600;
font-family: Pirata One; font-family: Pirata One;
font-size: clamp(1em, 12em, 40vw); font-size: clamp(1em, 12em, 40vw);
user-select: none; font-weight: 600;
line-height: 1; @supports not (-moz-appearance: none) {
overflow: hidden;
color: white;
}
@supports not (-moz-appearance: none) {
.header {
font-weight: 400; 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; }
.bg-black { background-color: black; }
.text-white { color: white; }
/* tailwind lite */