Changelog

A log of the changes I’ve made to the blog.

2026-02-26

• Added a new page, Coffee Roasters I Want to Try, to keep track of coffee roasters I’ve tried and want to try
• Unpublished the Lifelog page and removed it from the navigation. I found it to be too social media–like and I’m just too lazy to update it frequently

2026-02-10

• Added the Coffee Log page to, well, log all the coffee beans I’ve brewed

2026-02-05

• Added the Lifelog page to capture general life updates and random thoughts

2026-02-02

• My Guestbook page is back up on the navigation! I took it down because the dev ran into an issue with Azure that rendered all his tools unavailable. The issue has recently been resolved.

2026-01-31

• Added a Roadmap page where I keep track of my plans for this blog

2026-01-23

• Added a Today I Learned (TIL) page to document helpful stuff I come across on a daily basis

2026-01-19

• Removed the self-hosted IBM Plex Mono font for code, and replaced it with the default system font

I recently discovered the Menlo typeface through Diarly and fell in love with it. Most monospace typefaces remind me of coding and programming, but Menlo doesn’t. Shortly after, I coincidentally discovered that if you set the font-family to just monospace, the browser on Apple devices will default it to Menlo, so I thought I would just do that instead of using the self-hosted IBM Plex Mono and save some kb in the font loading. I know on non-Apple devices it won’t be Menlo, but I don’t mind that either.

2026-01-06

• Redesigned the Timeline in my About page
• Added new code to fine-tune the spacing of bullet lists so it’s a bit more on mobile and a bit tighter on wide screens:

    main ul li,
    main ol li{
      margin-bottom: calc((var(--post-leading) - 1) * 1em);
    }

2026-01-05

• Added some styling for hyperlinked images so they have a subtle effect while a cursor is hovering to indicate it’s clickable:

a:hover{
  background-color:var(--main-color);
  color:#fff;
}

a:hover:has(img){
  background-color:transparent;
  color:inherit;
}

a img{
  display:inline-block;
  cursor:pointer;
  transition:transform 0.18s ease;
}

a:hover img{
  transform:translateY(-2px);
}

2026-01-04

• Major theme redesign (V3)

2025-12-30

• Increased the spacing of each item in the blog list

2025-12-26

• Reduced the size of the site header (i.e., “James Zhan in real life.”)
• Removed the line above footer—I thought it looked cleaner without

2025-12-22

• Updated the toast button

2025-12-21

• Updated the short bio on the homepage
• Reduced font-weight of h1 from 700 to 400
• Cleaned up and consolidated the CSS
• Tweak the spacing for paragraphs and headings
• Removed comments section for all posts
• Tweaked the typography of the footnotes by adding the below CSS code

.footnotes {
  font-size: 0.8em;
}

.footnotes p {
  margin: 0;
}

.footnotes li {
  margin-bottom: 0.3em;
}

2025-12-19

• Changed the typeface of body text from Source Serif 4 to PT Sans. I thought Source Serif 4 was just slightly too “dated” or traditional and slightly too round than I preferred
• Reduced the table of contents’ background colour opacity from 8% to 5% to increase colour contrast
• Reduced H1 text size slightly
• Reduced max width of the blog from 720px to 680px to reduce line length for better readability
• Cleaned up some redundancy in the CSS code with the help of ChatGPT (I have zero background experience in programming; however, I do try my best to learn/understand the codes and test them to verify that they are sound before use them on this blog)
• Updated the CSS so that inline-TOCs won’t be affected by the typographic styling rules for dedicated TOCs:

    /* Same-page jump links like <a href=“#section”> */
      main a[href^=“#”]:not([href=“#”]):not(.inline-toc a) {
      border-bottom-width: **0px**;                    /* thicker underline just for jump links */
      font-size: calc(var(—font-scale) * **0.8**);   
      font-weight: **500**;                            
    }
    
    .inline-toc a[href^=“#”] {
      font-size: inherit;
      font-weight: inherit;
    }

2025-11-30

• Changed the toast (upvote) button from the default upward arrows to ♡ when it’s not upvoted, and ❤️ after being upvoted
• Made “Hi, I’m James” stand out more in the homepage

2025-11-16

• Added a Discover page for all the pages that aren’t blog posts

2025-11-12

• Fixed an issue where the message field on my guestbook and the email signup text field on my Now page had a white background in dark mode so the text input (light grey in colour) was hard to see (thanks for pointing it out, Sophia!)

2025-11-10

• Updated the design for the email signup input box and button
• Merged the CSS for the email signup and guestbook

2025-11-08

• Changed text colour from #171717 to #000000 for better contrast
• Put “100% written by James, not AI” as a line on its own between the maple leaf and the contact line in the footer

2025-11-07

• Updated the font for code blocks to IBM Plex Mono
• The link to each of the past versions of the Now page has /now/ in the path
• Added this changelog page (no idea why, but I’m doing it lmao)
• Increased paragraph spacing
• Increased spacing before and after headings that aren’t H1

2025-11-06

• Cloned my old blog here and set up URL forwarding with pathing