Image Setup Summary

✅ Completed Tasks

1. Updated Welcome Page Configuration

• File: _pages/index.md
• Changes:
  • Enabled header overlay image: header-bg.jpg
  • Enabled all three feature row images:
    • feature-data.jpg (Data Engineering)
    • feature-ml.jpg (Machine Learning)
    • feature-leadership.jpg (Technical Leadership)

2. Downloaded Open-Source Images

All images are from Unsplash - free to use, high-quality photos:

3. Created Documentation

• ✅ IMAGE_DOWNLOAD_GUIDE.md - Detailed guide with alternative image sources
• ✅ assets/images/IMAGE_CREDITS.md - Photo credits and attribution
• ✅ download-images.sh - Automated download script (reusable)

🎨 Visual Preview

Your welcome page now features:

1. Header Section
   • Dark overlay with data center background
   • Professional tech/data theme
   • Call-to-action buttons
2. Three Feature Cards
   • Data Engineering (server racks theme)
   • Machine Learning (analytics dashboard theme)
   • Technical Leadership (team collaboration theme)

🚀 Next Steps

1. Test the Changes

   cd /Users/sarkar/src/blog/spsarkar.github.io
   ./dev.sh  # Start local development server
   

   Then visit http://localhost:4000 to see your site with images!

2. Optional: Replace Images

   • If you want different images, check IMAGE_DOWNLOAD_GUIDE.md
   • You can browse Unsplash for alternatives
   • Just replace the JPG files in assets/images/

3. Optimize Images (Optional)

   # Install ImageMagick if needed
   brew install imagemagick
      
   # Optimize all images
   cd assets/images
   mogrify -strip -quality 85 *.jpg
   

4. Add Your Bio Photo

   • Replace assets/images/bio-photo.jpg with your own photo
   • Recommended size: 200x200 pixels (square)
   • Format: JPG or PNG

📝 License Information

All downloaded images are from Unsplash and licensed under the Unsplash License:

• ✅ Free to use (commercial and non-commercial)
• ✅ No attribution required (but appreciated)
• ✅ Can be modified and distributed

🔄 To Re-download Images

If you ever need to download the images again:

./download-images.sh

📞 Support

For different images or customization:

1. Visit Unsplash
2. Search for relevant terms (e.g., “data science”, “technology”, “team”)
3. Download and replace the corresponding file in assets/images/
4. Rebuild your site to see changes

All set! Your welcome page now has beautiful, professional open-source images. 🎉