AI Powered

Update of my reading list

I briefly mentioned it yesterday: I wasn't really comfortable with my book rating system anymore. So last night, I spontaneously sat down and redesigned it.

I took the opportunity to use a Kirby field now to me: Toggles:

So far, I've given a classic five-star rating using a range slider. As I mentioned in my note, I often found it difficult to decide on a number.

Now I have four options:

  1. I don't recommend it
  2. I kind of liked it
  3. I liked it a lot
  4. It's a definite favorite

The difference may not be that big, but the visualization makes rating easier because it's not an abstract number on a constantly changing scale.

The nice thing about the Toggles field: I can keep my old ratings; the available values are now interpreted as strings but saved unchanged as numbers. So I only had to change the field, without having to fill all the books with new data.

Since I could previously rate from 0 to 5 and now only 0, 3, 4, and 5 (because those are the most common), I had to add a few fallbacks for old ratings to the page. But that wasn't a problem.

This is what my field configuration looks like now:

rating:
    label: Rating
    type: toggles
    labels: false
    grow: false
    width: 1/4
    options:
        - value: '0'
          text: schlecht
          icon: protected
        - value: '3'
          text: gut
          icon: circle-half
        - value: '4'
          text: Sehr gut
          icon: circle-filled
        - value: '5'
          text: Favorit
          icon: star-filled

I then made a few visual adjustments to the page. The large block at the bottom of the page had been too clunky for a while:

I reduced it, it now looks similar to the actions under blog posts:

In the process, I also made a few bug fixes for the internal links, etc., and removed the year-based breakdown from some views.

I'm quite happy with it for now. We'll see how long it lasts.

React on Mastodon

Enter your Mastodon instance. You will then be redirected to the post and can react there.

You can comment on this post from your blog.

This post reacts to webmentions. You can link it from your website and send a webmention. Your contribution will then appear in the comments here. Does your site not support webmentions? Enter the link to your post here:

Write a comment
By submitting your data, you agree that all entered data may be saved and displayed as a comment.
Like, Share, Reply

I'd love to hear from you! Did you enjoy this post? Leave a comment, link your blog post, or react on Mastodon and Bluesky.