From c5c7aaa9191ce17120d2492aa0a7b5455e7ed8ee Mon Sep 17 00:00:00 2001 From: Victor Westerlund Date: Sat, 29 Mar 2025 07:34:14 +0000 Subject: [PATCH] fix(content): change about-me page texts and fix interest anim origin (#32) More changes to the about page texts and also made the "interests explosion" effect center on pointer position instead of center of span, which caused some glitchy looking behavior when the text wraps. Also added "digital archiving" to the interests list! Reviewed-on: https://codeberg.org/vlw/vlw.se/pulls/32 --- public/about.php | 23 ++++++++--------------- public/assets/js/pages/about.js | 10 +++------- 2 files changed, 11 insertions(+), 22 deletions(-) diff --git a/public/about.php b/public/about.php index 5fe4c59..25cca65 100644 --- a/public/about.php +++ b/public/about.php @@ -42,9 +42,9 @@ $diff = $this->week() - $this->week_average(); return match (true) { - $diff < 1 => "less than", - $diff === 1 => "the same as", - $diff > 1 => "more than" + $diff < 0 => "less than", + $diff === 0 => "the same as", + $diff > 0 => "more than" }; } }; @@ -52,14 +52,14 @@ ?>
- +

Victor Westerlund

I​'m a full-stack web developer from Sweden, and welcome to my little personal corner of the Internet!

-

I used to list the <programming/markup/command/whatever>-languages here that I use the most and order them by guesstimating how much I use each one. But then I thought it would be better to just show you instead using this chart that automatically pulls the total bytes for each language from my public repos on Forgejo.

-

Some other noteworthy techologies that I work a decent amount with are: Debian, MariaDB, SQLite, DNS, Redis, and probably a few others as well. Check out this page for a comprehensive list of all the tech that I use.

+

My coding happens almost exclusivly in code-server, which is a fork of VSCode that runs entirely in the browser. I keep my development environment tucked away in a lightweight Debian VA that I can tote around to whatever host machine I happen to work on. I also keep an ephemeral Debian Live ISO ready which boots into a VM RAM disk where I can mess around without fear or breaking things or try new software.

+

I used to list the <programming/markup/command/whatever>-languages here that I use the most and order them by guesstimating how much I use each one. But then I thought it would be better to just show you instead using this chart that automatically pulls the total bytes for each language from my public repos on Forgejo.

@@ -101,18 +101,10 @@

Personal

-

One thing is true.. Coffee, lots of coffee. In fact, I've had week() ?> cupweek() === 1 ? "" : "s" ?> of coffee in the last 7 days! That's week_average_string() ?> my average of week_average() ?> per week, impressive! Even though you just read that.. I don't consider myself too much of a coffee snob! As long as it's dark roast and warm, I'm probably happy to have it.

+

One thing that most people know about me is that I like coffee.. lots of coffee. In fact, I've had week() ?> cupweek() === 1 ? "" : "s" ?> of coffee in the last 7 days! That's week_average_string() ?> my average of week_average() ?> per week, impressive! Even though you just read that.. I don't consider myself too much of a coffee snob! As long as it's dark roast and warm, I'm probably happy to have it.

At times, I become a true, amateur, armchair detective for a variety of your typical-nerdy topics that I find interesting and you can bet I spend way more time reading about those things than I will ever have use for in life.

-

My coding happens almost exclusivly in code-server, which is a fork of VSCode that runs entirely in the browser. I keep my development environment tucked away in a lightweight Debian VA that I can tote around to whatever host machine I happen to work on. If I can't do that for whatever reason, I have my dotfiles ready to get things set up the way I like it.

Another silent passion of mine that comes out every few years is building computers and fiddling with networking stuff.

-
-

Projects

-

Here are some projects I'm working on right now:

-

* Vegvisir: A web navigation framework for PHP.

-

* Reflect: A REST API framework for PHP developers.

-

Check out this timeline for a somewhat complete list of everything I have done.

-

GitHub

@@ -138,5 +130,6 @@

photography

videography

ISO 8601

+

digital archiving

diff --git a/public/assets/js/pages/about.js b/public/assets/js/pages/about.js index 0562f27..c774d7d 100644 --- a/public/assets/js/pages/about.js +++ b/public/assets/js/pages/about.js @@ -58,13 +58,9 @@ const implodeInterests = () => { // Bind mouse or touch events depending on pointer type of device const canHover = window.matchMedia("(pointer: fine)").matches; - interestsElement.addEventListener(canHover ? "mouseenter" : "touchstart", () => { - // Get absolute position of the trigger element - const size = interestsElement.getBoundingClientRect(); - - explodeInterests(size.x, size.y); - }); - + // Explode interests when mouse hovers or touch hold starts + interestsElement.addEventListener(canHover ? "mouseenter" : "touchstart", (event) => explodeInterests(event.x, event.y)); + // Implode interests when mouse leaves or touch hold ends interestsElement.addEventListener(canHover ? "mouseleave" : "touchend", () => implodeInterests()); }