🏛️ Maison de nIcK — v2.4.1

A digital portfolio by nIcK — showcasing AI-driven language apps, 3D fashion design, woodwork, market tools, and interactive web experiences, all built without formal design or coding credentials, powered by AI.

🀄 QingVoca & 14-Card Hero Collage (v2.4.1)

The portfolio now highlights QingVoca as the front-most hero collage card and expands the project surface to 14 live cards.

Feature	Detail
QingVoca Integration	Added QingVoca, a RedGold learner vocabulary app for HSK4 reps, as the pinned front card.
14-Card Collage Pool	Hero collage project pool now includes QingVoca, MacSnow, RedGold, LLeM, fashion, language, market, and play projects.
Card Descriptions	README now documents every active card with category, purpose, and link.
Security Refresh	liquidjs now resolves to 10.27.0; npm audit reports 0 vulnerabilities.

---

🛫 LLeM & Front-Most Pinning (v2.3.0)

The portfolio has been upgraded to highlight LLeM, the first public release flagship.

Feature	Detail
Project Integration	Added LLeM (Local Large Language Model) assistant to the flagship grid.
Front-Most Pinning	app.js modified to pin LLeM to tile-j (the front-most 3D layer).
Z-Index depth fix	Synchronized z-index with translateZ to prevent background clipping.
Airplane Story	Updated project description to reflect the "Built for 30,000ft" theme.

---

💥 Hero Collage Refinements (v2.2.0)

Feature	Detail
Hover Interaction	Restricted tiles' hover effect to non-exploded state.
Exploration UX	Removed z-index jumps when exploring exploded collage.
Accessibility	Tiles converted from div to <a> tags.
Mobile Sync	Full compatibility with Galaxy S25 and iPhone viewports.

---

🚀 What's New in v2.2.1

🔒 Security & Modernization Fixes

Comprehensive security update addressing vulnerabilities and modernizing the codebase.

Feature	Detail
Security	Fixed CVE-2026-41311 by upgrading liquidjs to 10.25.7. Latest lockfile override resolves liquidjs to 10.27.0.
Protocols	Migrated all project links to secure https.
Standards	Modernized legacy JavaScript by replacing var with let/const.
Integrity	Added Subresource Integrity (SRI) to external scripts.
Linting	Resolved markdownlint compliance issues in README.md.

---

🚀 Previous in v2.1.0

💥 3D Exploding View Hero Collage

The homepage hero collage was transformed from a 2D grid into a premium, interactive 3D Isometric Stack.

Feature	Detail
Visual Style	Glassmorphic 3D isometric stack
Interaction	Smooth "Exploding" animation spread across the Z-axis.
Connectivity	Tiles are clickable in both stacked and exploded states.
Technology	Pure CSS 3D Transforms (perspective, translateZ, rotate).
Responsiveness	Optimized for Desktop, Tablet, and Mobile devices.

---

🎨 Homepage Hero Collage — 14 Project Cards

The hero collage on the homepage is rendered with 10 visible 3D tiles, fed by a 14-card project pool from assets/js/app.js.

• 10 visible tiles (tile-a through tile-j) positioned in a 3D isometric stack.
• 14 project cards available for shuffled assignment.
• QingVoca is pinned to the front-most tile (tile-j).
• Each tile maps to a project screenshot and URL dynamically.

Card	Category	Description	Link
QingVoca	Language 🀄	RedGold learner vocab app for HSK4 words, streaks, and daily Chinese reps. 🔥	heroyik.github.io/qingvoca
MacSnow	macOS ❄️	Snow, Santa, gifts, scenery, and desktop animation for macOS. 🎄	github.com/heroyik/macsnow
RedGold	Language 🀄	HSK4 Chinese learning sidekick with grammar and speaking practice energy. 🐉🔥	heroyik.github.io/redgold
LLeM	AI Development ✈️	Local-first AI coding assistant for VS Code and Cursor, built for offline use. 🤖	github.com/heroyik/llem
Set-in Jacket	Fashion / 3D	CLO3D-inspired garment experiment motivated by camouflage fatigues.	heroyik.github.io/fsijc
HOLA ESPAÑOL A1/A2	Spanish 🇪🇸	DELE A1/A2 Spanish learning app for English-fluent Koreans. 🔥	heroyik.github.io/hola-a1a2
HolaVoca 2.0	Spanish 🎯	Rebooted Spanish vocabulary app with a lighter, more playful practice flow. 💃	heroyik.github.io/holavoca/v2
3D Concept Shop	Flagship 🛍️	Retail, spatial, and fashion ideas collected into one 3D concept space. 🏗️	heroyik.github.io/4SeasonsShop
Colloquial English	English 💬	Street-level English practice with practical, direct phrasing. 🗽	heroyik.github.io/col_eng
Daily US Stock Briefing	Markets 📊	Daily market signal and US stock briefing surface. 📈	heroyik.github.io/finrep
Tetris	Play 🧩	Minimal playable Tetris experiment. ⚡	heroyik.github.io/tetmin
Spanish Verb Shadowing	Spanish 🎙️	Native-audio Spanish verb shadowing coach with Gemini Live. 💬	shadowing coach
VozViva	Spanish 🎵	Spanish tense intuition and native rhythm training app. 🇪🇸	vozviva
KamiVoca	Japanese 🇯🇵	Minimalist Japanese vocabulary app with real-world utility. ✨	heroyik.github.io/kamivoca

