Files
ChronoCCG/Chrono/Web/wwwroot/index.html
T
2026-06-25 13:46:14 -04:00

68 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Chrono CCG - Card Gallery</title>
<base href="/"/>
<meta name="description" content="Explore the full collection of Chrono CCG cards. Filter by cost, faction, and type."/>
<meta name="keywords" content="Chrono CCG, Reference, Card Gallery, DB"/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://chronoccg.com/"/>
<meta property="og:title" content="Chrono CCG - Card Gallery"/>
<meta property="og:description" content="Explore the full collection of Chrono CCG cards. Filter by cost, faction, and type."/>
<meta property="og:image" content="https://chronoccg.com/favicon.png"/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image"/>
<meta property="twitter:url" content="https://chronoccg.com/"/>
<meta property="twitter:title" content="Chrono CCG - Card Gallery"/>
<meta property="twitter:description" content="Explore the full collection of Chrono CCG cards. Filter by cost, faction, and type."/>
<meta property="twitter:image" content="https://chronoccg.com/favicon.png"/>
<link href="manifest.json" rel="manifest" />
<link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
<link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"/>
<link href="/lib/bootstrap-icons/bootstrap-icons.min.css" rel="stylesheet"/>
<link href="/lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/_content/Telerik.UI.for.Blazor/css/kendo-theme-bootstrap/all.css" rel="stylesheet"/>
<link href="/css/app.css" rel="stylesheet"/>
<link href="/Web.styles.css" rel="stylesheet"/>
<script defer src="/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js"></script>
<link href="/favicon.png" rel="icon" type="image/png"/>
<script type="importmap"></script>
</head>
<body>
<div id="app">
<div class="loading-screen">
<div class="loading-content">
<svg class="loading-ring" viewBox="0 0 100 100">
<circle class="ring-track" cx="50" cy="50" r="42"/>
<circle class="ring-fill" cx="50" cy="50" r="42"/>
</svg>
<div class="loading-icon"></div>
</div>
<h1 class="loading-title">Chrono CCG</h1>
<p class="loading-subtitle">Card Gallery</p>
<div class="loading-bar">
<div class="loading-bar-track">
<div class="loading-bar-fill"></div>
</div>
</div>
<p class="loading-status"></p>
</div>
</div>
<script src="/_framework/blazor.webassembly.js"></script>
<script>navigator.serviceWorker.register('service-worker.js');</script>
</body>
</html>