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"> <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="preload" href="//incr.easrng.net/bg.gif" as="image">
</head> </head>
<style> <style>
@@ -18,12 +20,17 @@
} }
p { p {
letter-spacing: -0.02em; letter-spacing: -0.07em;
} }
.email { .box {
color: white; display: flex;
text-decoration: underline dotted; justify-content: center;
align-items: center;
max-width: 480px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
} }
.main-title { .main-title {
@@ -56,14 +63,9 @@
line-height: 1.3em; line-height: 1.3em;
} }
.box { .click {
display: flex; color: white;
justify-content: center; text-decoration: underline dotted;
align-items: center;
max-width: 480px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
} }
div.buttons { div.buttons {
@@ -72,6 +74,7 @@
align-items: center; align-items: center;
max-width: 480px; max-width: 480px;
margin: 0 auto; margin: 0 auto;
padding: 0 20px;
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
left: 0; left: 0;
@@ -88,8 +91,8 @@
} }
ul.buttons li { ul.buttons li {
margin-right: 3px; /* margin-right: 3px; */
line-height: 1; line-height: 0;
} }
div.footer { div.footer {
@@ -101,6 +104,40 @@
} }
</style> </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> <body>
<div class="box"> <div class="box">
<h1 class="main-title">futile</h1> <h1 class="main-title">futile</h1>
@@ -108,10 +145,11 @@
<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 hello, my name is futile. i am a weird concept from the internet (or a person from europe, depending on
who you ask). i like programming (mostly rust), computers, linux, malicious software such as game hacks and 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> 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> </p>
</div> </div>
<div style="position: absolute; bottom: 0; left: 0; right: 0;"> <div style="position: absolute; bottom: 0; left: 0; right: 0;">
@@ -130,6 +168,10 @@
</div> </div>
<div class="footer"> <div class="footer">
<p id="quote">who are you</p> <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>
</div> </div>
</body> </body>