become empty
@@ -1,9 +0,0 @@
|
||||
www.futile.eu {
|
||||
redir https://futile.eu{uri}
|
||||
}
|
||||
|
||||
futile.eu {
|
||||
root * /opt/site
|
||||
file_server
|
||||
encode gzip zstd
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
## site
|
||||
my website on the internet
|
||||
|
||||
## stack
|
||||
so basically:
|
||||
- [html](https://html.spec.whatwg.org/), [css](https://www.w3.org/TR/CSS/), [js](https://ecma-international.org/publications-and-standards/standards/ecma-262/)
|
||||
- [caddy server](https://caddyserver.com)
|
||||
- a thinkpad t440p with no eyes or heart
|
||||
- [cloudflare](https://www.cloudflare.com/)
|
||||
@@ -1,114 +0,0 @@
|
||||
@font-face {
|
||||
font-family: "Bokor";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src:
|
||||
local("Bokor"),
|
||||
url("static/fonts/bokor.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "IBM Plex Mono";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src:
|
||||
local("IBM Plex Mono"),
|
||||
url("static/fonts/ibm-plex-mono.woff2") format("woff2");
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary-color: white;
|
||||
--background-color: black;
|
||||
}
|
||||
|
||||
body,
|
||||
.separator,
|
||||
.click,
|
||||
.footer.buttons img {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
font-family: "IBM Plex Mono", monospace;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: var(--primary-color);
|
||||
color: var(--background-color);
|
||||
}
|
||||
|
||||
.box,
|
||||
.footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
max-width: 440px;
|
||||
margin: 0 auto;
|
||||
padding: 0 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-family: "Bokor", sans-serif;
|
||||
font-size: 5em;
|
||||
line-height: 1em;
|
||||
margin: 0.2em 0 0 0;
|
||||
user-select: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@supports (-moz-appearance: none) {
|
||||
.main-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin: 0.5em auto 0em;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.content {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.click {
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
.click:hover {
|
||||
text-decoration: underline solid;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
margin: 24px auto auto auto;
|
||||
}
|
||||
|
||||
@media (min-height: 720px) {
|
||||
.footer-container {
|
||||
position: absolute;
|
||||
inset: auto 0 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer.buttons {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.footer.buttons a,
|
||||
.footer.buttons img {
|
||||
cursor: pointer;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.footer.quote {
|
||||
text-align: center;
|
||||
margin: -8px auto auto auto;
|
||||
}
|
||||
|
||||
.footer.links {
|
||||
margin: -12px auto auto auto;
|
||||
gap: 6px;
|
||||
}
|
||||
@@ -1,167 +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="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://clue.is-a.dev/" target="_blank"
|
||||
><img src="static/buttons/clue.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>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,29 +0,0 @@
|
||||
// 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...",
|
||||
];
|
||||
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));
|
||||
@@ -1,3 +0,0 @@
|
||||
setup:
|
||||
sudo cp Caddyfile /etc/caddy/Caddyfile.d/futile.eu.caddyfile
|
||||
sudo systemctl reload caddy
|
||||
|
Before Width: | Height: | Size: 5.3 KiB |
@@ -1,19 +0,0 @@
|
||||
{
|
||||
"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",
|
||||
"clue.png": "button with a white border that says 'clue' with a dollar sign to the left and a magnifying glass to the right, on a black background; by clue",
|
||||
"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",
|
||||
"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"
|
||||
}
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 658 B |
|
Before Width: | Height: | Size: 7.8 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 605 B |
|
Before Width: | Height: | Size: 4.8 KiB |
|
Before Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 23 KiB |
|
Before Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 415 B |
|
Before Width: | Height: | Size: 923 B |
@@ -1,6 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-40 -40 80 80">
|
||||
<circle r="39"/>
|
||||
<path fill="#fff" d="M0,38a38,38 0 0 1 0,-76a19,19 0 0 1 0,38a19,19 0 0 0 0,38"/>
|
||||
<circle r="5" cy="19" fill="#fff"/>
|
||||
<circle r="5" cy="-19"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 239 B |