Add rocket photography section and replace placeholder icons with styled cards

[Copilot]

Rocket photography was missing from the portfolio. Placeholder SVG icons needed replacement with actual visual content.

Changes

Added Rocket Photography

• Work page: New dedicated section positioned first, includes SpaceX/Cape Canaveral description
• Home page: Added as 4th service card with rocket icon and gradient background
• About page: Updated photography description to mention rocket launches

Replaced Placeholders with Styled Cards

All gray placeholder SVGs replaced with gradient cards:

• Rocket photography (3): Orange/red, blue/indigo, purple/pink gradients
• General photography (3): Green, amber, cyan gradients with category labels (Landscape, Portrait, Architecture)
• Videography (2): Dark cards with YouTube branding, play icons

Cards include:

• Hover effects (scale, shadow)
• Category-specific icons
• Click-through links to Flickr/YouTube
• "Click to view" prompts

Infrastructure

• Created src/images/ directory structure (photography/, rockets/, videos/)
• Added README with image guidelines
• Updated .eleventy.js to ignore documentation files

Visual Changes

Home Page - Rocket Photography Added

Work Page - Styled Cards Replace Placeholders

Example

<!-- Before: Gray placeholder -->
<div class="aspect-square bg-gray-200 rounded-lg">
  <svg class="w-16 h-16 text-gray-500">...</svg>
</div>

<!-- After: Styled clickable card -->
<a href="https://www.flickr.com/photos/nprail/" class="group">
  <div class="aspect-square bg-gradient-to-br from-orange-400 to-red-600 rounded-lg hover:shadow-xl">
    <svg class="w-16 h-16 text-white">...</svg>
    <p class="font-semibold">Rocket Launch</p>
  </div>
</a>

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• www.flickr.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
• www.youtube.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.