futile/futile.eu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modifications and whatnot

Browse Source
This commit is contained in:
futile
2024-11-14 21:17:53 +00:00
parent 50c66eb6d1
commit 26dd9dcd57
1 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -25
View File
@@ -6,8 +6,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>
<script> let FF_FOUC_FIX; </script> <script> let FF_FOUC_FIX; </script>
<link rel="dns-prefetch" href="//incr.easrng.net"> <link rel="dns-prefetch" href="https://incr.easrng.net">
<link rel="preload" href="//incr.easrng.net/bg.gif" as="image"> <link rel="preload" href="https://incr.easrng.net/bg.gif" as="image">
</head> </head>
<style> <style>
@@ -109,34 +109,32 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin: 0 auto; margin: 0 auto;
height: 2.9em; height: 3em;
font-size: 0.95em;
} }
</style> </style>
<!-- WARNING! this website contains javascript. proceed with caution. --> <!-- WARNING! this website contains javascript. proceed with caution. -->
<script> <script>
const texts = [ const texts = [
"who are you", 'who are you',
"lorem ipsum dolor sit amet", 'lorem ipsum dolor sit amet',
"hot garfields in your area", 'hot garfields in your area',
"don't forget to drink water" 'don\'t forget to drink water',
'do you like hurting other people?',
]; ];
function setRandomText() { function setRandomText() {
document.querySelector('#quote').textContent = texts[Math.floor(Math.random() * texts.length)]; document.querySelector('#quote').textContent = texts[Math.floor(Math.random() * texts.length)];
} }
document.addEventListener('DOMContentLoaded', setRandomText); document.addEventListener('DOMContentLoaded', setRandomText);
</script> </script>
<script> <script>
const characters = ['◇', '◆']; const characters = ['♙', '♟'];
let currentIndex = 0; let currentIndex = 0;
function cycleText() { function cycleText() {
document.querySelector('#thing').textContent = characters[currentIndex]; document.querySelector('#bullet').textContent = characters[currentIndex];
currentIndex = currentIndex === 0 ? 1 : 0; currentIndex = currentIndex === 0 ? 1 : 0;
} }
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
cycleText(); cycleText();
setInterval(cycleText, 1000); setInterval(cycleText, 1000);
@@ -150,11 +148,7 @@
<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 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 like programming (mostly rust), computers, linux, malicious software like game hacks and malware, and any vehicle whether it drives or flies.<br><br>if you want to contact me, email <a class="click" href="mailto:me@futile.eu">me@futile.eu</a>
who you ask).<br><br>
i like programming (mostly rust), computers, linux, malicious software like game hacks and
malware, and any vehicle whether it drives or flies.<br><br>
if you want to contact me, email <a class="click" href="mailto:me@futile.eu">me@futile.eu</a>
</p> </p>
</div> </div>
<div style="position: absolute; bottom: 0; left: 0; right: 0;"> <div style="position: absolute; bottom: 0; left: 0; right: 0;">
@@ -162,9 +156,9 @@
<ul class="buttons"> <ul class="buttons">
<li><a href="https://futile.eu"><img src="buttons/futile.png" width="88px" height="31px" alt="by futile"></a></li> <li><a href="https://futile.eu"><img src="buttons/futile.png" width="88px" height="31px" alt="by futile"></a></li>
<li><a href="https://xenia.blahaj.land/"><img src="buttons/rose_88x31.png" width="88px" height="31px" alt="by rose"></a></li> <li><a href="https://xenia.blahaj.land/"><img src="buttons/rose_88x31.png" width="88px" height="31px" alt="by rose"></a></li>
<li><iframe src="//incr.easrng.net/badge?key=futile" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe></li> <li><iframe src="//incr.easrng.net/badge?key=futile" style="background: url(https://incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe></li>
<li><a href="https://fedoraproject.org/spins/kde"><img src="buttons/fedora.png" width="88px" height="31px" alt="by unknown; retouched by futile"></a></li> <li><a href="https://fedoraproject.org/spins/kde"><img src="buttons/fedora.png" width="88px" height="31px" alt="by unknown; retouched by futile"></a></li>
<li><a href="https://mozilla.org/firefox"><img src="buttons/firefox4.gif" width="88px" height="31px" alt="by unknown"></a></li> <li><a href="https://mozilla.org/firef&nbsp;x"><img src="buttons/firefox4.gif" width="88px" height="31px" alt="by unknown"></a></li>
<li><a href="https://vscodium.com"><img src="buttons/vscodium.com.png" width="88px" height="31px" alt="by unknown"></a></li> <li><a href="https://vscodium.com"><img src="buttons/vscodium.com.png" width="88px" height="31px" alt="by unknown"></a></li>
<li><img src="buttons/FirtniteButton.png" onclick="alert('firt night')" width="88px" height="31px" alt="by unknown"></li> <li><img src="buttons/FirtniteButton.png" onclick="alert('firt night')" width="88px" height="31px" alt="by unknown"></li>
<li><a href="https://ublockorigin.com"><img src="buttons/ublock.png" width="88px" height="31px" alt="by unknown"></a></li> <li><a href="https://ublockorigin.com"><img src="buttons/ublock.png" width="88px" height="31px" alt="by unknown"></a></li>
@@ -172,11 +166,10 @@
</ul> </ul>
</div> </div>
<div class="footer"> <div class="footer">
<p id="quote">who are you</p> <p id="quote">who are you</p>&nbsp;
&nbsp; <p id="bullet" style="user-select: none;">◇</p>&nbsp;
<p id="thing" style="user-select: none;">◇</p> <p><a class="click" target="_blank" href="https://codeberg.org/futile">codeberg</a></p>&nbsp;
&nbsp; <p><a class="click" target="_blank" href="https://steamcommunity.com/id/elituf">steam</a></p>
<p><a class="click" target="_blank" href="https://codeberg.org/futile">codeberg</a></p>
</div> </div>
</div> </div>
</body> </body>