mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-18 21:21:23 +02:00
e7f5f942f3
Projects included: - maerchenzauber (NestJS backend + Expo mobile + SvelteKit web + Astro landing) - manacore (Expo mobile + SvelteKit web + Astro landing) - manadeck (NestJS backend + Expo mobile + SvelteKit web) - memoro (Expo mobile + SvelteKit web + Astro landing) This commit preserves the current state before monorepo restructuring. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| clients | ||
| Mana_Blooming_Manacore_AI_Credits.jpg | ||
| Mana_Connection_Manacore_AI_Credits.jpg | ||
| Mana_Drop_Manacore_AI_Credits.jpg | ||
| Mana_Drops_Manacore_AI_Credits.jpg | ||
| Mana_Lake_Manacore_AI_Credits.jpg | ||
| Mana_Landscape_Manacore_AI_Credits_16x9.jpg | ||
| Mana_River_Flowers_Manacore_AI_Credits.jpg | ||
| Mana_River_Manacore_AI_Credits.jpg | ||
| Mana_Sea_Manacore_AI_Credits.jpg | ||
| Mana_Sea_Sun_Manacore_AI_Credits.jpg | ||
| Mana_Wave_Manacore_AI_Credits.jpg | ||
| README.md | ||
Images Directory
This directory is for storing general images used throughout the Mana landing page.
Recommended Image Categories:
Hero Images:
- hero-background.jpg - Main hero section background
- hero-illustration.svg - Hero section illustration/graphic
Feature Images:
- feature-1.png - First feature illustration
- feature-2.png - Second feature illustration
- feature-3.png - Third feature illustration
Product Screenshots:
- dashboard-preview.png - Dashboard screenshot
- mobile-preview.png - Mobile app screenshot
- analytics-preview.png - Analytics view screenshot
Team/About:
- team-member-1.jpg - Team member photos
- office-photo.jpg - Company/office imagery
Background Patterns:
- pattern-dots.svg - Decorative dot pattern
- pattern-grid.svg - Grid pattern
- gradient-bg.jpg - Gradient backgrounds
Image Optimization Guidelines:
Format Selection:
- JPG: Photos, complex images with many colors
- PNG: Images requiring transparency, screenshots
- SVG: Icons, illustrations, patterns (scalable)
- WebP: Modern format for better compression (with fallbacks)
Size Optimization:
- Compress images using tools like TinyPNG or ImageOptim
- Provide responsive images in multiple sizes:
- Small: 640px width
- Medium: 1024px width
- Large: 1920px width
- Extra Large: 2560px width
Naming Convention:
- Use descriptive, lowercase names with hyphens
- Include size suffixes for responsive images (e.g., hero-bg-large.jpg)
- Group related images with common prefixes
Performance Tips:
- Lazy load images below the fold
- Use appropriate image dimensions (don't serve 4K images for thumbnails)
- Consider using CDN for image delivery
- Implement proper caching headers