thread category Thread - Blog Update Log

#blogging #update-log
Last updated: 03/02/2025
Written by: Yuk

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:
h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
}

<link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
  • 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.
  • New font family: Changed from 'Aller', sans-serif to 'Nunito', sans-serif. (need to include this in the <head> tag of HTMLs):
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600&display=swap" rel="stylesheet">
  • New Logo: Minimalistic logo with hover effect, usually behave like this: If you are not 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).