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

change stuff

Browse Source
This commit is contained in:
futile
2024-11-06 15:00:29 +00:00
parent d4b7f07070
commit 119d7f3317
1 changed files with 59 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+59 -17
View File
@@ -6,6 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>« futile »</title>
<script> let FF_FOUC_FIX; </script>
<link rel="dns-prefetch" href="//incr.easrng.net">
<link rel="preload" href="//incr.easrng.net/bg.gif" as="image">
</head>
<style>
@@ -18,12 +20,17 @@
}
p {
letter-spacing: -0.02em;
letter-spacing: -0.07em;
}
.email {
color: white;
text-decoration: underline dotted;
.box {
display: flex;
justify-content: center;
align-items: center;
max-width: 480px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.main-title {
@@ -56,14 +63,9 @@
line-height: 1.3em;
}
.box {
display: flex;
justify-content: center;
align-items: center;
max-width: 480px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
.click {
color: white;
text-decoration: underline dotted;
}
div.buttons {
@@ -72,6 +74,7 @@
align-items: center;
max-width: 480px;
margin: 0 auto;
padding: 0 20px;
position: absolute;
bottom: 50px;
left: 0;
@@ -88,8 +91,8 @@
}
ul.buttons li {
margin-right: 3px;
line-height: 1;
/* margin-right: 3px; */
line-height: 0;
}
div.footer {
@@ -101,6 +104,40 @@
}
</style>
<!-- WARNING! this website contains javascript. proceed with caution. -->
<script>
const texts = [
"who are you",
"lorem ipsum dolor sit amet",
"hot garfields in your area",
"don't forget to drink water"
];
function setRandomText() {
const paragraph = document.querySelector('#quote');
const randomText = texts[Math.floor(Math.random() * texts.length)];
paragraph.textContent = randomText;
}
document.addEventListener('DOMContentLoaded', setRandomText);
</script>
<script>
const characters = ['◇', '◆'];
let currentIndex = 0;
function cycleText() {
const paragraph = document.querySelector('#thing');
paragraph.textContent = characters[currentIndex];
currentIndex = (currentIndex + 1) % characters.length;
}
document.addEventListener('DOMContentLoaded', () => {
cycleText();
setInterval(cycleText, 1000);
});
</script>
<body>
<div class="box">
<h1 class="main-title">futile</h1>
@@ -108,10 +145,11 @@
<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
who you ask). i like programming (mostly rust), computers, linux, malicious software such as game hacks and
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 vehicles that drive or fly.<br><br>
if you want to contact me, email <a class="email" href="mailto:me@futile.eu">me@futile.eu</a>
if you want to contact me, email <a class="click" href="mailto:me@futile.eu">me@futile.eu</a>
</p>
</div>
<div style="position: absolute; bottom: 0; left: 0; right: 0;">
@@ -130,6 +168,10 @@
</div>
<div class="footer">
<p id="quote">who are you</p>
&nbsp;
<p id="thing" style="user-select: none;">◇</p>
&nbsp;
<p><a class="click" target="_blank" href="https://codeberg.org/futile">codeberg</a></p>
</div>
</div>
</body>