Meta

I put a lot of care and attention to details in this website—probably too much. Thus, I thought it would be worth sharing my decisions about implementations and features in a log, so that the overall design philosophy of tommi.space is summarized in one place and I can keep track of my thoughts.

Current information

Here are some general current information about tommi.space. However, in the footer of every page you can find more details about that specific page.

While this table is kept up to date, the following sections are records of the development activity and the related choices.

15^th January 2025

Version 3 🫣

As opposed to version 2, that mainly signified a change in perspective and left most of the code as it was, this version marks strong changes at the technical level.

To share the modifications applied I should be pointing to the source code’s changelog, but I am so terrible at committing to git regularly that in the end all that has changed for version 3 is grouped in one commit 😬. Therefore, I am listing the most notable reworkings manually, following my memory of what I have inconsistently edited in the past eight months—as I have been working on this on and off since May 2024.

• The most remarkable transformation is the migration to the mighty Eleventy version 3, which forced me to better understand the way Eleventy and JavaScript work, as I transitioned the whole project to ESM.
  • I updated the eleventy-img plugin, finally replacing Liquid’s {% img %} shortcodes with regular <img> HTML tags.
  • Since eleventy-sass still does not support ESM, I decided to remove dependence from a plugin to compile Sass, and it is done in a parallel, independent process instead.
  • Taking advantage of the InputPath to URL plugin, I removed the markdown-it-wikilinks extension, so that now internal links can be regular and interoperable Markdown links.
• I completely refactored the CSS, adopting the CUBE methodology (I still have to refine this, though), and basing the whole layout on CSS Grid.
• I completely refactored the code generating this website’s RSS feeds, and I styled their pages, inspired by Simone Silvestroni’s post
• After a brief conversation with friends, I decided to adopt a more radical approach with respect to old content I changed my mind about, or I would not want to share anymore, by simply removing it.
• I finally figured out how to meddle with the data cascade using JavaScript, and the code is now a bit leaner, simpler, more efficient, and more organized.
• I moved the automatically generated templates (with no content of their own) to the stuff directory, to declutter the content directory, and follow a clearer structure—even though the source code is still a nightmare to navigate 🤯.
• At last, I created the first prototype of the Activities page, with advanced search and filtering functionality, that I plan to extend to the whole website, in addition to the existing search page.
• Probably, a few more things that I forgot.

31^st October 2023

Version 2!

I completely rethought tommi.space. I explain what marks this new version in a dedicated post.

The major change marking this new version is philosophical, but I changed a few nice technicalities, too.

Heading font

I love Inter, but using it everywhere is becoming quite boring. I have been thinking about choosing a cool whimsical font to use in headings for a while.

I chose to use Permanent Marker since it wonderfully reflects the work-in-progress mood of the website.

October 16^th 2023

Remove the share section

As with the analytics, I realized that the share section is quite useless, and the page weight and performance vs utility ratio is not worth it. Removed that, too! How liberating it is to just strip away all extra stuff!

October 17^th 2023

Dropping Gemini

I did not log it here, but in late 2022 I set up a Gemini capsule for tommi.space, meaning a modified, minimalist version of this website was made available via the Gemini protocol. I developed a script to build and deploy the capsule, and I configured a Gemini server in YunoHost to publish it.

As time passed by, something in the workflow broke, and I did not have enough time to fix it. This made me realize that geek stuff such as Gemini should be fun experiments rather than growing maintenance burden of an amateur self-hoster like me.

I do not exclude to bring the capsule back to life if I feel like it, but I want to keep things light and joyful. Not thinking about it for a while.

October 14^th 2023

No analytics!

I realized that I do not actually need analytics on this website. I uninstalled umami and I removed any client-side tracking. I did so for multiple reasons:

• I rarely checked the data
• Data was not reliable, since visits.tommi.space is now listed in the easylist blocklist. All the people using ad blockers did not appear at all in the stats.
• Loading the analytics script took the website ~700ms longer to fully load.
• I should learn to analyze server access logs, and I could use server-side analytics
• In the end, do I really care about how many people visit this crazy place? I do not need to see numbers, but to get feedback, create actual, direct, interactions!

April 5^th 2023

Search

Finally, after three years since rewriting this website from scratch, I found Pagefind to be the perfect search solution, both in terms of ease of use and performance.

