Skip to content

GabiBrawl/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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