Agahnim/agahnim.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

home: wip

Browse source
This commit is contained in:
Agahnim 2026-03-23 09:54:51 +01:00
parent 4c6f3aa6ae
commit 7dca27d244
3 changed files with 144 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

29
templates/partials/home.html
View file

@ -5,25 +5,23 @@
</welcome>
<boxes>
<box id="bigbox">
Thank you for visiting my website !
Thank you for visiting my <woopwoop>brand new</woopwoop> website !
For now it's still a <darkerer-pink>work in progress</darkerer-pink> but I'm sure you will see
changes if you come back from time to time :)
<br /><br />
My name is <darkerer-pink>Agahnim</darkerer-pink>
<pronouns className="ml-1 px-2 py-[1px] text-xs rounded-full bg-blue-ouga text-white font-semibold">she/her
</pronouns>,
I'm a <darkerer-pink className="text-darkerer-pink-ouga">developer</darkerer-pink> and <darkerer-pink
className="text-darkerer-pink-ouga">music producer</darkerer-pink> from <darkerer-pink
className="text-darkerer-pink-ouga">France</darkerer-pink> !
<pronouns>she/her</pronouns>,
I'm a <darkerer-pink>developer</darkerer-pink> and <darkerer-pink>music producer</darkerer-pink> from
<darkerer-pink>France</darkerer-pink> !
<br /><br />
I created this website not just to <darkerer-pink className="text-darkerer-pink-ouga">improve</darkerer-pink> my
I created this website not just to <darkerer-pink>improve</darkerer-pink> my
web development
skills, but also because it's <boing className="inline-block text-darkerer-pink-ouga animate-bounce">fun</boing>
skills, but also because it's <boing>fun</boing>
to
build a project like this. It's a small, personal space on the internet, away from the social climate, which is
getting <shitty className="text-red-700">worse and worse</shitty>
getting <shitty>worse and worse.</shitty>
<br /><br />
This website is inspired by the <darkerer-pink className="text-darkerer-pink-ouga">vaporwave
This website is inspired by the <darkerer-pink>vaporwave
aesthetic</darkerer-pink> and
the old
PCs I used to tinker with when I was a kid.
@ -34,4 +32,13 @@
<p>Salut</p>
</box>
</boxes>
</home-content>
</home-content>
<!-- I know I know but I need it for this pretty rainbow flagish animation -->
<script>
const el = document.querySelector('woopwoop');
const text = el.textContent;
el.innerHTML = text.split('').map((ch, i) =>
`<span style="animation-delay: ${i * 0.08}s">${ch === ' ' ? '&nbsp;' : ch}</span>`
).join('');
</script>