defiQUGandCursor
f0180bd3b8
Crop and compress hero outreach-01 to responsive WebP/JPEG variants, serve via picture element with preload; lazy-load Home, Donate, and Assistance routes; isolate framer-motion in its own Vite chunk. Co-authored-by: Cursor <[email protected]>
51 lines
2.7 KiB
HTML
51 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<!-- CSP is applied at nginx/reverse-proxy in production (see MIM4U_502_ERROR_RESOLUTION.md). Meta CSP omitted to avoid breaking dev/build. -->
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Miracles in Motion Foundation | Faith • Hope • Community • Restoration</title>
|
|
<meta name="description" content="Restoring hope through compassion, community, and faith. Serving Los Angeles County with outreach, emergency assistance, and advocacy for families in crisis." />
|
|
<meta name="keywords" content="non-profit, charity, 501c3, miracles in motion, community support, donations, volunteers" />
|
|
|
|
<!-- Open Graph Meta Tags -->
|
|
<meta property="og:title" content="Miracles in Motion Foundation" />
|
|
<meta property="og:description" content="Restoring hope through compassion, community, and faith." />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://mim4u.org" />
|
|
<meta property="og:image" content="https://mim4u.org/og-image.png" />
|
|
|
|
<!-- Twitter Card Meta Tags -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Miracles in Motion Foundation" />
|
|
<meta name="twitter:description" content="Restoring hope through compassion, community, and faith." />
|
|
<meta name="twitter:image" content="https://mim4u.org/og-image.png" />
|
|
|
|
<!-- Favicon and Web App Manifest -->
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
|
|
<!-- LCP: hero WebP 720w (~45KB) — matches HeroLcpImage default slot -->
|
|
<link
|
|
rel="preload"
|
|
as="image"
|
|
href="/photos/community/optimized/outreach-01-720.webp"
|
|
type="image/webp"
|
|
fetchpriority="high"
|
|
imagesrcset="/photos/community/optimized/outreach-01-480.webp 480w, /photos/community/optimized/outreach-01-720.webp 720w, /photos/community/optimized/outreach-01-960.webp 960w"
|
|
imagesizes="(min-width: 1024px) 480px, 100vw"
|
|
/>
|
|
|
|
<!-- Theme Color -->
|
|
<meta name="theme-color" content="#1a3c34" />
|
|
|
|
<!-- Fonts: self-hosted via @fontsource/inter (see src/index.css); no external font requests for LCP -->
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html> |