[INSERT A HIGH-QUALITY GIF OF YOUR WEBSITE IN ACTION HERE]
This project is more than a simple collection of my work; it's a digital canvas built to explore a central theme: the dialogue between the ancient and the modern. It fuses the organic, rhythmic motion of the sea—a nod to my Sri Lankan heritage—with the structured, logical world of code and AI. The design aims to create a space that is both a professional portfolio and a piece of personal, interactive art.
| Feature | Implementation Details |
|---|---|
| Generative Ocean | A custom p5.js sketch renders a multi-layered, procedural wave animation at the base of the screen, creating a constant, calming sense of motion. |
| The 'Liminal' Easter Egg | A hidden toggle that transforms the site's entire aesthetic, shifting from a dark, "deep sea" theme to a high-contrast, atmospheric teal "light mode" with unique wave physics and colors. |
| Seamless SPA Experience | Built as a Single-Page Application using Vue.js, allowing for fluid, animated transitions between content sections with no page reloads. |
| Dynamic Layout | The site is fully responsive, featuring a two-column layout on mobile that preserves the user experience and readability on smaller screens. |
This portfolio was built with a focus on a modern, lightweight, and interactive frontend stack.
| Category | Technology / Library |
|---|---|
| Core Framework | Vue.js (v3 with Vite) |
| Generative Graphics | p5.js |
| Deployment & CI/CD | Netlify |
| Styling | Scoped CSS3 & Keyframe Animations |
| Version Control | Git & GitHub |
This project is licensed under the MIT License. See the LICENSE file for details.