Small blog updates 📱

13 Jun, 2025

I finally found the time to do some tweaks to this blog.

While I have links in the navigation and footer, it never felt right in helping people to find what they need.

I could have added more to my header, but I deliberately want to keep my navigation simple and easy to use. As a solution, I added a hamburger icon to the header, pointing to my directory where I can list out all necessary and useful links and information.

I also felt that my header was a bit plain, so I added a small logo next to my blog's title. Perhaps I've gone a bit far with the spinning effect when you hover over it. But for now, I find it ok.

In case the logo isn't too clear, it's a donut acting as a camera lens, combined with a running shoe and a phone. All linking to the concept of bites, and the topics I write about, with a small reference to The Simpsons (which I loved growing up).

Logo was downscaled via Squoosh, and in case you also want to add an image next to your blog title, here's the CSS¹ which you would need to add to your theme CSS:

.title {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.title::before {
  content: '';
  display: inline-block;
  width: 2.5em;
  height: 2.5em;
  background-image: url('https://bear-images.sfo2.cdn.digitaloceanspaces.com/gobino/logo.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 0.5em;
  transition: transform 0.6s ease;
}

.title:hover::before {
  transform: rotate(360deg);
}

Thanks for taking the time to read this!

If you liked this post, hit the upvote buton, follow my feeds for more updates, or leave me a reply via mail, my socials or my guestbook.

Open the below toggles for more information on how to reply or to link to this post.

#2025 #2025-06 #app-tech #article #blog_update #css