- Add Simmonds Ltd inspired design with grid patterns - Light/Dark theme toggle (default: light) - Center VNDK logo on main landing page - Move view mode toggle to Selected Works section - Highlight Download CV button with phosphor green - Remove duplicate view toggles from nav bar - Update Professional Journey with longer descriptions - Update README with new features
59 lines
No EOL
1.2 KiB
Markdown
59 lines
No EOL
1.2 KiB
Markdown
# KHOA.VO Portfolio
|
|
|
|
Personal portfolio website featuring dual personas (Creative & IT), inspired by Simmonds Ltd design aesthetics.
|
|
|
|
## Live Site
|
|
|
|
- **Main**: https://khoavo.myds.me
|
|
- **Creative Works**: https://portfolio.khoavo.myds.me (redirects to main)
|
|
|
|
## Features
|
|
|
|
### Creative Side
|
|
- **Three viewing modes**: Grid, List, Minimal
|
|
- **Image effects**: Grayscale + pixelated + blur → Full color on hover
|
|
- **Enhanced project modal**: Keyboard navigation (ESC, Arrow keys)
|
|
- **Professional Journey**: Longer, more detailed for HR/readability
|
|
|
|
### IT Side
|
|
- **Retro desktop UI**: Draggable windows
|
|
- **CRT screen effects**: Scanlines, vignette
|
|
- **Idle screensaver**: 5s timeout with animated logo
|
|
|
|
### Design
|
|
- **Simmonds Ltd inspired**: Dark/light theme, grid patterns, phosphor green accents
|
|
- **Typography**: Syne (display) + IBM Plex Mono
|
|
- **Default theme**: Light
|
|
|
|
### Print CV
|
|
- Separate print-optimized A4 format
|
|
- Concise professional journey
|
|
|
|
## Tech Stack
|
|
|
|
- React 18
|
|
- Vite
|
|
- Tailwind CSS
|
|
- Framer Motion
|
|
- Lucide React
|
|
|
|
## Getting Started
|
|
|
|
```bash
|
|
npm install
|
|
npm run dev
|
|
```
|
|
|
|
## Build
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
## Print CV
|
|
|
|
Press the "Download CV" button or use `window.print()` to generate the PDF CV.
|
|
|
|
## License
|
|
|
|
MIT |