From a3fa2d809f0cc162b00e4a8653222530ca120e20 Mon Sep 17 00:00:00 2001 From: futile Date: Sat, 14 Dec 2024 11:05:42 +0000 Subject: [PATCH] load buttons' alt texts from json --- .vscode/settings.json | 3 ++ index.html | 68 +++++++++++++++++---------------------- static/buttons/_alts.json | 18 +++++++++++ 3 files changed, 50 insertions(+), 39 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 static/buttons/_alts.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..b3e5d19 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "html.format.wrapLineLength": 160 +} diff --git a/index.html b/index.html index 01ce500..1b54d10 100644 --- a/index.html +++ b/index.html @@ -185,6 +185,16 @@ const randomIndex = Math.floor(Math.random() * quotes.length); document.getElementById('quote').textContent = '« ' + quotes[randomIndex] + ' »'; }); + + 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));
- button that says 'futile' in white, grotesque font, on a black background, with a white outline | by futile - button that says 'rose' with a rose growing out of the 'o', with milk-chan to the right of the text | by rose - - - - button that says 'made with vscodium' in light blue, with the vscodium logo to the right | by unknown - button that says 'firtnite' (a misspelling of 'fortnite'), otherwise looks very similar to an old fortnite title screen | by unknown - button (grey) that says 'ublock origin now!', with the ublock origin red logo to the left | by unknown - button (grey) that says 'rust now!', with the rust gear logo to the left and a yellow banner that says '1.82.0' on the to the bottom right | by futile - button (grey) that says 'piracy now!', with a jolly roger flag to the left and a black banner that says 'free' on the to the bottom right | by unknown; retouched by futile - - - button with a glowing white border that says 'vostok.one' with some small text below that that says '$ tread carefully', all in black and white | by futile - - - + + + + + + + + + + + + + - button that says 'powered by fedora' in white and blue, with the fedora logo to the left | by unknown; retouched by futile - 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 + + + + +

 

diff --git a/static/buttons/_alts.json b/static/buttons/_alts.json new file mode 100644 index 0000000..aaf4993 --- /dev/null +++ b/static/buttons/_alts.json @@ -0,0 +1,18 @@ +{ + "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.png": "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", + "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.png": "button that says 'michal' on a blue canvas within a windows 95 inspired grey frame | by futile", + "piracy.png": "button (grey) that says 'piracy now!', with a jolly roger flag to the left and a black banner that says 'free' on the to the bottom right | by unknown; retouched by futile", + "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 that says '1.82.0' on the to the bottom right | 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", + "ublock.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" +}