Latte
ee324596ba
- Rename CLAUDE.MD to CLAUDE.md for correct case-sensitive formatting - Update file structure diagrams across all documentation files - Document standard Astro src/ directory structure (layouts, pages) - Add 404.astro custom error page to documentation - Include robots.txt and sitemap integration in docs - Update current status to reflect completed features: - Custom 404 page with themed styling - Sitemap integration for SEO - Accessibility improvements (ARIA labels, semantic HTML) - Update code examples to use proper import paths from src/ - Mark completed TODO items (404 page, sitemap, accessibility) All documentation now accurately reflects the standard Astro project structure with layouts in src/layouts/ and pages in src/pages/. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
126 lines
3.7 KiB
Markdown
126 lines
3.7 KiB
Markdown
# 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)
|
|
|
|
## 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
|
|
- [ ] Create a blog section using Astro Content Collections
|
|
- [ ] Add a projects page that pulls from Gitea API
|
|
- [ ] Create reusable components for repeated elements
|
|
- [ ] Add a contact form (self-hosted solution)
|
|
- [ ] Add RSS feed if blog is implemented
|
|
|
|
#### 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 - content updates require code changes (intentional for now)
|
|
|
|
## 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
|