succumb to zed

This commit is contained in:
2025-06-24 06:38:39 +01:00
parent c9d06ff2e3
commit 18d2900ac3
5 changed files with 212 additions and 101 deletions
-3
View File
@@ -1,3 +0,0 @@
{
"html.format.wrapLineLength": 160
}
+8 -4
View File
@@ -3,7 +3,9 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: local("Bokor"), url("static/fonts/bokor.woff2") format("woff2"); src:
local("Bokor"),
url("static/fonts/bokor.woff2") format("woff2");
} }
@font-face { @font-face {
@@ -11,7 +13,9 @@
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; font-display: swap;
src: local("IBM Plex Mono"), url("static/fonts/ibm-plex-mono.woff2") format("woff2"); src:
local("IBM Plex Mono"),
url("static/fonts/ibm-plex-mono.woff2") format("woff2");
} }
:root { :root {
@@ -28,7 +32,7 @@ body,
body { body {
background-color: var(--background-color); background-color: var(--background-color);
font-family: 'IBM Plex Mono', monospace; font-family: "IBM Plex Mono", monospace;
} }
::selection { ::selection {
@@ -47,7 +51,7 @@ body {
} }
.main-title { .main-title {
font-family: 'Bokor', sans-serif; font-family: "Bokor", sans-serif;
font-size: 5em; font-size: 5em;
line-height: 1em; line-height: 1em;
margin: 0.2em 0 0 0; margin: 0.2em 0 0 0;
+149 -40
View File
@@ -1,61 +1,170 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head> <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="index.css"> <link rel="stylesheet" href="index.css" />
<script src="index.js"></script> <script src="index.js"></script>
<link rel="icon" href="static/favicon.svg" type="image/svg+xml"> <link rel="icon" href="static/favicon.svg" type="image/svg+xml" />
</head> </head>
<body> <body>
<script>0</script> <script>
0;
</script>
<div class="box"> <div class="box">
<h1 class="main-title">futile</h1> <h1 class="main-title">futile</h1>
</div> </div>
<hr class="separator"> <hr class="separator" />
<div class="box"> <div class="box">
<p class="content"> <p class="content">
hello, my name is futile. i am a weird concept from the internet, or, a person from europe, depending on who you ask.<br><br> hello, my name is futile. i am a weird concept from the
i love computers, programming (mostly rust), linux, malicious software (i.e. game hacks, malware), playing games, and any vehicle whether it runs on internet, or, a person from europe, depending on who you ask.<br /><br />
the ground or in the air.<br><br> i love computers, programming (mostly rust), linux, malicious
everything i know about the aforementioned things is self-taught. i also speak english and russian fluently.<br><br> software (i.e. game hacks, malware), playing games, and any
if you want to contact me, email <a class="click" href="mailto:me@futile.eu">me@futile.eu</a><br><br> vehicle whether it runs on the ground or in the air.<br /><br />
everything i know about the aforementioned things is
self-taught. i also speak english and russian fluently.<br /><br />
if you want to contact me, email
<a class="click" href="mailto:me@futile.eu">me@futile.eu</a
><br /><br />
</p> </p>
</div> </div>
<div class="footer-container"> <div class="footer-container">
<div class="footer buttons"> <div class="footer buttons">
<a href="https://futile.eu" target="_blank"><img src="static/buttons/futile.png" width="88" height="31"></a> <a href="https://futile.eu" target="_blank"
<a href="https://pinkro.se/" target="_blank"><img src="static/buttons/rose_88x31.png" width="88" height="31"></a> ><img
<a href="https://astral.im" target="_blank"><img src="static/buttons/astral.gif" width="88" height="31"></a> src="static/buttons/futile.png"
<a href="https://schmool.cool" target="_blank"><img src="static/buttons/schmoolcool.gif" width="88" height="31"></a> width="88"
<a href="https://mchal.lol" target="_blank"><img src="static/buttons/michal.gif" width="88" height="31"></a> height="31"
<img src="static/buttons/FirtniteButton.png" onclick="alert('firt night')" width="88" height="31"> /></a>
<a href="https://ublockorigin.com" target="_blank"><img src="static/buttons/ubo.png" width="88" height="31"></a> <a href="https://pinkro.se/" target="_blank"
<iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31" ><img
style="border: none; background: url('https://increm.net/bg.png');"></iframe> src="static/buttons/rose_88x31.png"
<a href="https://www.rust-lang.org/" target="_blank"><img src="static/buttons/rustNOW.png" width="88" height="31"></a> width="88"
<a href="https://fmhy.net/" target="_blank"><img src="static/buttons/piracy2.gif" width="88" height="31"></a> height="31"
<a href="https://duckduckgo.com" target="_blank"><img src="static/buttons/ddg.gif" width="88" height="31"></a> /></a>
<a href="https://en.wikipedia.org/wiki/The_Creation_of_Adam" target="_blank"><img src="static/buttons/fingerofgod.gif" width="88" height="31"></a> <a href="https://astral.im" target="_blank"
<a href="https://vostok.one" target="_blank"><img src="static/buttons/vostok.png" width="88" height="31"></a> ><img
<img src="static/buttons/sprunk.gif" onclick="alert('SORRY\nOUT OF\nORDER')" width="88" height="31"> src="static/buttons/astral.gif"
<a href="https://ya.ru/" target="_blank"><img src="static/buttons/yandex.gif" width="88" height="31"></a> width="88"
<a href="https://vscodium.com" target="_blank"><img src="static/buttons/vscodium.com.png" width="88" height="31"></a> height="31"
<a href="https://fedoraproject.org/spins/kde" target="_blank"><img src="static/buttons/fedora.gif" width="88" height="31"></a> /></a>
<a href="https://mozilla.org/firefox" target="_blank"><img src="static/buttons/firefox4.gif" width="88" height="31"></a> <a href="https://schmool.cool" target="_blank"
><img
src="static/buttons/schmoolcool.gif"
width="88"
height="31"
/></a>
<a href="https://mchal.lol" target="_blank"
><img
src="static/buttons/michal.gif"
width="88"
height="31"
/></a>
<img
src="static/buttons/FirtniteButton.png"
onclick="alert('firt night')"
width="88"
height="31"
/>
<a href="https://ublockorigin.com" target="_blank"
><img src="static/buttons/ubo.png" width="88" height="31"
/></a>
<iframe
src="https://increm.net/badge?key=futile"
title="incremnet badge"
width="88"
height="31"
style="
border: none;
background: url(&quot;https://increm.net/bg.png&quot;);
"
></iframe>
<a href="https://www.rust-lang.org/" target="_blank"
><img
src="static/buttons/rustNOW.png"
width="88"
height="31"
/></a>
<a href="https://fmhy.net/" target="_blank"
><img
src="static/buttons/piracy2.gif"
width="88"
height="31"
/></a>
<a href="https://duckduckgo.com" target="_blank"
><img src="static/buttons/ddg.gif" width="88" height="31"
/></a>
<a
href="https://en.wikipedia.org/wiki/The_Creation_of_Adam"
target="_blank"
><img
src="static/buttons/fingerofgod.gif"
width="88"
height="31"
/></a>
<a href="https://vostok.one" target="_blank"
><img
src="static/buttons/vostok.png"
width="88"
height="31"
/></a>
<img
src="static/buttons/sprunk.gif"
onclick="alert('SORRY\nOUT OF\nORDER')"
width="88"
height="31"
/>
<a href="https://ya.ru/" target="_blank"
><img
src="static/buttons/yandex.gif"
width="88"
height="31"
/></a>
<a href="https://vscodium.com" target="_blank"
><img
src="static/buttons/vscodium.com.png"
width="88"
height="31"
/></a>
<a href="https://fedoraproject.org/spins/kde" target="_blank"
><img
src="static/buttons/fedora.gif"
width="88"
height="31"
/></a>
<a href="https://mozilla.org/firefox" target="_blank"
><img
src="static/buttons/firefox4.gif"
width="88"
height="31"
/></a>
</div> </div>
<div class="footer quote"> <div class="footer quote">
<p id="quote">&nbsp;</p> <p id="quote">&nbsp;</p>
</div> </div>
<div class="footer links"> <div class="footer links">
<a class="click" target="_blank" href="https://codeberg.org/futile">git</a> <a
<a class="click" target="_blank" href="https://steamcommunity.com/id/elituf">steam</a> class="click"
<a class="click" target="_blank" href="https://bsky.app/profile/futile.eu">bsky</a> target="_blank"
href="https://codeberg.org/futile"
>git</a
>
<a
class="click"
target="_blank"
href="https://steamcommunity.com/id/elituf"
>steam</a
>
<a
class="click"
target="_blank"
href="https://bsky.app/profile/futile.eu"
>bsky</a
>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
+10 -9
View File
@@ -9,20 +9,21 @@ const quotes = [
"do you like hurting other people?", "do you like hurting other people?",
"check out increm.net !", "check out increm.net !",
"get real", "get real",
"see you space cowboy..." "see you space cowboy...",
]; ];
document.addEventListener('DOMContentLoaded', () => { document.addEventListener("DOMContentLoaded", () => {
const randomIndex = Math.floor(Math.random() * quotes.length); const randomIndex = Math.floor(Math.random() * quotes.length);
document.getElementById('quote').textContent = '« ' + quotes[randomIndex] + ' »'; document.getElementById("quote").textContent =
"« " + quotes[randomIndex] + " »";
}); });
// load alt texts for all buttons from json // load alt texts for all buttons from json
fetch('static/buttons/_alts.json') fetch("static/buttons/_alts.json")
.then(response => response.json()) .then((response) => response.json())
.then(alts => { .then((alts) => {
document.querySelectorAll("div.footer.buttons img").forEach(img => { document.querySelectorAll("div.footer.buttons img").forEach((img) => {
const filename = img.src.split('/').pop(); const filename = img.src.split("/").pop();
img.alt = alts[filename] || "no alt text available, sorry"; img.alt = alts[filename] || "no alt text available, sorry";
}); });
}) })
.catch(error => console.error('error loading alt texts: ', error)); .catch((error) => console.error("error loading alt texts: ", error));