87 lines
4.7 KiB
HTML
87 lines
4.7 KiB
HTML
<!doctype html>
|
|
<html lang="en" style="background-color:#eef6ee">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="Grateful Journal" />
|
|
<meta name="theme-color" content="#16a34a" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, viewport-fit=cover"
|
|
/>
|
|
|
|
<!-- SEO -->
|
|
<title>Grateful Journal — Your Private Gratitude Journal</title>
|
|
<meta name="description" content="A private, end-to-end encrypted gratitude journal. No feeds, no noise — just you and your thoughts. Grow your gratitude one moment at a time." />
|
|
<meta name="keywords" content="gratitude journal, private journal, encrypted journal, daily gratitude, mindfulness, reflection" />
|
|
<meta name="robots" content="index, follow, max-snippet:160, max-image-preview:large" />
|
|
<link rel="canonical" href="https://gratefuljournal.online/" />
|
|
|
|
<!-- Open Graph (WhatsApp, Facebook, LinkedIn previews) -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta property="og:url" content="https://gratefuljournal.online/" />
|
|
<meta property="og:title" content="Grateful Journal — Your Private Gratitude Journal" />
|
|
<meta property="og:description" content="A private, end-to-end encrypted gratitude journal. No feeds, no noise — just you and your thoughts." />
|
|
<meta property="og:image" content="https://gratefuljournal.online/web-app-manifest-512x512.png" />
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:title" content="Grateful Journal — Your Private Gratitude Journal" />
|
|
<meta name="twitter:description" content="A private, end-to-end encrypted gratitude journal. No feeds, no noise — just you and your thoughts." />
|
|
<meta name="twitter:image" content="https://gratefuljournal.online/web-app-manifest-512x512.png" />
|
|
|
|
<!-- JSON-LD Structured Data -->
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebApplication",
|
|
"name": "Grateful Journal",
|
|
"url": "https://gratefuljournal.online/",
|
|
"description": "A private, end-to-end encrypted gratitude journal. No feeds, no noise — just you and your thoughts.",
|
|
"applicationCategory": "LifestyleApplication",
|
|
"operatingSystem": "Web, Android, iOS",
|
|
"browserRequirements": "Requires JavaScript. Requires HTML5.",
|
|
"offers": {
|
|
"@type": "Offer",
|
|
"price": "0",
|
|
"priceCurrency": "USD"
|
|
},
|
|
"featureList": [
|
|
"End-to-end encrypted journal entries",
|
|
"Daily gratitude prompts",
|
|
"Private and secure — no ads, no tracking",
|
|
"Works offline as a PWA"
|
|
]
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<noscript>
|
|
<main style="font-family:sans-serif;max-width:640px;margin:4rem auto;padding:1rem;color:#1a1a1a">
|
|
<h1>Grateful Journal — Your Private Gratitude Journal</h1>
|
|
<p>A private, end-to-end encrypted gratitude journal. No feeds, no noise — just you and your thoughts. Grow your gratitude one moment at a time.</p>
|
|
<h2>Features</h2>
|
|
<ul>
|
|
<li>End-to-end encrypted journal entries — only you can read them</li>
|
|
<li>Daily gratitude prompts to keep you consistent</li>
|
|
<li>No ads, no tracking, no social feed</li>
|
|
<li>Works offline as a Progressive Web App (PWA)</li>
|
|
<li>Free to use</li>
|
|
</ul>
|
|
<h2>How it works</h2>
|
|
<p>Sign in with Google, write a few things you're grateful for each day, and watch your mindset shift over time. Your entries are encrypted before they leave your device.</p>
|
|
<p><a href="https://gratefuljournal.online/">Get started — it's free</a></p>
|
|
</main>
|
|
</noscript>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|