- Full meta suite in index.html: description, canonical, robots, Open Graph + Twitter cards, theme-color and JSON-LD structured data - 1200x630 OG share card matching the homepage Plan-B wordmark - Favicon set generated from the intro storm icon (svg + png + apple touch + 192/512 PWA icons) and a web manifest - robots.txt + sitemap.xml with hreflang alternates - setLang() now syncs title/description/og tags on EN/DE toggle Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
90 lines
4.7 KiB
HTML
90 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
|
|
|
|
<!-- ── Primary meta ─────────────────────────────────────────────── -->
|
|
<title>Plan-B — AI-Assisted Crisis Preparedness Advisor</title>
|
|
<meta name="description" content="Free AI-assisted crisis-preparedness advisor for urban households. Assess your readiness across 9 collapse scenarios and get a personalised survival plan in minutes."/>
|
|
<meta name="author" content="Plan-B"/>
|
|
<meta name="theme-color" content="#5A9A78"/>
|
|
<meta name="color-scheme" content="light"/>
|
|
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1"/>
|
|
<link rel="canonical" href="https://plan-b.now/"/>
|
|
|
|
<!-- ── Open Graph (Facebook, LinkedIn, WhatsApp, Signal, Telegram…) ─ -->
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:site_name" content="Plan-B"/>
|
|
<meta property="og:title" content="Plan-B — AI-Assisted Crisis Preparedness Advisor"/>
|
|
<meta property="og:description" content="Assess your household's readiness across 9 collapse scenarios and get a personalised survival plan — water, food, energy, medical and budget. Built for city apartments."/>
|
|
<meta property="og:url" content="https://plan-b.now/"/>
|
|
<meta property="og:image" content="https://plan-b.now/images/og-image.png"/>
|
|
<meta property="og:image:secure_url" content="https://plan-b.now/images/og-image.png"/>
|
|
<meta property="og:image:type" content="image/png"/>
|
|
<meta property="og:image:width" content="1200"/>
|
|
<meta property="og:image:height" content="630"/>
|
|
<meta property="og:image:alt" content="Plan-B — AI-Assisted Preparedness for Urban Households"/>
|
|
<meta property="og:locale" content="en_US"/>
|
|
<meta property="og:locale:alternate" content="de_DE"/>
|
|
|
|
<!-- ── Twitter / X ─────────────────────────────────────────────── -->
|
|
<meta name="twitter:card" content="summary_large_image"/>
|
|
<meta name="twitter:title" content="Plan-B — AI-Assisted Crisis Preparedness Advisor"/>
|
|
<meta name="twitter:description" content="Assess your household's readiness across 9 collapse scenarios and get a personalised survival plan. Built for city apartments."/>
|
|
<meta name="twitter:image" content="https://plan-b.now/images/og-image.png"/>
|
|
<meta name="twitter:image:alt" content="Plan-B — AI-Assisted Preparedness for Urban Households"/>
|
|
|
|
<!-- ── Icons / PWA ─────────────────────────────────────────────── -->
|
|
<link rel="icon" href="/images/favicon.svg" type="image/svg+xml"/>
|
|
<link rel="icon" href="/images/favicon-32.png" sizes="32x32" type="image/png"/>
|
|
<link rel="icon" href="/images/favicon-16.png" sizes="16x16" type="image/png"/>
|
|
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png"/>
|
|
<link rel="manifest" href="/site.webmanifest"/>
|
|
|
|
<!-- ── Fonts ───────────────────────────────────────────────────── -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"/>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Serif+Display&family=Barlow:wght@300;400;500;600&display=swap" rel="stylesheet"/>
|
|
|
|
<!-- ── Structured data (Google rich results) ───────────────────── -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@graph": [
|
|
{
|
|
"@type": "WebSite",
|
|
"@id": "https://plan-b.now/#website",
|
|
"url": "https://plan-b.now/",
|
|
"name": "Plan-B",
|
|
"description": "AI-assisted crisis-preparedness advisor for urban households.",
|
|
"inLanguage": ["en", "de"],
|
|
"publisher": { "@id": "https://plan-b.now/#org" }
|
|
},
|
|
{
|
|
"@type": "Organization",
|
|
"@id": "https://plan-b.now/#org",
|
|
"name": "Plan-B",
|
|
"url": "https://plan-b.now/",
|
|
"logo": "https://plan-b.now/images/icon-512.png"
|
|
},
|
|
{
|
|
"@type": "WebApplication",
|
|
"name": "Plan-B Preparedness Advisor",
|
|
"url": "https://plan-b.now/",
|
|
"applicationCategory": "LifestyleApplication",
|
|
"operatingSystem": "Web",
|
|
"browserRequirements": "Requires JavaScript.",
|
|
"inLanguage": ["en", "de"],
|
|
"offers": { "@type": "Offer", "price": "0", "priceCurrency": "EUR" }
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|