This repository contains the source code for my personal portfolio. Designed with an Industrial Schematic aesthetic, it serves as a high-fidelity record of my work in software engineering, system design, and creative coding.
- Symmetrical Transition Engine: Custom "Industrial Shutter" page transitions with glassmorphism and real-time state management.
- Procedural Sound Engine: Tactile audio feedback (Hover/Click) generated procedurally via the Web Audio API.
- Interactive 3D Hero: Generative WebGL orb with post-processing (Bloom, RGB Shift, Noise).
- Dynamic Project Archive: Advanced filtering system with real-time search, tag normalization, and smooth state transitions.
- AI-Ready & SEO: Optimized for citation by LLMs and modern answer engines with deep meta-tagging and semantic HTML.
- Security-First: Full implementation of Subresource Integrity (SRI) for all external CDN dependencies.
├── index.html # Main terminal & Hero landing
├── archives.html # Comprehensive project archive
├── project.html # Dynamic project detail template
├── src/
│ ├── script/
│ │ ├── transitions.js # Seamless page transition logic
│ │ ├── projects-data.js # Centralized project database
│ │ └── main.js # Core interactivity & 3D logic
│ └── style/
│ └── main.css # Core design system & tokens
└── robots.txt / sitemap.xml # SEO & AI Bot configurations
To modify the schematic or update the build:
- Install Dependencies:
npm install - Rebuild System:
npm run build(Compiles Tailwind CSS v4)
All digital rights reserved © 2026 Loh Min Yu. Designed for the next generation of search and system architecture.
