buGGy's Portfolio & Blog

A cybersecurity portfolio and blog featuring a modern glassmorphism UI design with an orange/amber theme.

🌐 Live Site: buggymaytricks.github.io

✨ Features

• Glassmorphism Design - Modern frosted glass aesthetic with backdrop blur effects
• Single Page Application - Smooth navigation without page reloads
• Dynamic Content - GitHub API integration for real-time project display
• Cybersecurity Quotes - Rotating collection of 60+ security-themed quotes
• Resume Modal - Built-in PDF resume viewer
• Responsive Layout - Optimized for desktop viewing
• Jekyll Blog - Integrated blog with Chirpy theme for writeups and tutorials
• SEO Optimized - Meta tags, Open Graph, Twitter Cards, and JSON-LD structured data

🎨 Design

• Theme: Orange/Amber (#ff6b35, #f7931e, #ffa500)
• Style: Glassmorphism with animated gradient background
• Typography: Inter font family via Google Fonts
• Animations: Floating cards, smooth transitions, typing effects

🚀 Quick Start

Prerequisites

• Ruby (3.0+) and Bundler
• Git

Installation

# Clone the repository
git clone https://github.com/buggymaytricks/buggymaytricks.github.io.git
cd buggymaytricks.github.io

# Install dependencies
bundle install

# Run locally
bundle exec jekyll serve

Visit http://localhost:4000 to view the site.

📁 Project Structure

├── index.html          # Main portfolio page (self-contained CSS/JS)
├── _config.yml         # Jekyll configuration
├── _posts/             # Blog posts (markdown)
├── _tabs/              # Navigation pages (About, Archives, etc.)
├── _data/              # Site data files
├── assets/
│   ├── img/favicons/   # Site favicons
│   └── fonts/          # Font files
└── Gemfile             # Ruby dependencies

✏️ Customization

Personal Info

Edit index.html to update:

• Name and title in the hero section
• About me content
• Social links and contact info
• Skills and certifications

Blog Posts

Add markdown files to _posts/ following the naming convention:

YYYY-MM-DD-post-title.md

Configuration

Update _config.yml for:

• Site title and description
• Social media handles
• SEO settings

🔐 About Me

Aspiring Red Team Operator | Top 2% on TryHackMe | B.E. Computer Engineering

Certifications:

• ✅ TCM-PEH (Practical Ethical Hacking)
• 🎯 HTB-CJCA (HTB Certified Junior Cybersecurity Analyst) - In Progress

Specializing in:

• Network Penetration Testing
• Active Directory Exploitation
• Security Operations (SOC) & DFIR
• Privilege Escalation

📝 License

This project is open source under the MIT License.

🤝 Connect

• GitHub: @buggymaytricks
• TryHackMe: buggymaytricks
• LinkedIn: buggymaytricks

---

⭐ If you find this helpful, consider giving it a star!