Thread - Blog Update Log

#blogging #update-log
Last updated: Apr. 5th 2026
Running thread of new features and changes on my blog
Written by: Yuk
  • About the Blog
  • Latest Updates
  • Patch 2.5.3 (Apr. 2nd 2026)
  • Minor 2.5.2 (Apr. 1st 2026)
  • Minor 2.4.0 (Mar. 29th 2026)
  • Minor 2.3.0 (Mar. 21st 2026)
  • Patch 2.2.1 (Mar. 12th 2026)
  • Minor 2.2.0 (Feb. 20th 2026)
  • Patch 2.1.2 (July. 25th 2025)
  • Patch 2.1.1 (Feb. 20th 2025)
  • Minor 2.1.0 (Feb. 9th 2025)
  • Patch 2.0.2 (Jan. 31st 2025)
  • Patch 2.0.1 (Jan. 27th 2025)
  • Version 2.0.0 (Jan. 24th 2025)
  • Launch of the new Yuk Blog
  • Post cards
  • Home Page
  • Archive Page
  • Projects Page
  • About Page
  • Explore Page Tease
  • Posts
Block

About the Blog

This blog was built with:

  • Jekyll
  • Wonderful open JS libraries (through CDN)
  • Pure HTML, CSS, JS
  • And my own UI/UX design

Latest Updates

Patch 2.5.3 (Apr. 2nd 2026)

  • Added Config Menu to pages to set preferred background detail level.

Only recently do I realized that this background is actually so expensive lol, especially on mobile and low end devices. BG Detail will default to Mid on desktop, and Low on mobile. Settings description:

  • None: No BG at all.
  • Low: Dots rendered, no effect.
  • Mid: Everything in Low, hover effect and ripple on click effect is active.
  • High: Everything in Mid, idle ripple plays automatically.

Only exception is in posts, there isn’t idle ripple, so Mid and High is the same.

On click ripple animation has a 0.5 second cooldown.

Friend told me his 2019 Mac couldn’t handle High. In general I suggest Low, because this background still does kinda hog resources. If you have other heavy stuff open, and you want to keep my blog in the background or like on the side if you are following something, then I highly recommend just putting BG Detail to Low or None.

I thought about removing this background, but I spent a lot of time on it, I really like it, and It runs fine on my machine at least. Sorry if its an inconvenience.

Known Katex issues:

1
2
\begin{bmatrix}
\end{bmatrix}
Markdown

does not render right, alternative:

1
2
\left[ \begin{array}{C} 
\end{array} \right]
Markdown

where C is the length of the matrix, for example, for a 3x3, 3x2, 3x1 matrix, then C = ccc.

\vec does not render right, renders a tiny arrow that sticks to the top right of the page for some reason, no perfect alternative found yet.

Because I migrated from dual support of MathJax and Katex to know only using Katex, some math stuff might be broken, please let me know if you spot them.

Minor 2.5.2 (Apr. 1st 2026)

I’m so lazy to log everything…

  • But implemented a LQIP style image loading inspired by the Chirpy theme.
  • Optimized images significantly.
  • Added cool effect to the background.
  • Some bug fixes (patches .0 - .2)

Minor 2.4.0 (Mar. 29th 2026)

  • Added a cool background hover effect inspired by the Google Stitch Website: https://stitch.withgoogle.com/
  • Added a timer to the home page’s carousel.

  • Added thumbnails to post cards in home page and archive page.

  • New callout style examples (note/tip/warning/important)
Here is a gentle note callout. This follows the same rounded card style as blockquotes and code highlights.
For any quick tip or pro advice, use the tip callout.
Use caution when directly modifying physics constants; it may destabilize the simulated model.
Critical update: prefer using important for high-priority alerts so icons and colors match desired states.

Minor 2.3.0 (Mar. 21st 2026)

  • Most of the SVG icons on my blog are from Atlas Icons.
  • A major upgrade in support for Mermaid Diagrams (mermaid.js): A professional viewer with sophisticated controls:
    • Copy source code.
    • Reset view.
    • Lock interaction (all diagrams are locked by default, prevent interference with scrolling).
    • Fullscreen view.
  • Reworked the scroll to top button, now also available on mobile view.

Patch 2.2.1 (Mar. 12th 2026)

  • Refactored a bunch of features to be build-time, loading posts should be more seemless.
  • Removed support for MathJax.

Minor 2.2.0 (Feb. 20th 2026)

  • Added light mode.
  • Added PhotoSwipe Lightbox for images in posts PhotoSwipe.
  • Added progress bar in posts.
  • Unfortunately scrapped the Explore Page.
  • Reworked the About page (especially the desktop landscape view) and the Short Intro Box in Home page.
  • Added Plotly support.

