Focus: Updating production domain to https://nhivo.io.vn, building the 7-page A4 PDF Profile system (/pdf), publishing 100% verbatim reference letter detail pages (/references/[id]), and consolidating project documentation into the core 4 Governance Docs.
https://nhivo.io.vn across all documentation and templates, documenting endpoints /, /pdf, and /references/[id]./pdf): Restructured /pdf into a 7-page portrait profile with fixed 297mm page heights, standardized footers, 4-column CSS masonry photo gallery, and rotated landscape credentials (InCorp-certificate-team-leadership-program.png rotated 90° clockwise via sips)./references/[id]): Created dynamic static routes for reference letters (ngoc-nguyen, vojtech-zehnalek, jessica-tran, leo-dong-son-lam) using 100% verbatim source text extracted directly from scratch/docs/Recommended letter/ .docx and .pdf files.Philosopher serif + Be Vietnam Pro sans) across PDF, Reference pages, and main site.PDF_EXPORT.md into APP_CONTEXT.md under a dedicated architecture section, maintaining a clean 4-Doc rule (README.md, APP_CONTEXT.md, PROJECT_STATUS.md, CHANGELOG.md + DESIGN.md).Focus: Eliminating code duplication, refactoring the design guidelines into a reusable Design System spec, updating workspace documentation, and ensuring responsive layouts.
DESIGN.md at the project root to serve as a generalized styling spec. It abstracts design tokens, HSL dark mode mapping, layouts (1000px grids vs 720px reader columns), typography families, calm transition keyframes, and accessible Radix UI component behaviors. It provides a pure design guideline ready to copy to VWG Blog.README.md, APP_CONTEXT.md, PROJECT_STATUS.md, and CHANGELOG.md) to integrate references to DESIGN.md and document the project's full file folder directory tree.lenses.ts and loaded them dynamically inside LensesSection.astro using build-time translation key lookups.International University - VNU to 2021 and Ladakh, India to 2023, re-sorted all 25 items by Year (descending) and Location (EN), and re-indexed all WebP assets on disk sequentially.public/open-graph.png down to 204KB (saving 80%) using PIL palette quantization to maintain standard formats for social platforms without loading down site weight.shrink-0 and whitespace-nowrap classes to the CTA button wrapper in AboutFooter.astro, ensuring it scales dynamically to fit content in any language and never squishes or distorts.translations-en.ts file from the directory.sitemap_snapshot_for_review.xml at the project root for SEO verification.Focus: Restoring the visually correct 4:34 PM baseline of the decomposed About page, resolving mobile image gallery cropping issues, and updating structural maps.
aspect-[3/4] vs landscape aspect-[4/3]). Kept gallery container heights uniform at 60vw on mobile and 300px/340px on desktop for clean visual alignment.div wrapper to explicit matching widths (w-[45vw]/w-[80vw]) on mobile, resolving a rendering bug where long location labels like INCORP VIETNAM, HCMC forced the flex containers to overflow and cut off text at screen boundaries.APP_CONTEXT.md to explicitly list all modular layouts (src/layouts/about/), components (src/components/about/), and datasets (src/data/about/) from the Decomposition Map.Focus: Standardizing brand logo processing, visual layout alignment, and semantic navigation targets.
.agents/skills/logo-processor skill and /logo-fetch workflow. This fetches brand logos via free APIs (Hunter.io, Clearbit) and automatically processes raster images to WebP format.#story, #expertise, #journey, #impact, #gallery, #values, #talk), removed the word "chapter" globally, and inserted "Gallery" into the desktop and mobile navigation menus.#impact block. Desktop viewports render a visually quiet static grid of logos that default to grayscale but transition smoothly to full color on hover. Mobile viewports render an auto-scrolling marquee to conserve layout height.brightness-0 opacity-40) to maintain clear contrast and legibility against the warm off-white background (#F4F1E2), resolving low contrast issues.sharp./maintenance-clean workflow, deleting old browser recordings and saving 2.6 GB of disk space.Focus: Elevating UX styling, mobile responsive sticky sub-navigation, and vector PDF resume alignment.
Be Vietnam Pro (geometric, localization-friendly) and Philosopher (curved serif) globally.MonteCarlo font globally to highlight "Made by Vietnam" quotes on the About page.nhi-vo-thumbnail.webp and transparent portrait cutout favicon-square.webp to replace standard template assets.Nhi_Vo_Resume.pdf) via headless Chrome.src/pages/about-original.astro as a backup, and activated the editorial theme at src/pages/about.astro as requested. Added instructions to the 4 governance documents for switching themes later./contact.