What's new

Rendered skeleton cells with the same SVG rectangles, dimensions, and spacing as loaded cells; stabilized summary sizing and used UTC dates for the loading calendar.

Anchored the ASCII texture to each individual cell so gaps no longer shift the pattern and make equally sized cells appear uneven.

Matched the Insights loading header, metric borders and spacing, responsive chart aspect ratios, time-range controls, and desktop overview to the loaded panel.

Filled the entire Insights chart placeholder with a subtler braille texture, removing the blank strip below its loading pattern.

Contained Insights skeleton textures inside absolutely positioned wrappers so library styles cannot expand the chart or overview height.

Reduced the space beneath the contribution legend.

Centered the contribution summary and legend on mobile.

Removed the pointed arrow beneath contribution tooltips.

Kept 12px spacing at both ends of the mobile graph; the spacing scrolls with the content, appearing only at the corresponding start or end.

Kept normal padding on both sides of the graph on large screens, while smaller screens retain the edge-to-edge scroll layout.

Extended the scrollable graph to the right edge and added fades on either edge where columns are hidden, including both edges when scrolled to the middle.

Removed contribution cell hover scaling and shadows so cells keep their size and opacity while tooltips remain available.

Reduced side padding around the contribution graph and added bottom spacing below its summary and legend on mobile.

Adjusted the mobile contribution footer with a right-aligned legend below the summary and matching text sizes.

Kept the ASCII loading effect inside square contribution cells with the same size and gaps as the loaded graph.

Updated the contribution footer with a compact count and the displayed calendar’s date range, alongside the activity legend, without a source link.

Matched the contribution legend to the reference with 12-pixel borderless squares, precise dark colors, and larger labels.

Matched graph cells to the legend with square corners, 12-pixel cells, and 2-pixel spacing, including the loading state.

Explicitly enforced square ASCII skeleton blocks and disabled cell hover transforms so loading and loaded cells keep identical geometry.

Kept contribution level colors consistent with the legend when hovering by removing dimming from other cells.

Added ASCII skeletons for the GitHub contribution graph and Insights panel, with reduced-motion support.

Added decode-in transitions as GitHub contributions and Insights content appear.

The GitHub skeleton now uses the contribution graph’s own layout, including responsive SVG scaling, partial weeks, month labels, summary spacing, and legend.

Filled missing dates in GitHub graph columns with empty cells, including the loading skeleton, while keeping tooltips limited to real data.

Fixed the GitHub graph hydration mismatch by applying theme colors through CSS.

Removed frames and decorative lines around code block language icons, keeping them on project icons.

Added varied rotation angles up to 3° to gallery photos and empty frames across all layouts.

Increased spacing between gallery cards to 24px and added more room around frames and date headings.

Gallery photos and empty frames rotate into place once when scrolled into view, respecting reduced-motion preferences.

Gallery date headings transition from blurred to clear once when scrolled into view, respecting reduced-motion preferences.

Added a softly fading background of slightly larger, round dots with low opacity centered behind each day’s gallery photos across all layouts, with a more pronounced fade at the top.

Changed gallery date headings to the Macintosh font, with larger text for easier reading.

Changed the newsletter’s “Stay Updated” heading to the Macintosh font and increased its size for better visibility.

Changed the main titles in shared page headers to the Macintosh font, slightly increased their size, and added more space above and below the header content.

Capitalized “Writings” in the English blog title, “Thoughts and Writings”.

Extended gallery dot backgrounds toward both edges on mobile with a wider horizontal fade.

Made gallery dots gradually shrink toward the left and right edges while keeping larger dots in the center.

Added a fully rounded, dashed border with compact horizontal spacing and extra vertical padding around expand/collapse indicators in the education and experience timeline.

Made timeline icon frames 42px square, matching the height of their expand/collapse controls.

Restyled link previews with rounded corners, a curved pointer, black-and-white theme colors, and close spacing to the link.

Restyled tooltips with rounded corners and a smooth speech-bubble pointer, using the website’s black-and-white colors in light and dark themes.

Reduced the gap between tooltips and their items from 12px to 4px for both top and bottom placement.

Prefer showing link previews above their links when there is enough room, preventing previews near the bottom of the page from being cut off.

Corrected the link-preview frame to use the theme border color and card background, removing the thick contrasting frame around the image.

