Prepare asset structure for custom image integration

[Copilot]

User needs to add custom images (profile photos, logos, nap spots, social posts) to the app. Repository currently uses placeholder URLs and lacks organized structure.

Changes

Asset Reorganization

• Structured assets into typed subdirectories: icons/, profiles/, spots/, posts/
• Moved existing logo.png and icon.jpg to assets/icons/
• Added .gitkeep to preserve empty directories in git

Path Updates

• index.html: Updated logo/icon references to assets/icons/*
• manifest.json: Updated PWA icon path
• sw.js: Updated cache paths, bumped version to v3

Documentation
Created specs for each image type with READMEs:

• Profile photos: 400×600px portrait, JPG/PNG, <500KB
• App icon: 512×512px square, JPG/PNG, <100KB
• Logo: PNG preferred, displays at 40px height
• Spot images: 80×80px square
• Post images: 600×400px landscape

Main guides: IMAGE_GUIDE.md (comprehensive), ADD_YOUR_IMAGES.md (quick start), updated LOGO_REPLACEMENT.md

Usage

User drops images into appropriate folders, then updates profile paths in js/app.js:

profiles: [
    {
        id: 1,
        name: 'Alex',
        // Change from: image: 'https://via.placeholder.com/400x600/...'
        image: 'assets/profiles/profile-1.jpg'
    }
]

Logo and icon are drop-in replacements at assets/icons/.

---

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

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
npstr	Ready	Preview, Comment	Feb 9, 2026 2:32pm

[dshvvvshr]

Ok good