# Cozy Den - Tasks & TODO

## Current Status
✅ Initial project structure created (proper src/ directory)
✅ Landing page with all main sections
✅ Docker deployment setup
✅ Responsive design
✅ Custom 404 page
✅ Sitemap integration
✅ robots.txt
✅ Accessibility improvements (ARIA labels, semantic HTML)
✅ Blog with Astro Content Collections (Markdown, no CMS)

## Immediate Next Steps

### Content Customization
- [ ] Review and personalize the "About Me" section
- [ ] Add any additional services beyond Gitea
- [ ] Add payment/donation links when ready
- [ ] Update footer with any additional links

### Optional Enhancements

#### Short Term
- [x] Add a custom 404 page
- [ ] Add favicon variants for different platforms (apple-touch-icon, etc.)
- [ ] Add Open Graph meta tags for social media sharing
- [ ] Add animation on scroll for sections
- [ ] Consider adding subtle background patterns or textures

#### Medium Term
- [x] Create a blog section using Astro Content Collections
- [ ] Add RSS feed for blog
- [ ] Add a projects page that pulls from Gitea API
- [ ] Create reusable components for repeated elements
- [ ] Add a contact form (self-hosted solution)

#### Long Term
- [ ] Theme toggle (dark/light, or alternate color schemes)
- [ ] Multilingual support if desired
- [ ] Integration with other self-hosted services
- [ ] Community features (guest book, comments)
- [ ] Analytics dashboard (privacy-friendly, self-hosted)

## Known Limitations

- Network is required for npm install (packages not included in repo)
- Gitea registry requires authentication (document login process)
- No CMS - blog posts are Markdown files committed to the repo (intentional — no attack surface)

## Deployment Checklist

When ready to deploy:
- [ ] Review all content for accuracy
- [ ] Test all links
- [ ] Verify Gitea service URL is correct
- [ ] Update any placeholder text
- [ ] Test Docker build locally
- [ ] Push to Gitea registry
- [ ] Deploy container on homelab/VPS
- [ ] Configure reverse proxy/DNS if needed
- [ ] Test live site on multiple devices
- [ ] Add SSL certificate

## Ideas for Future Features

### Project Showcase
Pull repository data from Gitea API and display:
- Recent commits
- Project descriptions
- Download/clone stats
- Language breakdown

### Furry Community Section
- Links to furry-friendly resources
- Badge/sticker collection showcase
- Art gallery
- Commission info (if applicable)

### Self-Hosting Hub
- Documentation for self-hosted setups
- Docker compose examples
- Tutorial blog posts
- Service recommendations

### Interactive Elements
- Coffee cup animation on hero
- Paw print cursor (optional, subtle)
- Seasonal themes (fall colors, winter snow)
- Easter eggs for regular visitors

## Code Quality Tasks

- [ ] Add TypeScript types where beneficial
- [ ] Consider breaking large components into smaller ones
- [ ] Add comments for complex CSS
- [ ] Set up automated testing if site grows
- [x] Add accessibility audit
- [ ] Optimize images if any are added
- [x] Consider adding a sitemap.xml

## Performance Optimization

- [ ] Audit bundle size (should be tiny already)
- [ ] Add preload hints for critical resources
- [ ] Optimize font loading strategy if custom fonts added
- [ ] Consider service worker for offline support
- [ ] Implement lazy loading for images when added

## Documentation Tasks

- [x] Create DEVELOPMENT.md
- [x] Create PROJECT_CONTEXT.md
- [ ] Add inline code comments where helpful
- [ ] Document deployment process in detail
- [ ] Create troubleshooting guide
- [ ] Add contributing guidelines if accepting contributions

## Notes

Remember:
- Keep it cozy and warm
- Maintain the coffee/cappuccino theme
- Fast and lightweight is a feature
- Self-hosted and private by design
- Personal and authentic over polished and corporate