Thursday, December 1^st 2022

Self-hosting

By migrating Nebuchadnezzar to a slightly more performant machine, I ended up messing up some configurations, and I also realized that my website publishing workflow was not really independent and stable. Therefore, I decided it was time to self host tommi.space.

More details in the dedicated page.

Sunday, June 19^th 2022

Issue tracking

Up to now, anything concerning website ideas and development was listed quite randomly on the website development page. My intention was to keep everything portable and within The Jam. Nevertheless, tracking both bugs, feature ideas and stuff to do with services dedicated to that is easier, simpler, and much more integrated with the development environment and workflow that git provides.

I am now using GitHub for issue tracking, even though the repository is currently being hosted on Codeberg.

Thursday, April 21^st 2022

Hosting

Since the beginning, Netlify has been where tommi.space is hosted. It has to be noted, though, that Netlify is no champion of openness, free software, or sustainable infrastructure, hence not a service whose values I completely share. Nevertheless, it is awesome, since at the same time it both has more than what I need, and it is fairly simple. It hurts to say it, but I love it and I am sticking with it, since it really makes much of the work easier.

All of the relatively big files on the website (such as images and podcast audios) are hosted on Storj, and through a couple of tricks they are seamlessly served through Netlify. Storj too has its red flags, since it is based on the blockchain and I am still quite skeptical concerning all of this stuff. But, again, it wonderfully does the work, at least until Cubbit won’t get around static hosting, as Stefano, its CEO, anticipated to me someday it will.

Analytics

The sole aspect I am interested in is knowing how many people visit my website, specifically which pages.

Being Google Analytics definitely out of consideration, finding a simple, free, light (and hosted) analytics service is not simple.

• counter.dev is the most clever, the lightest, and among the most beautiful analytics software I have ever seen. Unfortunately, it has some big problems that make its numbers not remotely corresponding to reality, and its developers do not plan to fix them anytime soon.
• Matomo is the go-to Google Analytics alternative, but, as such, it has many features that I do not need and that make it quite heavy.
• Plausible is the analytics service I have been using in the last two years, even though it does not feel 100% right, even if it nicely does the work I require. Probably, it is because it costs me a little more than 30€ a year, and I would like to avoid such expense.

Of course, I prefer to self-host analytics, but as of right now Matomo is the only analytics platform packaged for YunoHost (the OS I am using on Xplosion Server). As soon as any light analytics software will get packaged for YunoHost, I will switch to it.

Wednesday, March 23^rd 2022

Migrating from GitHub to Codeberg

I love community-driven stuff, and I praise Codeberg values. Furthermore, there is all of that stuff that is not good about GitHub, so I moved.

New repository

I never gave too much attention to the size of the repository of tommi.space, until it clearly huge, with a size of ~1GB. I took advantage of the switch to Eleventy to start a new repository from scratch. The obsolete Jekyll-based website is on GitHub at old.tommi.space

Switching to Eleventy

My switching from Jekyll to Eleventy is one of those things that was not strictly necessary, yet I kept thinking about it every time I coded something, even minimal, on Jekyll. So I switched. It has been very stressful and intense, but I am now thoroughly proud of the fundamental structure of my website, even if it still lacks some features it had with Jekyll.

There are plenty of step-by-step guides to switch from Jekyll to Eleventy. Even though tutorials have been of little use for me, since tommi.space is heavily customized and tailored, I saved (and I am still continuing to save) insightful articles about Eleventy.

Equally, there are a ton of blog posts comparing the two static site generators, but, again, I am just interested in noting my personal reasons.

• Eleventy now has around three full time development funding working on it. Jekyll is arguably dying. The only consequence I am interested in is support: even after posting the most absurd or tricky question on the Eleventy discussions, I get an answer in less than 40 hours. On the Jekyll forum, I often relied only on the help of Michael Currin, who to my eyes quickly became some sort of divinity (as Peter DeHaan is for help with Eleventy), but I could never get 100% of what I was looking for.
• I have no intention to start coding as my main activity. Still, it is undeniable that the more coding skills, the better it is on this crazy planet in the 21^st century. After such premise, it goes without saying that a SSG built with JavaScript (such as Eleventy) is to be preferred over one that uses Ruby (such as Jekyll).
• A relevant consequence of the point above is that while with Jekyll I was completely dependent on (and blocked by) plugins and their developers, I now have a little (yet growing) possibility to code some simple features myself, since I am slooooowly learning its basics.
• I do not care much about build time, but when on Jekyll it surpassed the 120 seconds, it started to become incredibly itchy and time-consuming to do anything. Eleventy crashed that time down to less than 30 seconds. Considering the average of build times, it still is quite a lot, but I have no time to spend in build speed optimization. It is fine like this.
• It is not a logical not objective argument, but while building Jekyll I continuously got many warnings and frequent errors too, even without changing anything—mainly, I believe the main reason were outdated dependencies. I could not stand it anymore.

