Compare commits
7
Commits
cb894433c5
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
 futile
|
1c401b3efa | ||
|
futile
|
96dc912c6c | ||
|
futile
|
c95a2a4806 | ||
|
futile
|
8e2516b90f | ||
|
futile
|
4663210f91 | ||
|
futile
|
5c16c28a40 | ||
|
futile
|
5f27b3813b |
+1
-1
@@ -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
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 405 B |
|
Before Width: | Height: | Size: 239 B After Width: | Height: | Size: 239 B |
Binary file not shown.
|
After Width: | Height: | Size: 651 B |
+21
@@ -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;
|
isolation: isolate;
|
||||||
}
|
}
|
||||||
/* CSS reset */
|
/* 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 */
|
||||||
Reference in New Issue
Block a user