Latte
6ed0eee514
Enterprise AI Code Review / ai-review (pull_request) Successful in 19s
Components: - Extract ServiceItem component with hover effects - Extract SupportItem component with hover animations - Extract Card component with scroll animations - Extract Section component for consistent layout Enhancements: - Add Intersection Observer for scroll-triggered animations - Implement hover effects on cards, services, and support items - Add PWA manifest (site.webmanifest) - Create SVG OG image placeholder for social sharing - Add comprehensive favicon meta tags (16x16, 32x32, apple-touch-icon) - Respect prefers-reduced-motion for accessibility Files modified: - src/pages/index.astro - Refactored to use new components - src/layouts/BaseLayout.astro - Enhanced favicon and meta tags Files created: - src/components/Card.astro - src/components/Section.astro - src/components/ServiceItem.astro - src/components/SupportItem.astro - public/og-image.svg - public/site.webmanifest - public/FAVICON_INSTRUCTIONS.md Note: PNG favicon variants still need to be generated (see FAVICON_INSTRUCTIONS.md)
31 lines
1.1 KiB
XML
31 lines
1.1 KiB
XML
<svg width="1200" height="630" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Background gradient -->
|
|
<defs>
|
|
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#1a1410;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#2a1f18;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="630" fill="url(#bgGradient)"/>
|
|
|
|
<!-- Coffee cup emoji (approximate) -->
|
|
<text x="600" y="250" font-size="120" text-anchor="middle">☕</text>
|
|
|
|
<!-- Title -->
|
|
<text x="600" y="380" font-family="system-ui, sans-serif" font-size="72" font-weight="bold" fill="#e8bf8e" text-anchor="middle">
|
|
Hidden Den Cafe
|
|
</text>
|
|
|
|
<!-- Subtitle -->
|
|
<text x="600" y="450" font-family="system-ui, sans-serif" font-size="36" fill="#c4b5a0" text-anchor="middle">
|
|
A cozy corner of the internet
|
|
</text>
|
|
|
|
<!-- Bottom text -->
|
|
<text x="600" y="550" font-family="system-ui, sans-serif" font-size="24" fill="#8b6f47" text-anchor="middle">
|
|
Self-hosted • Privacy-focused • Furry-friendly
|
|
</text>
|
|
</svg>
|