Files
HabitGrid/index.html
2025-10-18 21:39:08 +02:00

50 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Habit Tracker App</title>
<meta name="description" content="Track your habits and visualize your progress with HabitGrid." />
<meta name="keywords" content="habit tracker, productivity, goals, progress, HabitGrid, daily habits, motivation" />
<meta name="author" content="Mihajlo Ciric" />
<meta name="theme-color" content="#2563eb" />
<!-- Open Graph Meta Tags -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "HabitGrid",
"url": "https://myhabitgrid.com",
"description": "HabitGrid is a habit tracker app that helps users build and maintain daily habits using a GitHub-style contribution grid. Visualize your progress, build streaks, and stay motivated.",
"applicationCategory": "Productivity",
"operatingSystem": "All",
"creator": {
"@type": "Person",
"name": "Mihajlo Ciric"
},
"keywords": ["habit tracker", "productivity", "goals", "progress", "daily habits", "motivation", "HabitGrid"],
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
<meta property="og:title" content="Habit Tracker App" />
<meta property="og:description" content="Track your habits and visualize your progress with HabitGrid." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://myhabitgrid.com" />
<meta property="og:image" content="/assets/fav.png" />
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Habit Tracker App" />
<meta name="twitter:description" content="Track your habits and visualize your progress with HabitGrid." />
<meta name="twitter:image" content="/assets/fav.png" />
<link rel="icon" type="image/png" href="/assets/fav.png" />
<link rel="stylesheet" href="/src/index.css" />
</head>
<body class="bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-slate-100">
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>