Drew the link-preview pointer with an explicit theme-colored outline so its curved edge remains visible in dark mode.

Joined the link-preview pointer seamlessly to the card outline by removing the straight border beneath its base and aligning the strokes.

Gave short tooltips a minimum width and centered text so the curved pointer fits cleanly between the rounded corners.

Fade both ends of the dashed guides.

Added dashed horizontal and vertical guides aligned with the homepage's two circles, adapting to screen size and light or dark theme.

Aligned the inner guide intersections with the outer circle using its inscribed-square proportions, keeping solid circle outlines above the guides.

Use the standard theme border color for dashed guides.

Use dashed borders so the lower horizontal guides remain visible when zoomed out.

Corrected guide positioning so the upper horizontal lines and outer right vertical line span the homepage consistently.

Align horizontal and vertical guide centers with the diagonal lines at their intersections.

Fixed post reactions triggering a layout refresh that could switch dark mode to light mode.

Blocked external redirects after sign-in.

Excluded unpublished posts from the public content API.

Required signed unsubscribe links and personalized newsletter links for each recipient.

Escaped names and other text in HTML email templates.

Kept newsletter subscriptions inactive until email verification, including resubscriptions.

Added a verification-email cooldown and validated newsletter email addresses and names.

Blocked cross-site public writes and limited JSON bodies for subscription, reaction, and view requests.

Signed reaction cookies and marked them secure in production.

Restricted reaction and view updates to existing public content.

Added browser security headers and hid the framework identification header.

Updated the framework, email sender, and affected dependencies to address known security advisories.

Fixed project MDX body text using separate slate colors instead of the blog pages’ theme-aware text color.

Removed viewport-based minimum heights from the blog index layout to prevent a large empty gap before the newsletter on tall screens.

Toolbox color swatches now use the same diagonal background pattern as the yin-yang separator, with lines in each palette color visible before hovering.

The color swatch lines are thinner, keeping the same pattern spacing.

Changelog content now features compact topic pills, rounded media and code blocks, and icon-labeled Features and Fixed sections that start closed.

Reorganized all existing changelog entries in English, Vietnamese, and Chinese into visible highlights followed by feature details and fixes.

Removed the divider between the Features and Fixed dropdowns.

Reduced the spacing between the Features and Fixed dropdown rows.

Features and Fixed now expand and collapse smoothly, with a gentle fade and matching arrow rotation.

Each changelog date stays below the navigation while scrolling through its entry, then gives way to the next date on desktop and mobile.

Changelog dates gently fade and slide as entries enter or leave view, making the handoff between dates smoother.

MDX video controls now overlay the video and appear on hover or while paused, both inline and in fullscreen; controls remain accessible on touchscreens and while seeking or using the keyboard.

Fullscreen controls and the cursor now hide after 2.5 seconds of inactivity during playback, and reappear with pointer movement or when paused.

Playing videos now keep their original colors even when the pointer leaves the video.

Removed the gaps between table-of-contents markers in the sidebar and blog overlay; they now form a continuous line with a brighter segment for the active section.

Rounded the ends of the table-of-contents line and active marker while keeping the line continuous.

Table of contents now highlights every heading visible in the viewport, both in the sidebar and blog overlay.

Removed the yin-yang icon from the sidebar and blog table of contents.

Made table-of-contents heading levels easier to distinguish in dark mode: brighter main headings, softer subheadings, and bold white active items in both the sidebar and blog overlay.

Made table-of-contents highlights respond immediately without scanning heading positions on every scroll; the closed popup stops tracking, opens without staggered rows, and navigates without an added delay.

Removed the remaining table-of-contents opening and closing animations and smooth scrolling; the popup and heading navigation now respond instantly.

Fixed video seeking when media loads before the controls initialize; the progress bar now follows clicks and dragging.

Fixed faint seams in the light-theme table-of-contents line by keeping inactive markers transparent over a single continuous background.

Joined neighboring active table-of-contents segments without rounded seams, keeping rounded ends on each continuous highlight.

Fixed content peeking above sticky changelog dates on mobile with a shared navigation mask and tighter date spacing.

Fixed dates getting cut off during mobile handoffs: outgoing dates finish fading before they are pushed upward, and the fade follows scrolling without a delayed transition.

Fixed clipped bullet and number markers in the Features and Fixed dropdowns by extending the clipping area, preserving their original position.