Added custom avatars for each media type, appearing at the top of their respective list pages:
- Games: Gaming setup with controller and LED lights (red border)
- Books: Reading in the library with warm tones (brown border)
- Music: Joyful with headphones and urban nightscape (blue border)
- Shows: Relaxing on couch with remote and theater curtains (pink border)
- Manga: Reading manga surrounded by manga shelves (teal border)
- Art: Art studio with paintbrush and golden tones (yellow border)
Each avatar is:
- 120x120px circular display
- Themed border colour matching the media type
- Smooth hover animation with scale and shadow effects
- Positioned in a centered hero section above the header
All avatars showcase Naomi's personality and interests whilst maintaining consistent styling across the application.
Updated all branding assets to use Naomi's library avatar (with the playful "shh" gesture):
- Navigation icon in header
- Favicon for browser tabs
- All PWA icon sizes (72x72 through 512x512, including maskable icons)
- Hero avatar on home page between title and subtitle
The avatar features consistent styling across all uses:
- Circular display with elegant borders
- Hover animations for interactive elements
- Shadows for visual depth
- Perfectly integrated with the witch-purple theme
All icons generated from the source image at multiple resolutions for optimal display on all devices and contexts.
hikari