---

🔒 Security — 0 Vulnerabilities

All npm vulnerabilities resolved as of v2.0.0:

Package	Severity	CVE / Advisory	Fix
liquidjs	High	GHSA-wmfp-5q7x-987x	Upgraded to 10.25.0
minimatch	High	CVE-2026-27904, CVE-2026-27903	Overridden to 10.2.3
markdown-it	Moderate	Dependabot alert	Overridden to ~14.1.1

---

💻 All Projects

🤖 AI Development

App	Status	Link
LLeM	NEW	github.com/heroyik/llem

❄️ macOS

App	Status	Link
MacSnow	NEW	github.com/heroyik/macsnow

🇨🇳 Chinese

App	Status	Link
RedGold	⚡ LIVE	heroyik.github.io/redgold

🇯🇵 Japanese

App	Status	Link
KamiVoca	New	heroyik.github.io/kamivoca

🇪🇸 Spanish

App	Status	Link
HOLA ESPAÑOL A1/A2	🔥 HOT	heroyik.github.io/hola-a1a2
HolaVoca 2.0	REBOOT	heroyik.github.io/holavoca/v2
Spanish Verb Shadowing	Live	shadowing coach
VozViva	Live	vozviva

🇬🇧 English

App	Status	Link
Colloquial English	Live	heroyik.github.io/col_eng

🎮 Play & ✨ Flagship

App	Status	Link
Tetris	Live	heroyik.github.io/tetmin
3D Concept Shop	IN DEV	heroyik.github.io/4SeasonsShop

📈 Markets

App	Status	Link
Daily US Stock Briefing	Live	heroyik.github.io/finrep

---

👕 Fashion Design (CLO3D, Mixamo, Blender)

Project	Motivation	Link
Leggings & Sleeveless Blouse	Camouflage fatigues	View
Leggings & Batwing Blouse	Camouflage fatigues	View
Set-in Jacket	Camouflage fatigues	View
Light Skyblue Dress	MAXMARA Dress	View

🪑 Woodwork Design (Sketchup, Blender)

• Coffee Table
• Infinite Cube

---

🌍 Deployment

Hosted on GitHub Pages. Assets (CSS, JS, images) served directly from the repo root. Published path: . (configured in netlify.toml).

---

🔄 Revision History

Version	Detail
v2.4.1	Pinned QingVoca to the front-most hero collage card;
	Added the QingVoca preview image and kept its card badge to NEW;
v2.4.0	Added MacSnow as the front-most hero collage card;
	Documented the full 13-card collage pool and added MacSnow/RedGold project rows;
	Updated security notes for [email protected] and 0-vulnerability audit;
v2.3.0	Integrated LLeM flagship; Pinned LLeM to front-most tile (tile-j);
	Synchronized z-index with 3D depth; Updated LLeM "Airplane" story;
v2.2.1	Fixed liquidjs CVE; Migrated HTTP to HTTPS; SRI added;
	Modernized legacy JS; Resolved markdownlint MD013 errors;
v2.2.0	Tiles converted to <a> tags; Hover effects removed in exploded state;
	Improved exploration UX and mobile linking reliability;
v2.1.0	3D Exploding View Hero Collage implemented; 10-tile layout;
	Navigation links functional in all states; Eleventy build fixed;
v2.0.0	All CVEs patched;
	package.json updated to [email protected]
1.2.5	liquidjs upgraded to 10.25.0 (GHSA-wmfp-5q7x-987x)
1.2.3	minimatch overridden to 10.2.3 (CVE-2026-27904, -27903)
1.2.2	Dependabot alerts: minimatch + markdown-it overrides
1.2.1	GitHub SVG icon added to footer
1.2.0	README overhauled with tables, blockquotes, icons
1.1.3	App card descriptions detailed
1.1.2	Fixed remaining netlify.app links
1.1.1	All links migrated to heroyik.github.io
1.1	Hero collage: 9→10 images, shuffled dynamically,
	Playwright verify-collage.js test added