I implemented webfonts subsetting to drastically reduce their weight. Until now, they were being loaded completely, which was relatively useless. Now, only the characters actually used are loaded, which made performance skyrocket. Concrete result: the Chrome Lighthouse performance score jumped from 76 to 94 points. Next step: aiming for 100%!
I love tweaking CSS. It was necessary to include cache busting. This way, you won’t end up with an outdated style on the site. To accomplish this, I used the plugin fingerprint.
For improved accessibility, a skip link has been added.
Finally, I’ve corrected the issue of images displaying twice in lists, such as in notes or changelogs. This was causing a large image to appear on the left and a small one on the right. Now, it’s much cleaner. It’s as straightforward as replacing $item->text()->short(500)->kt()->handleLinks() with $item->text()->kt()->excerpt(500).
On the “ Jams” page, I’ve listed the music tracks I’m currently playing on repeat. I love sharing the music I listen to; perhaps it’s my past as a DJ. My inspiration for this page came from @paulrobertlloyd’s page, where he did something similar on his site. For me, music is life. I’m a big fan, and I wanted the page to reflect that. However, it felt a bit too rigid and lacked the spontaneity that music represents for me. The ‘“Jams” page prior to its redesign That’s why, with a bit of CSS, I …
There’s a new page where you can find content by tags. Tags are also listed in the footers of content. Clicking on them will take you to the same type of filter.
The PhotoSwipe plugin has been added to the photo pages. Now, when you click on an image, the photo will pop up in a lightbox instead of just showing the original JPG file. 🖼️🤩
The jams page isn’t built with virtual content anymore. Now, whenever someone visits the page, it checks the Last.fm API for new data and then creates a standard page using that info. This really speeds up the Kirby backend, which was super slow to load before. The front-end page is faster too, since it’s now using standard page generation. We’ve also added a safeguard so the content doesn’t sync every single time the page is accessed.
With the new version of IndieConnector, it’s now possible to share on Mastodon and Bluesky directly from Kirby’s admin interface. Likes are now displayed in the footer of notes.
The images have been added to the JSON feed’s content. EchoFeed uses this feed to cross-post on Mastodon, and they weren’t appearing. This has now been resolved.
Update Kirby to version 5.0.0-rc.4. Fix the order of photos. The image displayed on the photos page does not match the intended order. This means that the image shown on the photos page is not the first one displayed on the detail page.
A bit of refactoring in the templates because a large part of this site’s content is of the same type. Previously, two templates were used for standard content: One template was used to display elements with a title, such as articles, changelogs, and bookmarks. And another template was used for elements where the title should not be displayed, such as notes. These templates are now a single template, but with an option to display the title or not. Jams and photos, however, retain their specific …
RSS feeds are available in XML in addition to the JSON version. Sorry again for the mistake I made when setting this up. There isn’t yet an RSS feed that contains all publication types. But that’s coming. Kirby has been updated to version 5.0.0-rc.3
There’s one RSS feed per publication type. I still need to create a feed that combines all publications. That will come later. Since switching to Kirby, this was missing. It’s ironic because for me, it’s one of the most essential elements for a website (shame on me). I took the opportunity to connect them with Echofeed to automatically post on Mastodon. I held off for a while to test whether I was overwhelming people with uninteresting updates. We’ll see if I end up filtering things a bit.
The website now employs the composer kit, necessitating structural modifications. It runs on PHP 8.2 and a relatively stable Kirby version - specifically, v5 rc2. A minor animation has been added to the details tag, enhancing its appearance when opened. The grid system defaults to auto-fill instead of auto-fit. Now, the polaroids no longer take up 100% of the container’s width if there are fewer than four per line. Komments plugin has been reinstalled. I’m working on displaying the webmentions. …
Updated the main font, Name Sans, and improved text readability by applying the following settings: Grotesque ‘R’ in Display (Above optical size 46) Alts ‘I, l, g’ in Text (Below optical size 20) Slashed Zero for reference texts
There are now Open Graph informations and images available when a URL is shared. For the image, I create a SVG image. I did not create JPEG or PNG. I did something simple and easily maintainable. However, some improvements are still needed, particularly for the photos. When a title is too long, it appears under the photo, and I have to correct it. Despite this, I decided to implement them because it’s cool. To see the result of the OG images, just add .svg at the end of the URL like that: …
Each page now has a canonical URL, thanks to Kirby’s unique ID.
I have repatriated all the photos from my Instagram account to the photos page. I still have some text editing to do, but the main thing is that the photos are here. Next, I need to delete everything on Instagram.
You can check out my favorite tracks again – feel free to judge my (bad) taste! Back when the site ran on Eleventy, I had to punch in the tracks by hand. There was a Spotify widget too, which let you listen to the song if you had an account. Now, my favorite tracks get pulled straight from my Last.fm profile. Why? Well, I don’t only listen to music via Last.fm – I spin quite a bit of vinyl too. It’s a bit of a shame, though, because I kinda liked being able to listen to the tracks directly on …
Fix missing bookmarks links
Made some tweaks to the font sizes so they’re a bit smaller on mobile, giving the site a more professional look. Also cleaned up some CSS styles. All the images on the photos page are now in webp format, and the responsive images have been improved. Still need to fix a few things related to screen DPI. The current page is highlighted in the secondary navigation. Added a /now page
Add lazy loading on images
Turning off automatic posting of articles on Mastodon.
The secondary navigation has been added to the footer.
