Changelog: Nhi Nhi Blog

All notable changes to this project will be documented in this file.

[1.2.0] - 2026-08-05

Custom Domain Endpoints: Registered primary custom domain https://nhivo.io.vn across all governance documentation, specifying endpoints /, /pdf, and /references/[id].
7-Page A4 PDF Profile System (/pdf): Implemented a 7-page portrait PDF layout with locked 297mm page heights, standardized 2-line footers, rotated landscape credentials (InCorp-certificate-team-leadership-program.png), and a 4-column CSS masonry photo gallery.
Verbatim Reference Letter Pages (/references/[id]): Created dynamic detail pages for ngoc-nguyen, vojtech-zehnalek, jessica-tran, and leo-dong-son-lam containing 100% verbatim text extracted directly from original .docx and .pdf source files.

Typography Standardization: Aligned font families across PDF, Reference detail pages, and blog (Philosopher serif + Be Vietnam Pro sans).
Documentation Consolidation: Merged standalone PDF_EXPORT.md into APP_CONTEXT.md to maintain the strict 4-Doc Governance Rule (README.md, APP_CONTEXT.md, PROJECT_STATUS.md, CHANGELOG.md + DESIGN.md).

Broken PDF Download Links: Removed non-functioning external PDF download buttons, embedding full verbatim letters and contact details directly into the web layout.

Design System Specification: Created root-level DESIGN.md containing dynamic light/dark HSL mapping, Tailwind tokens, layout sizing constraints, animations, and accessible Radix UI component configurations.
Single Source of Truth for Expertise: Refactored lenses.ts to store structural keys only, querying text content dynamically from translations.ts on server-side pre-render to eliminate duplication.
Open Graph Compression: Quantized and compressed public/open-graph.png down to 204KB (80% reduction) using PIL's adaptive palette quantization, preserving crawler compatibility.

Workspace Governance & Structure: Synchronized 4 core documents (README.md, APP_CONTEXT.md, PROJECT_STATUS.md, and CHANGELOG.md) to index DESIGN.md and detail the full folder directory structure of the repository.
Corrected Gallery Timeline: Set International University - VNU year to 2021 and Ladakh, India to 2023, re-sorted the 25 gallery database entries, and re-indexed WebP assets sequentially (gallery-1.webp through gallery-25.webp).
Cleaned Morocco Tag: Removed duplicated , Maroc from the Morocco Vietnamese location metadata.

Footer Button Squishing: Added responsive shrink-0 and whitespace-nowrap layout constraints to the footer contact CTA button wrapper to prevent text wrapping on long Vietnamese paragraph layouts.
Removed Dead Code: Deleted redundant unused standalone translations-en.ts file.

Modular About Component Tree: Formally documented the About page component tree layout decomposition (src/components/about/, src/data/about/, and src/layouts/about/) in APP_CONTEXT.md for AI searchability.
Gallery Image Orientation Detection: Defined explicit portrait orientations for gallery items [1, 2, 4, 13, 14, 18, 24] to handle aspect ratios dynamically.

Responsive Gallery Cropping: Adjusted image cards to render dynamic aspects (aspect-[3/4] for portrait, aspect-[4/3] for landscape) on mobile viewports. Kept heights vertically aligned at a uniform 60vw to prevent portrait photos from being cropped at the top and bottom.
Mobile Text Overflow Clipping: Applied explicit width constraints (w-[45vw] / w-[80vw]) matching the card widths to the parent item containers, resolving a Flexbox layout bug where long location strings overflowed and cut off at screen edges on mobile browsers.

Logo Fetch Workflow & Skill: Integrated workspace-scoped .agents/skills/logo-processor skill and /logo-fetch workflow to automate brand logo downloads, converting to WebP without cluttering local scratch folders.
Semantic Navigation Hrefs: Renamed all targets from numerical chapters to clean semantic anchors (#story, #expertise, #journey, #impact, #gallery, #values, #talk), removed the word "chapter" globally, and inserted "Gallery" into the navigation menus.
Academic Engagements Layout: Added a static grid for community logos on desktop (with grayscale hover-reveal color transitions) and an endless scrolling marquee on mobile viewports.
Transparent WebP Logos: Processed AIESEC and Hotel Briefing Blog logo assets to remove backgrounds, saving them as transparent WebPs.

Reordered Section Flow: Moved the Academic Engagements logo panel directly above the speaking and learning details columns and removed the "Impact" eyebrow tag.
Brand Logo Silhouette Reversion: Restored the "Trusted By" brand logo section to black silhouettes (brightness-0 opacity-40) to maintain a clean contrast balance against the off-white paper background, resolving legibility issues.

MonteCarlo Typography: Integrated signature cursive font (MonteCarlo) globally for the Vietnamese/English bio highlights on "Made by Vietnam".
Sticky Horizontal Menu: Designed a mobile-first sticky horizontal navigation jump menu for the about page section categories.
Auto-Scroll Active Tabs: Implemented a client-side IntersectionObserver script that auto-scrolls mobile sub-navigation links to center the active item.
Transparent Favicon: Center-padded portrait thumbnail into a transparent square icon (favicon-square.webp).
Optimized OG Preview: Compressed profile photo into standard OG sharing dimensions (nhi-vo-thumbnail.webp).
Visual Editorial Theme Option: Created the new premium visually stunning layout as a separate theme option. Restored the original layout to src/pages/about-original.astro as a backup, and activated the editorial theme at src/pages/about.astro by default. Added switching documentation.

Typography Upgrades: Replaced Playfair Display and Inter font families globally with Philosopher and Be Vietnam Pro in Tailwind configurations.
Resume PDF Sync: Completely re-aligned print resume template to exactly 3 pages, replaced raw emoji characters with custom vector Lucide contact SVG headers, and compiled using headless Chrome.
Timeline Refinements: Cleaned up project consulting entries and updated core competencies grid items.

Governance Integration: Initialized the "4-Doc Rule" (README, CHANGELOG, PROJECT_STATUS, APP_CONTEXT) to align with workspace standards.
Theme Baseline: Established the Astro Modular framework with Oxygen theme.
Project Indexing: Formally linked as the sister project to the Vedic Astro Guide.

Config Refinement: Optimized src/config.ts with brand identifiers and Vercel deployment targets.