Patch 2.1.2 (July. 25th 2025)

  • Added “NEW” tag and restyle the post tags.

Patch 2.1.1 (Feb. 20th 2025)

  • Added Vietnamese translation for About Page.

Minor 2.1.0 (Feb. 9th 2025)

  • Can now use either Katex or MathJax as math engines for posts, might have broken some older post, please notify me of any bugs.
  • Added support for Mermaid Graphics. mermaid.js.

Patch 2.0.2 (Jan. 31st 2025)

  • Added Support Yuk Page.
  • Improved search bar in Archive Page, consistent between different viewports. On PC can press / to quickly focus to the search bar and press esc to remove focus.
  • New fonts for headings:
1
2
3
h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
}
Css
1
<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
Html
  • Changed scroll behavior in posts. From scroll-behavior: smooth; to scroll-behavior: auto;.
  • Minor tweaks.

Patch 2.0.1 (Jan. 27th 2025)

  • Improved the Highlights panel in the Home Page: allow for normal scroll behavior when scrolling vertically, especially on mobile. On mobile, fix the bug where you can’t click on highlight slides to access the post.
  • Adjusted the scroll to top button (position: from absolute to fixed).
  • Adjusted scrolling behavior of anchors in table of content on mobile.

Version 2.0.0 (Jan. 24th 2025)

Launch of the new Yuk Blog

  • Remade the blog from the ground up, techstack remains the same: HTML, CSS, Jekyll, GitHub Pages.
  • New addition: Giscus for comments and reactions on posts leveraging GitHub accounts and the GitHub Discussion feature. Giscus
  • New font family: Changed from 'Aller', sans-serif to 'Nunito', sans-serif. (need to include this in the <head> tag of HTMLs):
1
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap" rel="stylesheet">
Html
  • New Logo: Minimalistic logo with hover effect, usually behave like this: If you are at the header of the page then it will bring you to the Home Page if you are not already there, otherwise it would scroll to the top of the page.
  • Added a scroll to top button for pages that seems to need it. (Not available on mobile, please resort to clicking the logo for scroll to top on most pages)
  • Color scheme is less varied and remains relatively the same.
  • Decent adaptation to various viewports, mainly designed for: PC screen (horizontal and vertical) and for mobile.
  • Most header are sticky and can shrink upon scrolling.
  • Simplified footer and all socials are accessible there.
  • Favor SVGs over Emojis.

Post cards

Post cards are displayed in order of:

  • Category icon (more info in the Archive Page).
  • Post title.
  • Post description.
  • Post tag(s).
  • Release date and Reading time, for Thread posts its Last updated date.
  • Removal of dedicated thumbnail image for each posts.

Home Page

New panel: Highlights

Display note-worthy posts and projects, for posts clicking on the thumbnail would bring you to the according post, for projects it would bring you to the complementary post for that project.

Have various navigation options:

  • Left and Right skip buttons for going to the next or previous slide.
  • The pagination on the bottom is clickable and will bring you to that slide, also draggable which is especially useful for mobile.
  • On mobile there are no Left and Right skip buttons and the pagination navs are made bigger.
  • Display featured posts.
  • Provide a link to the Archive Page.
New panel: Extras
  • About panel: a short excerpt from the About Page with a profile image, click to access the About Page.
  • Latest updates panel: a few bullet points for latest updates about new changes to the blog, post releases, and more.
  • Work in progress panel: a few bullet points for stuff like coming features on the blog, new posts, projects, and more.

This panel is unavailable on mobile.

New panel: projects

Display project preview cards from the Projects Page.

This panel is unavailable on mobile.

Archive Page

Posts will have an outline pulse everytime the posts display is updated.

This page is highly adaptable to various viewports.

Search by post title, description, or tag(s) (via text match).

Filter and Sort panel

Filter by categories or /and sort by release date, reading time.

Items have highlighted outline upon activation.

Filter Tags panel

Filter by tags (sorted alphabetically with display of how many post have the said tag).

Items have highlighted outline upon activation.

Projects Page

Display mid-large scale projects (eg. Website, Program, Technical Paper, Reports, etc…). Each project cards will include an Access Link that gives direct access to the project (if available, eg. GitHub, Google Drive, etc…) and a See More link that will provide a complementary post for the project (if available).

About Page

Reworked layout, content coming soon.

Work email, update log, and site’s last deployment time stamp are provided here.

Explore Page Tease

Coming soon.

Posts

  • Reformatted displaying content, reactive to viewports.
  • New Accessibility Panel for more options (and navigation on mobile).