succumb to zed
This commit is contained in:
Vendored
-3
@@ -1,3 +0,0 @@
|
||||
{
|
||||
"html.format.wrapLineLength": 160
|
||||
}
|
||||
@@ -3,7 +3,9 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
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 {
|
||||
@@ -11,7 +13,9 @@
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
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 {
|
||||
@@ -28,7 +32,7 @@ body,
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-family: "IBM Plex Mono", monospace;
|
||||
}
|
||||
|
||||
::selection {
|
||||
@@ -47,7 +51,7 @@ body {
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-family: 'Bokor', sans-serif;
|
||||
font-family: "Bokor", sans-serif;
|
||||
font-size: 5em;
|
||||
line-height: 1em;
|
||||
margin: 0.2em 0 0 0;
|
||||
|
||||
+164
-55
@@ -1,61 +1,170 @@
|
||||
<!DOCTYPE html>
|
||||
<!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="stylesheet" href="index.css" />
|
||||
<script src="index.js"></script>
|
||||
<link rel="icon" href="static/favicon.svg" type="image/svg+xml" />
|
||||
</head>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>futile</title>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<script src="index.js"></script>
|
||||
<link rel="icon" href="static/favicon.svg" type="image/svg+xml">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<script>0</script>
|
||||
<div class="box">
|
||||
<h1 class="main-title">futile</h1>
|
||||
</div>
|
||||
<hr class="separator">
|
||||
<div class="box">
|
||||
<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>
|
||||
i love computers, programming (mostly rust), linux, malicious software (i.e. game hacks, malware), playing games, and any 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>
|
||||
</div>
|
||||
<div class="footer-container">
|
||||
<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://pinkro.se/" target="_blank"><img src="static/buttons/rose_88x31.png" width="88" height="31"></a>
|
||||
<a href="https://astral.im" target="_blank"><img src="static/buttons/astral.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('https://increm.net/bg.png');"></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>
|
||||
<body>
|
||||
<script>
|
||||
0;
|
||||
</script>
|
||||
<div class="box">
|
||||
<h1 class="main-title">futile</h1>
|
||||
</div>
|
||||
<div class="footer quote">
|
||||
<p id="quote"> </p>
|
||||
<hr class="separator" />
|
||||
<div class="box">
|
||||
<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 />
|
||||
i love computers, programming (mostly rust), linux, malicious
|
||||
software (i.e. game hacks, malware), playing games, and any
|
||||
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>
|
||||
</div>
|
||||
<div class="footer links">
|
||||
<a class="click" 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 class="footer-container">
|
||||
<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://pinkro.se/" target="_blank"
|
||||
><img
|
||||
src="static/buttons/rose_88x31.png"
|
||||
width="88"
|
||||
height="31"
|
||||
/></a>
|
||||
<a href="https://astral.im" target="_blank"
|
||||
><img
|
||||
src="static/buttons/astral.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("https://increm.net/bg.png");
|
||||
"
|
||||
></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 class="footer quote">
|
||||
<p id="quote"> </p>
|
||||
</div>
|
||||
<div class="footer links">
|
||||
<a
|
||||
class="click"
|
||||
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>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,28 +1,29 @@
|
||||
// set the quote at bottom of page randomly
|
||||
const quotes = [
|
||||
"who are you",
|
||||
"lorem ipsum dolor sit amet",
|
||||
"hot garfields in your area",
|
||||
"remember to drink water",
|
||||
"i am not a web developer",
|
||||
"it's nice, isn't it?",
|
||||
"do you like hurting other people?",
|
||||
"check out increm.net !",
|
||||
"get real",
|
||||
"see you space cowboy..."
|
||||
"who are you",
|
||||
"lorem ipsum dolor sit amet",
|
||||
"hot garfields in your area",
|
||||
"remember to drink water",
|
||||
"i am not a web developer",
|
||||
"it's nice, isn't it?",
|
||||
"do you like hurting other people?",
|
||||
"check out increm.net !",
|
||||
"get real",
|
||||
"see you space cowboy...",
|
||||
];
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const randomIndex = Math.floor(Math.random() * quotes.length);
|
||||
document.getElementById('quote').textContent = '« ' + quotes[randomIndex] + ' »';
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
const randomIndex = Math.floor(Math.random() * quotes.length);
|
||||
document.getElementById("quote").textContent =
|
||||
"« " + quotes[randomIndex] + " »";
|
||||
});
|
||||
|
||||
// load alt texts for all buttons from json
|
||||
fetch('static/buttons/_alts.json')
|
||||
.then(response => response.json())
|
||||
.then(alts => {
|
||||
document.querySelectorAll("div.footer.buttons img").forEach(img => {
|
||||
const filename = img.src.split('/').pop();
|
||||
img.alt = alts[filename] || "no alt text available, sorry";
|
||||
});
|
||||
})
|
||||
.catch(error => console.error('error loading alt texts: ', error));
|
||||
fetch("static/buttons/_alts.json")
|
||||
.then((response) => response.json())
|
||||
.then((alts) => {
|
||||
document.querySelectorAll("div.footer.buttons img").forEach((img) => {
|
||||
const filename = img.src.split("/").pop();
|
||||
img.alt = alts[filename] || "no alt text available, sorry";
|
||||
});
|
||||
})
|
||||
.catch((error) => console.error("error loading alt texts: ", error));
|
||||
|
||||
+17
-17
@@ -1,19 +1,19 @@
|
||||
{
|
||||
"astral.gif": "button with a white dotted border that says 'astral' in a dot matrix font similar to the border, on a grey background; by astral",
|
||||
"ddg.gif": "button with a windows xp inspired window with a duckduckgo page inside it where someone is searching 'always use protection'; by unknown",
|
||||
"fedora.gif": "button that says 'powered by fedora' in white and blue, with the fedora logo to the left; by unknown; retouched by futile",
|
||||
"fingerofgod.gif": "button of michelangelo's famous painting 'creation of adam' cropped to just the 2 fingers touching, with an additional twinkling star within them; by unknown",
|
||||
"firefox4.gif": "button that flashes between the texts 'tested on' and 'firefox' in firefox's orange, yellow, and purple scheme, with the firefox logo to the left; by unknown",
|
||||
"FirtniteButton.png": "button that says 'firtnite' (a misspelling of 'fortnite'), otherwise looks very similar to an old fortnite title screen; by unknown",
|
||||
"futile.png": "button that says 'futile' in white, grotesque font, on a black background, with a white outline; by futile",
|
||||
"michal.gif": "button that says 'michal' on a blue canvas within a windows 95 inspired grey frame; by futile",
|
||||
"piracy2.gif": "button that says 'piracy now!' in an old-timey font, on a light brown background, with a skull and bones to the left but the skull is an audio tape; by unknown",
|
||||
"rose_88x31.png": "button that says 'rose' with a rose growing out of the 'o', with milk-chan to the right of the text; by rose",
|
||||
"rustNOW.png": "button (grey) that says 'rust now!', with the rust gear logo to the left and a yellow banner to the bottom right that says '2024'; by futile",
|
||||
"schmoolcool.gif": "button that says 'schmool cool' with a space themed void and a woman's hand flipping a balisong knife in between the 'schmool' and 'cool'; by schmoolcool",
|
||||
"sprunk.gif": "button that says 'sprunk' in a stylized way, with a green background and animated bubbles to each side of the text. it is a grand theft auto parody of the real drink 'sprite'; by unknown",
|
||||
"ubo.png": "button (grey) that says 'ublock origin now!', with the ublock origin red logo to the left; by unknown",
|
||||
"vostok.png": "button with a glowing white border that says 'vostok.one' with some small text below that says '$ tread carefully', all in black and white; by futile",
|
||||
"vscodium.com.png": "button that says 'made with vscodium' in light blue, with the vscodium logo to the right; by unknown",
|
||||
"yandex.gif": "button that says 'yandex' in a serif font where the 'ya' is the russian letter for 'ya'. the 'ya' is red and the rest of the text is black. the background is white; by unknown"
|
||||
"astral.gif": "button with a white dotted border that says 'astral' in a dot matrix font similar to the border, on a grey background; by astral",
|
||||
"ddg.gif": "button with a windows xp inspired window with a duckduckgo page inside it where someone is searching 'always use protection'; by unknown",
|
||||
"fedora.gif": "button that says 'powered by fedora' in white and blue, with the fedora logo to the left; by unknown; retouched by futile",
|
||||
"fingerofgod.gif": "button of michelangelo's famous painting 'creation of adam' cropped to just the 2 fingers touching, with an additional twinkling star within them; by unknown",
|
||||
"firefox4.gif": "button that flashes between the texts 'tested on' and 'firefox' in firefox's orange, yellow, and purple scheme, with the firefox logo to the left; by unknown",
|
||||
"FirtniteButton.png": "button that says 'firtnite' (a misspelling of 'fortnite'), otherwise looks very similar to an old fortnite title screen; by unknown",
|
||||
"futile.png": "button that says 'futile' in white, grotesque font, on a black background, with a white outline; by futile",
|
||||
"michal.gif": "button that says 'michal' on a blue canvas within a windows 95 inspired grey frame; by futile",
|
||||
"piracy2.gif": "button that says 'piracy now!' in an old-timey font, on a light brown background, with a skull and bones to the left but the skull is an audio tape; by unknown",
|
||||
"rose_88x31.png": "button that says 'rose' with a rose growing out of the 'o', with milk-chan to the right of the text; by rose",
|
||||
"rustNOW.png": "button (grey) that says 'rust now!', with the rust gear logo to the left and a yellow banner to the bottom right that says '2024'; by futile",
|
||||
"schmoolcool.gif": "button that says 'schmool cool' with a space themed void and a woman's hand flipping a balisong knife in between the 'schmool' and 'cool'; by schmoolcool",
|
||||
"sprunk.gif": "button that says 'sprunk' in a stylized way, with a green background and animated bubbles to each side of the text. it is a grand theft auto parody of the real drink 'sprite'; by unknown",
|
||||
"ubo.png": "button (grey) that says 'ublock origin now!', with the ublock origin red logo to the left; by unknown",
|
||||
"vostok.png": "button with a glowing white border that says 'vostok.one' with some small text below that says '$ tread carefully', all in black and white; by futile",
|
||||
"vscodium.com.png": "button that says 'made with vscodium' in light blue, with the vscodium logo to the right; by unknown",
|
||||
"yandex.gif": "button that says 'yandex' in a serif font where the 'ya' is the russian letter for 'ya'. the 'ya' is red and the rest of the text is black. the background is white; by unknown"
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user