From f2be4bef5c5d17caada43cccf197ac94f114ec71 Mon Sep 17 00:00:00 2001 From: Agahnim Date: Wed, 13 May 2026 16:59:50 +0200 Subject: [PATCH] about, home: wip page ordering, change paragraph --- static/style.css | 34 ++++++--- templates/partials/about.html | 24 +++++- templates/partials/header.html | 2 +- templates/partials/home.html | 132 +++++++++------------------------ 4 files changed, 79 insertions(+), 113 deletions(-) diff --git a/static/style.css b/static/style.css index 19d3728..8d68eb5 100644 --- a/static/style.css +++ b/static/style.css @@ -441,6 +441,14 @@ home-content { justify-content: center; align-items: center; + a { + color: var(--darkerer-pink); + + &:hover { + color: var(--lavender) + } + } + welcome { margin-bottom: 3rem; text-align: center; @@ -543,13 +551,6 @@ home-content { font-weight: bold; } - a { - color: var(--darkerer-pink); - - &:hover { - color: var(--lavender) - } - } article-body { padding-bottom: 1rem; @@ -670,12 +671,21 @@ about { align-items: center; background-image: url(assets/gifs/beatingpurple.gif); border: 5px solid var(--darkerer-pink); + font-size: 2rem; + + + name { + color: var(--pink); + font-weight: bold; + } + &#left { img { - max-width: 10svw; - padding: 2rem; + width: 10svw; + margin: 2rem; mix-blend-mode: hard-light; + border: 5px solid var(--lavender); } } @@ -696,6 +706,12 @@ about { border: 5px solid var(--lavender); padding: 1rem 2rem; box-sizing: border-box; + + introduction { + font-size: 1.5rem; + color: white; + text-shadow: 0.5px 0.5px 0 var(--darkerer-pink), 0.5px -0.5px 0 var(--darkerer-pink), -0.5px 0.5px 0 var(--darkerer-pink), -0.5px -0.5px 0 var(--darkerer-pink), 0.5px 0px 0 var(--darkerer-pink), 0px 0.5px 0 var(--darkerer-pink), -0.5px 0px 0 var(--darkerer-pink), 0px -0.5px 0 var(--darkerer-pink); + } } [popover] { diff --git a/templates/partials/about.html b/templates/partials/about.html index eb8a445..9f5edd8 100644 --- a/templates/partials/about.html +++ b/templates/partials/about.html @@ -1,15 +1,31 @@ - + Agahnim + + + + In my personal life, I enjoy learning more about sociology, philosophy, particularly the aesthetics, and, to some + extent, economics notably through the Regulation school, although I’m slightly less interested in the latter. +

+ + I am eager for aesthetic experiences, as evidenced by my SensCritique account, though it’s still sparse for now, + as I tirelessly seek that feeling I first experienced while reading Boris Vian’s "J'irai cracher sur vos tombes". + My favorite fields remain music and literature, but I’m open to any medium, such as film or the visual arts, and + I’m trying to catch up in those areas! My tastes are quite varied, and I’d have a hard time defining them, but I + in fact have a preference for Baroque music and more experimental sounds, though that’s not all of course. +

+ + Of course, I play video games like anyone who spends a fair amount of time on their computer, and I’m particularly + enjoying playing Tekken 8 and Death Stranding right now, though my all-time favorite game will always be The + Legend of Zelda: Skyward Sword; you can spot some references to it on this site if you look closely! + - - -

Salut

 + \ No newline at end of file diff --git a/templates/partials/header.html b/templates/partials/header.html index 2661de7..b3d3179 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -41,4 +41,4 @@ setInterval(update, 1000); } })(); - + \ No newline at end of file diff --git a/templates/partials/home.html b/templates/partials/home.html index 7a5e728..ee46ba1 100644 --- a/templates/partials/home.html +++ b/templates/partials/home.html @@ -1,10 +1,6 @@ - A welcome text in pink + A welcome text in pink {% for _ in 0..12 %}  彡★Welcome to my little corner of the Web★彡  {% endfor %} @@ -16,112 +12,54 @@ it's still a work in progress but I'm sure you will see changes if you come back from time to time :)

My name is Agahnim - she/her, I'm a - developer and - music producer from - France !

+ she/her and I do many things, but I more notably create music + with my computer and my instrument (less notably). I also + develop from time to time when a + project piques my interest !

I created this website not just to improve my web development skills, but also - because it's fun to build a project like this. It's a - small, personal space on the internet, away from the social climate, which - is getting worse and worse.

+ because it's fun to build a project like this. Having grown tired of social media, I find it + particularly pleasant to have a little personal space that we’ve shaped in our own way; this way, it allows us to + express ourselves without being overwhelmed by the increasingly toxic social climate and the + narrow-minded, + unfounded opinions that pop up here and there.

This website is inspired by the vaporwave aesthetic and the old PCs I used to tinker with when I was a kid. I always liked this type of aesthetic and - the mix of melancholy of comfort it brings me. It feels good to bring that - vibe into one of my projects. + the mix of melancholy of comfort it brings me. - 88x31 pixel art badge with a retro computer - Badge with text 'CSS is Awesome' - Queer pride flag badge - Cover art for The Legend of Zelda Skyward Sword - Trans rights badge with text 'Trans Rights Now' - Kirby character animated GIF - Pink animated pixel art badge - Trans pride flag animated badge + 88x31 pixel art badge with a retro computer + Badge with text 'CSS is Awesome' + Queer pride flag badge + Cover art for The Legend of Zelda Skyward Sword + Trans rights badge with text 'Trans Rights Now' + Kirby character animated GIF + Pink animated pixel art badge + Trans pride flag animated badge Socials ! - GitHub logo - Spotify logo - Instagram logo + GitHub logo + Spotify logo + Instagram logo - Decorative divider - Consult the wisdom of the Bibou, if thou darest... + Decorative divider + Consult the wisdom of the Bibou, if thou darest... - Bibou endormi - Bibou éveillé + Bibou endormi + Bibou éveillé - Animated text 'Updates' + Animated text 'Updates' {% for article in news %} @@ -129,11 +67,7 @@ {{ article.date.format("%d/%m/%Y") }} {{ article.body_html|safe }} - Decorative divider + Decorative divider {% else %} Nothing to see here, for now... @@ -184,4 +118,4 @@ ttText(quote); }); }) (); - + \ No newline at end of file