9^th January 2021

Sidenotes

Sidenotes are awesome, and after taking a look at Koos Loijesteijn post about them, I figured it would be great to implement them on here, too.

I decided not to, for now, for three main reasons:

1. They are impossible to be implemented in Markdown, they need a lot of HTML and I don’t have the skills for making a Jekyll plugin to transform footnotes in sidenotes (but it may be a great idea to create one)
2. I could easily create an {% render sidenotes.html %} where I could pass as arguments both the note content and the word linked to it, but it wouldn’t satisfy me for two reasons:
   1. In the case of printing, it would be a great mess.
   2. On other readers or Markdown parsers outside of Jekyll I’d have a massive chunk of unrendered ugly text
3. Considered the reasons above, it’s not worth it. I use footnotes very few times (even though I massively over-use parentheses (as I am doing right now)) and with the lovely arrow^[1] automatically created, it’s painless to use them.

Further reading

• A lovely overview of sidenotes implementation techniques and a thorough explanation of their philosophy
• Koos Loijesteijn’s sidenotes
• Tufte CSS

14 March 2021

Minimalizing

Minimalizing

Thursday 16 December 2021

Algolia

It is not the best solution in terms of speed and dependance, but it is still valid temporarily. Search functionality is very useful, so it is a trade-off I am willing to accept—temporarily).

Following these instructions the setup is quite simple. What is annoying and long to effectively customize is the front-end CSS, which I eventually decided would be simple to write from scratch by myself.

17 December 2021

Typography and layout

Even though I love Typography, I am never fully convinced about this website layout and design. My concern is not much about coloring, and typesetting, but about layouting, spacing and positioning. I am trying to understand the core of how layouting works by reading at a tremendously slow pace Richard Rutter’s Web Typography.

Page-related feature ideas

I will be noting below my doubts and, if solved, my conclusions.

• John:
  • add missing pictures
• Jarvis:
  • add missing pictures
• Design:
  • refactor
  • Integrate websites with Webrings and Blogroll and Internet Awesomeness
• Typography:
  • update and refactor
• Data Sources:
  • Where to find reliable poll results? Official raw data, but simple?
  • Integrate with Knowledge?
• Oggetti:
  • finish refactoring, by moving each thing in its own page
• Xplosion Music:
  • find a way to sync playlists and contents
  • write meaning, reasons and explanations for every song
  • Use Listenbrainz/Musicbrainz as main
• Around the world:
  • Loop through all the notes and posts from each location.
• Photography:
  • Add context and description to people
  • Refactor the note so that a preview of the pictures is shown
• Self tracking:
  • rewrite
• Internet Awesomeness:
  • definire criteri di appartenenza
  • definire tags (#personal, #tool, #service…) e utilizzarli anche su Telegram
  • RSS to Telegram channel
• Quit Spotify:
  • refactor/update
• Zettelkasten:
  • Zettelkasten overreach
• Desk logging:
  • find a more creative name
  • create a photo gallery as with Living Art
• Il Cubo:
  • Foto del Cubo
  • Foto del Tommi Boom
  • video sticker Scambi
• Living:
  • Add Giovanni Paolo II tazza cit.
• Relationship with technology:
  • Highlight salient parts
• Help!:
  • Refactor in HTML, as done with Around the world and Compagni di viaggio
• Tutte le mie puntate su Radioimmaginaria:
  • convert to a CSV or JSON file
  • refactor
• Drawing:
  • picture of the painting in Bordighera alta
• Stickstory:
  • add ThinkTommi
  • add tfw
• Tommi’s laptop:
  • How do I want to name my laptop?
• Web Trip Companion:
  • find a more creative name