My Portfolio

A modern, interactive and opinionated portfolio for me, GabiBrawl, showcasing my projects which I'm most proud of.

Features

• Responsive Design: Optimized for desktop and mobile devices
• Interactive Elements: Hover effects, particle animations, and easter eggs
• Command Palette: Terminal-style interface with fun commands (Ctrl+K to open)
• Accessibility: Proper ARIA labels, keyboard navigation, and semantic HTML
• Performance: Optimized loading with preconnects, preloads, and deferred scripts

Technologies Used

• Frontend: HTML5, CSS3, Vanilla JavaScript
• Fonts: Google Fonts (Special Gothic Condensed/Expanded One)
• Icons: Custom SVG cursors, most made by Grok Code Fast 1 and Claude Sonnet 4.5

Project Structure

portfolio/
├── index.html          # Main HTML file
├── assets/
│   ├── css/
│   │   ├── base.css    # Variables, resets, typography
│   │   ├── layout.css  # Layout and responsive design
│   │   ├── components.css  # Component styles
│   │   └── effects.css # Animations and effects
│   ├── js/
│   │   ├── main.js     # Initialization
│   │   ├── utils.js    # Utility functions
│   │   ├── effects.js  # Particle effects
│   │   ├── interactions.js  # User interactions
│   │   └── features.js # Complex features
│   ├── images/         # Project images and profile picture
│   ├── cursors/        # Custom cursor SVGs
│   └── (other assets)
├── LICENSE
└── README.md

License

See LICENSE file.

Contact

• Email: [email protected]
• X (Twitter): @GabiBrawl