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

trying out unocss

Browse Source
This commit is contained in:
futile
2025-11-08 05:54:00 +00:00
parent c3679d2d55
commit 90f83036cf
2 changed files with 18 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -5
View File
@@ -5,14 +5,27 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>futile</title> <title>futile</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml"> <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
<script src="https://cdn.jsdelivr.net/npm/@unocss/runtime/mini.global.js"></script>
<style>
@font-face {
font-family: "Bokor";
src: url("assets/Bokor-Regular.woff2") format("woff2");
}
/* because chromium renders this font like dogshit at weight 600 */
@supports not (-moz-appearance: none) {
h1 {
font-weight: 400;
}
}
</style>
</head> </head>
<body> <body
<div class="container"> class="m-0 bg-black cursor-[url('assets/F-16.ico'),_default] overflow-hidden flex justify-center items-center h-screen">
<h1 class="title" onclick="window.location.href='mailto:me@futile.eu'">futile</h1> <h1 class="text-white font-[Bokor] text-[clamp(1em,12em,40vw)] select-none leading-none overflow-hidden"
</div> onclick="window.location.href='mailto:me@futile.eu'">futile</h1>
</body> </body>
</html> </html>
style.css
-35
View File
@@ -1,35 +0,0 @@
@font-face {
font-family: "Bokor";
src: url("assets/Bokor-Regular.woff2") format("woff2");
}
html,
body {
margin: 0;
background-color: black;
cursor: url("assets/F-16.ico"), default;
overflow: hidden;
}
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.title {
color: white;
font-family: "Bokor";
font-size: clamp(1em, 12em, 40vw);
user-select: none;
/* make click area be much tighter */
line-height: 1;
overflow: hidden;
/* because chromium renders this font like dogshit at weight 600 */
@supports not (-moz-appearance: none) {
font-weight: 400;
}
}