Image Assets

This directory contains image assets for the website. Add your images to the appropriate subdirectories:

Directory Structure

  • portfolio/ - Screenshots and images for portfolio projects
  • posts/ - Header images and teasers for blog posts
  • profile.jpg - Your profile picture for the sidebar
  • hero-bg.jpg - Background image for the hero section
  • site-logo.png - Site logo for social sharing

Image Recommendations

Profile Picture (profile.jpg)

  • Size: 400x400px
  • Format: JPG or PNG
  • Content: Professional headshot

Hero Background (hero-bg.jpg)

  • Size: 1920x1080px minimum
  • Format: JPG
  • Content: Technology/coding themed background

Portfolio Images

  • Size: 1200x600px for headers
  • Size: 300x200px for thumbnails
  • Format: JPG
  • Content: Screenshots, diagrams, or project visuals

Blog Post Images

  • Size: 1200x630px for headers
  • Size: 400x200px for teasers
  • Format: JPG
  • Content: Relevant to post topic

Adding Images

  1. Add your images to the appropriate directories
  2. Update the paths in your content files
  3. Ensure images are optimized for web (compressed but high quality)
  4. Use descriptive filenames (e.g., cloud-security-dashboard.jpg)

Placeholder Services

If you need placeholder images while developing: