🎨 Quick Reference - Customization Shortcuts

🔴 Immediate Customization (5 minutes)

1. Update Email & Social Links

File: _config.yml (Lines 115-135)

email            : "your.email@example.com"
# Update all URLs in the "links:" section below

2. Update Your Name & Bio

File: _config.yml (Lines 115-118)

name             : "Your Full Name"
bio              : "Your professional tagline"
location         : "Your City/Country"

3. Update Project Titles & Descriptions

Files: index.html (Featured Projects) or projects.md (Full Portfolio)

Search for: [Add your project description here]

Replace with actual project details.

🟠 Content to Fill In (15-30 minutes)

Homepage Stats (index.html - Lines ~79-102)

<div class="stat-number">50+</div>  <!-- Update numbers -->
<div class="stat-label">Students Trained</div>

Academic Page (academics.md)

Projects Page (projects.md)

Skills Section (index.html - Lines ~332-456)

Replace [Add Skill] placeholders with:

Contact Page (contact.md)

🔵 Brand & Appearance Customization

Change Colors

File: assets/css/custom.css (Lines 1-13)

:root {
  --primary-blue: #003366;      /* Headers, main text */
  --accent-orange: #ff8c00;     /* Buttons, highlights */
  --white: #ffffff;              /* Backgrounds */
}

Add Profile Picture

  1. Save image to: assets/images/profile.jpg
  2. Update _config.yml: 
    author:
  avatar: /assets/images/profile.jpg

Change Skin/Dark Theme

File: _config.yml (Line 16)

minimal_mistakes_skin: "dark"  # Options: air, aqua, contrast, dark, dirt, neon, mint, plum, sunrise

📄 Page Placeholders Checklist

index.html

academics.md

projects.md

contact.md

_config.yml

🔗 Link Reference

💾 How to Edit Files

  1. Open folder in VS Code
  2. Edit files directly
  3. Save (Ctrl+S / Cmd+S)
  4. Commit and push to GitHub

Option 2: GitHub Web Editor

  1. Go to your repository on GitHub.com
  2. Click the file you want to edit
  3. Click the pencil icon (✏️)
  4. Make changes
  5. Click “Commit changes”

Option 3: Command Line

# Open file in default editor
nano _config.yml

# Or using VS Code
code _config.yml

🔍 Search & Replace Shortcuts

Quick find-and-replace patterns:

Find Replace Location
[Add your project description here] Your actual description index.html, projects.md
[Add Skill] Real skill name index.html
[Degree Name] Your degree academics.md
your.email@example.com Your actual email Multiple files
yourusername Your GitHub username _config.yml, pages
[Year Graduated] Actual year academics.md

🚀 Deploy to Live

Once You’re Ready:

# Test locally
bundle exec jekyll serve
# Visit: http://localhost:4000

# Push to GitHub
git add .
git commit -m "Update personal website content"
git push origin main

Your site will be live at: https://yourusername.github.io/personal_wp/

📱 Test Responsiveness

  1. Open your site in browser
  2. Press F12 (DevTools)
  3. Click device icon (top-left)
  4. Test on iPhone SE, iPad, and Desktop views
  5. All text should be readable
  6. All buttons should be clickable

🎯 Priority Order

  1. Essential (Do First):
    • Update email & social links
    • Add 3+ projects
    • Update contact info
  2. Important (Next):
    • Fill academic section
    • Complete skills list
    • Update all placeholders
  3. Nice-to-Have (Polish):
    • Add profile picture
    • Customize colors
    • Add more content

✨ Pro Tips

🆘 Common Issues & Fixes

Problem Solution
Links show as raw text Check URL format: /page/ not page.html
Colors not showing Clear cache: Ctrl+Shift+Del, then refresh
Page not updating Restart: bundle exec jekyll serve
Mobile layout broken Check viewport meta tag in head
Images not loading Verify path: /assets/images/filename.jpg

Remember: Your website is a living document. Update it regularly with new projects, achievements, and skills! 🌟

Last updated: 2025-12-26 For detailed guide, see: SETUP_GUIDE.md