Personal Portfolio Website

A minimalist, high-performance portfolio website designed with an Evangelion-inspired aesthetic (Neon Genesis Evangelion). Built with pure HTML, CSS, and JavaScript, focusing on accessibility, responsiveness, and clean design.

Live Demo : https://kayeprojects.github.io/personal-portfolio/

🌟 Features

• Evangelion Theme: Dark mode with neon violet (#9d00ff) and green (#39ff14) accents.
• Responsive Design: Fully responsive layout that works on mobile, tablet, and desktop.
• Dynamic Projects: Project list is automatically generated from a JSON data file.
• Accessibility: Semantic HTML, keyboard navigation support, and ARIA labels.
• Micro-interactions: Smooth hover effects, transitions, and scroll animations.
• SEO Optimized: Includes Open Graph tags, Twitter cards, and semantic structure.

🛠️ Technologies

• HTML5: Semantic structure
• CSS3: Custom properties (variables), Flexbox, Grid, Animations
• JavaScript (ES6+): Dynamic content rendering, Intersection Observer API
• Fonts: JetBrains Mono & Inter (via Google Fonts)

🚀 Getting Started

Prerequisites

No build tools or package managers are required! This is a static site.

📂 Project Structure

/
├── assets/             # Images and static files
├── css/
│   └── styles.css      # Main stylesheet
├── js/
│   ├── main.js         # UI interactions and logic
│   └── projects.js     # Project data configuration
├── index.html          # Main entry point
└── README.md           # Documentation

📄 License

This project is open source and available under the MIT License.

---

Designed & Built by Rifky Rofiq