load buttons' alt texts from json

This commit is contained in:
2024-12-14 11:05:42 +00:00
parent a6b0d4619f
commit a3fa2d809f
3 changed files with 50 additions and 39 deletions
+3
View File
@@ -0,0 +1,3 @@
{
"html.format.wrapLineLength": 160
}
+29 -39
View File
@@ -185,6 +185,16 @@
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] + ' »';
}); });
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));
</script> </script>
<link rel="icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdC <link rel="icon" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdC
b3g9Ii00MCAtNDAgODAgODAiPgogIDxjaXJjbGUgcj0iMzkiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCwzOGEzOCwzOCAwIDAgM b3g9Ii00MCAtNDAgODAgODAiPgogIDxjaXJjbGUgcj0iMzkiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCwzOGEzOCwzOCAwIDAgM
@@ -215,46 +225,26 @@
</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="88px" height="31px" <a href="https://futile.eu" target="_blank"><img src="static/buttons/futile.png" width="88px" height="31px"></a>
alt="button that says 'futile' in white, grotesque font, on a black background, with a white outline | by futile" /></a> <a href="https://xenia.blahaj.land/" target="_blank"><img src="static/buttons/rose_88x31.png" width="88px" height="31px"></a>
<a href="https://xenia.blahaj.land/" target="_blank"><img src="static/buttons/rose_88x31.png" width="88px" <iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31" frameborder="0"
height="31px" style="background: url('https://increm.net/bg.png')"></iframe>
alt="button that says 'rose' with a rose growing out of the 'o', with milk-chan to the right of the text | by rose" /></a> <a href="https://schmool.cool" target="_blank"><img src="static/buttons/schmoolcool.gif" width="88px" height="31px"></a>
<iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31" <a href="https://vostok.one/~michal" target="_blank"><img src="static/buttons/michal.png" width="88px" height="31px"></a>
frameborder="0" style="background: url('https://increm.net/bg.png')"></iframe> <a href="https://vscodium.com" target="_blank"><img src="static/buttons/vscodium.com.png" width="88px" height="31px"></a>
<a href="https://schmool.cool" target="_blank"><img src="static/buttons/schmoolcool.gif" width="88px" <img src="static/buttons/FirtniteButton.png" onclick="alert('firt night')" width="88px" height="31px">
height="31px"></a> <a href="https://ublockorigin.com" target="_blank"><img src="static/buttons/ublock.png" width="88px" height="31px"></a>
<a href="https://vostok.one/~michal" target="_blank"><img src="static/buttons/michal.png" width="88px" <a href="https://rust-lang.org" target="_blank"><img src="static/buttons/rustNOW.png" width="88px" height="31px"></a>
height="31px"></a> <a href="https://1337x.to" target="_blank"><img src="static/buttons/piracy.png" width="88px" height="31px"></a>
<a href="https://vscodium.com" target="_blank"><img src="static/buttons/vscodium.com.png" width="88px" <a href="https://duckduckgo.com" target="_blank"><img src="static/buttons/ddg.gif" width="88px" height="31px"></a>
height="31px" <a href="https://upload.wikimedia.org/wikipedia/commons/5/5b/Michelangelo_-_Creation_of_Adam_%28cropped%29.jpg" target="_blank">
alt="button that says 'made with vscodium' in light blue, with the vscodium logo to the right | by unknown" /></a> <img src="static/buttons/fingerofgod.gif" width="88px" height="31px">
<img src="static/buttons/FirtniteButton.png" onclick="alert('firt night')" width="88px" height="31px"
alt="button that says 'firtnite' (a misspelling of 'fortnite'), otherwise looks very similar to an old fortnite title screen | by unknown" />
<a href="https://ublockorigin.com" target="_blank"><img src="static/buttons/ublock.png" width="88px"
height="31px"
alt="button (grey) that says 'ublock origin now!', with the ublock origin red logo to the left | by unknown" /></a>
<a href="https://rust-lang.org" target="_blank"><img src="static/buttons/rustNOW.png" width="88px"
height="31px"
alt="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" /></a>
<a href="https://1337x.to" target="_blank"><img src="static/buttons/piracy.png" width="88px" height="31px"
alt="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" /></a>
<a href="https://duckduckgo.com" target="_blank"><img src="static/buttons/ddg.gif" width="88px"
height="31px"></a>
<a href="https://upload.wikimedia.org/wikipedia/commons/5/5b/Michelangelo_-_Creation_of_Adam_%28cropped%29.jpg"
target="_blank"><img src="static/buttons/fingerofgod.gif" width="88px" height="31px"></a>
<a href="https://vostok.one" target="_blank"><img src="static/buttons/vostok.png" width="88px" height="31px"
alt="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" /></a>
<img src="static/buttons/sprunk.gif" onclick="alert('SORRY\nOUT OF\nORDER')" width="88px" height="31px">
<a href="https://ya.ru/" target="_blank">
<img src="static/buttons/yandex.gif" width="88px" height="31px">
</a> </a>
<a href="https://fedoraproject.org/spins/kde" target="_blank"><img src="static/buttons/fedora.png" <a href="https://vostok.one" target="_blank"><img src="static/buttons/vostok.png" width="88px" height="31px"></a>
width="88px" height="31px" <img src="static/buttons/sprunk.gif" onclick="alert('SORRY\nOUT OF\nORDER')" width="88px" height="31px">
alt="button that says 'powered by fedora' in white and blue, with the fedora logo to the left | by unknown; retouched by futile" /></a> <a href="https://ya.ru/" target="_blank"><img src="static/buttons/yandex.gif" width="88px" height="31px"></a>
<a href="https://mozilla.org/firefox" target="_blank"><img src="static/buttons/firefox4.gif" width="88px" <a href="https://fedoraproject.org/spins/kde" target="_blank"><img src="static/buttons/fedora.png" width="88px" height="31px"></a>
height="31px" <a href="https://mozilla.org/firefox" target="_blank"><img src="static/buttons/firefox4.gif" width="88px" height="31px"></a>
alt="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" /></a>
</div> </div>
<div class="footer quote"> <div class="footer quote">
<p id="quote">&nbsp;</p> <p id="quote">&nbsp;</p>
+18
View File
@@ -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"
}