You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
๐ What's New in v2.2.0
๐ฅ Hero Collage Refinements
The 3D Exploding View Hero Collage has been polished for a smoother user experience.
Feature
Detail
Hover Interaction
Restricted tiles' "scale-up" hover effect to only apply in the non-exploded state.
Exploration UX
Removed distracting z-index jumps and scaling when exploring the exploded collage.
Accessibility
Tiles converted from div to <a> tags for native link behavior and better semantic structure.
Mobile Sync
Full compatibility with Galaxy S25 and iPhone viewport sizes.
๐ 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 on hover 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 (Galaxy S25/iPhone)
๐จ Homepage Hero Collage โ 10 Tiles
The hero collage on the homepage (index.html) consists of 10 dynamic
tiles representing flagship projects.
10 tiles (tile-a through tile-j) positioned in a 3D isometric stack.
Each tile mapped to a project screenshot and URL dynamically.
verify-collage.js (Playwright test) updated to assert 10 tiles.