|
1 | | -# Personal Portfolio & Blog |
| 1 | +# buGGy's Portfolio & Blog |
2 | 2 |
|
3 | | -A personal cybersecurity portfolio and blog built with Jekyll and vanilla JavaScript. Features a dynamic portfolio homepage with GitHub integration and a Jekyll-powered blog. |
| 3 | +A cybersecurity portfolio and blog featuring a modern glassmorphism UI design with an orange/amber theme. |
4 | 4 |
|
5 | 5 | 🌐 **Live Site:** [buggymaytricks.github.io](https://buggymaytricks.github.io) |
6 | 6 |
|
7 | | -## Quick Setup |
| 7 | +## ✨ Features |
8 | 8 |
|
9 | | -### Prerequisites |
10 | | -- Ruby (3.0+) and Jekyll |
11 | | -- Git |
12 | | - |
13 | | -### Clone and Run |
14 | | - |
15 | | -1. **Fork this repository** to your GitHub account |
16 | | - |
17 | | -2. **Clone your fork:** |
18 | | - ```bash |
19 | | - git clone https://github.com/YOUR-USERNAME/YOUR-REPO-NAME.git |
20 | | - cd YOUR-REPO-NAME |
21 | | - ``` |
| 9 | +- **Glassmorphism Design** - Modern frosted glass aesthetic with backdrop blur effects |
| 10 | +- **Single Page Application** - Smooth navigation without page reloads |
| 11 | +- **Dynamic Content** - GitHub API integration for real-time project display |
| 12 | +- **Cybersecurity Quotes** - Rotating collection of 60+ security-themed quotes |
| 13 | +- **Resume Modal** - Built-in PDF resume viewer |
| 14 | +- **Responsive Layout** - Optimized for desktop viewing |
| 15 | +- **Jekyll Blog** - Integrated blog with Chirpy theme for writeups and tutorials |
| 16 | +- **SEO Optimized** - Meta tags, Open Graph, Twitter Cards, and JSON-LD structured data |
22 | 17 |
|
23 | | -3. **Install dependencies:** |
24 | | - ```bash |
25 | | - bundle install |
26 | | - ``` |
| 18 | +## 🎨 Design |
27 | 19 |
|
28 | | -4. **Run locally:** |
29 | | - ```bash |
30 | | - ./tools/run.sh |
31 | | - # Or: bundle exec jekyll serve |
32 | | - ``` |
| 20 | +- **Theme:** Orange/Amber (`#ff6b35`, `#f7931e`, `#ffa500`) |
| 21 | +- **Style:** Glassmorphism with animated gradient background |
| 22 | +- **Typography:** Inter font family via Google Fonts |
| 23 | +- **Animations:** Floating cards, smooth transitions, typing effects |
33 | 24 |
|
34 | | -## Customization for Your Portfolio |
| 25 | +## 🚀 Quick Start |
35 | 26 |
|
36 | | -### 1. Update Personal Data |
37 | | -Edit `assets/js/modules/data.js` to replace my information with yours: |
38 | | -- Personal details (name, title, bio) |
39 | | -- Skills and tools |
40 | | -- Social media links |
41 | | -- Project information |
| 27 | +### Prerequisites |
| 28 | +- Ruby (3.0+) and Bundler |
| 29 | +- Git |
42 | 30 |
|
43 | | -### 2. Configure Jekyll |
44 | | -Update `_config.yml` with your site details: |
| 31 | +### Installation |
| 32 | + |
| 33 | +```bash |
| 34 | +# Clone the repository |
| 35 | +git clone https://github.com/buggymaytricks/buggymaytricks.github.io.git |
| 36 | +cd buggymaytricks.github.io |
| 37 | + |
| 38 | +# Install dependencies |
| 39 | +bundle install |
| 40 | + |
| 41 | +# Run locally |
| 42 | +bundle exec jekyll serve |
| 43 | +``` |
| 44 | + |
| 45 | +Visit `http://localhost:4000` to view the site. |
| 46 | + |
| 47 | +## 📁 Project Structure |
| 48 | + |
| 49 | +``` |
| 50 | +├── index.html # Main portfolio page (self-contained CSS/JS) |
| 51 | +├── _config.yml # Jekyll configuration |
| 52 | +├── _posts/ # Blog posts (markdown) |
| 53 | +├── _tabs/ # Navigation pages (About, Archives, etc.) |
| 54 | +├── _data/ # Site data files |
| 55 | +├── assets/ |
| 56 | +│ ├── img/favicons/ # Site favicons |
| 57 | +│ └── fonts/ # Font files |
| 58 | +└── Gemfile # Ruby dependencies |
| 59 | +``` |
| 60 | + |
| 61 | +## ✏️ Customization |
| 62 | + |
| 63 | +### Personal Info |
| 64 | +Edit `index.html` to update: |
| 65 | +- Name and title in the hero section |
| 66 | +- About me content |
| 67 | +- Social links and contact info |
| 68 | +- Skills and certifications |
| 69 | + |
| 70 | +### Blog Posts |
| 71 | +Add markdown files to `_posts/` following the naming convention: |
| 72 | +``` |
| 73 | +YYYY-MM-DD-post-title.md |
| 74 | +``` |
| 75 | + |
| 76 | +### Configuration |
| 77 | +Update `_config.yml` for: |
45 | 78 | - Site title and description |
46 | | -- Your GitHub username |
47 | 79 | - Social media handles |
| 80 | +- SEO settings |
48 | 81 |
|
49 | | -### 3. Add Your Content |
50 | | -- **Blog posts:** Add `.md` files to `_posts/` |
51 | | -- **About page:** Edit `_tabs/about.md` |
52 | | -- **Projects:** Will auto-load from your GitHub repos (or edit the data manually) |
53 | | - |
54 | | -### 4. Customize Styling |
55 | | -- Main styles in `style.css` |
56 | | -- Modular JS components in `assets/js/modules/` |
57 | | - |
58 | | -## Key Integrations |
| 82 | +## 🔐 About Me |
59 | 83 |
|
60 | | -- **GitHub API** - Automatically displays your repositories |
61 | | -- **Jekyll Blog** - Chirpy theme with SEO optimization |
62 | | -- **Chart.js** - Skills visualization |
63 | | -- **Service Worker** - Offline functionality and caching |
| 84 | +Aspiring Red Team Operator | Top 2% on TryHackMe | B.E. Computer Engineering |
64 | 85 |
|
65 | | -## Deployment |
| 86 | +Specializing in: |
| 87 | +- Offensive Security & Penetration Testing |
| 88 | +- Web Application Security |
| 89 | +- Active Directory Exploitation |
| 90 | +- Security Tool Development |
66 | 91 |
|
67 | | -1. **GitHub Pages:** Enable Pages in your repo settings (source: GitHub Actions) |
68 | | -2. **Custom Domain:** Add your domain to `CNAME` file |
69 | | -3. **Auto-deploy:** Pushes to main branch trigger automatic builds |
| 92 | +## 📝 License |
70 | 93 |
|
71 | | -## Contributing & Feedback |
| 94 | +This project is open source under the [MIT License](LICENSE). |
72 | 95 |
|
73 | | -Found a bug or have a suggestion? |
74 | | -- Open an [issue](https://github.com/buggymaytricks/buggymaytricks.github.io/issues) |
75 | | -- Submit a pull request |
76 | | -- Reach out on social media |
| 96 | +## 🤝 Connect |
77 | 97 |
|
78 | | -**Ideas for improvements:** |
79 | | -- Performance optimizations |
80 | | -- Mobile responsiveness enhancements |
81 | | -- Accessibility improvements |
82 | | -- New features or integrations |
| 98 | +- **GitHub:** [@buggymaytricks](https://github.com/buggymaytricks) |
| 99 | +- **TryHackMe:** [buggymaytricks](https://tryhackme.com/p/buggymaytricks) |
| 100 | +- **LinkedIn:** [buggymaytricks](https://linkedin.com/in/buggymaytricks) |
83 | 101 |
|
84 | 102 | --- |
85 | 103 |
|
86 | | -⭐ **If this template helps you, consider giving it a star!** |
| 104 | +⭐ **If you find this helpful, consider giving it a star!** |
0 commit comments