SOCIAL_IMAGE_GUIDE.md

Social Media Image Generation

Quick Steps:

1. Open public/social-card.html in your browser
2. Take a screenshot at 1200x630 resolution
3. Save as public/images/social-card.png

Features:

• ✅ Uses actual favicon logo (skull and code rain)
• ✅ Black background (#000000)
• ✅ Green branding (#00ff00)
• ✅ Proper social media dimensions (1200x630)
• ✅ Cyberpunk aesthetic

Testing:

After creating the image, test social media previews:

• Facebook: https://developers.facebook.com/tools/debug/
• Twitter: https://cards-dev.twitter.com/validator
• LinkedIn: Share a link and check preview

Current Status:

• ✅ HTML template created with actual logo
• ✅ Metadata configured with proper fallbacks
• ⏳ Need to create the actual PNG image