error improvements

This commit is contained in:
ld3zian 2025-01-22 15:36:32 -07:00
parent 3e897aeefa
commit 0277da93e5
4 changed files with 122 additions and 32 deletions

View file

@ -3,20 +3,43 @@ import ThemeToggle from '../components/ThemeToggle.astro';
interface Props {
title: string;
description?: string;
}
const { title } = Astro.props;
const {
title,
description = "Discover and track your favorite comics with ComicK-RSS"
} = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, Astro.site ?? 'https://comick-rss.vercel.app').toString();
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<link rel="canonical" href={canonicalURL} />
<!-- Primary Meta Tags -->
<title>{title}</title>
<meta name="title" content={title} />
<meta name="description" content={description} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={canonicalURL} />
<meta property="og:title" content={title} />
<meta property="og:description" content={description} />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={canonicalURL} />
<meta property="twitter:title" content={title} />
<meta property="twitter:description" content={description} />
<meta name="generator" content={Astro.generator} />
</head>
<body class="min-h-screen bg-primary text-primary">
<ThemeToggle />
@ -63,6 +86,7 @@ const { title } = Astro.props;
html {
font-family: system-ui, sans-serif;
scroll-behavior: smooth;
}
code {
@ -76,4 +100,14 @@ const { title } = Astro.props;
Courier New,
monospace;
}
/* Loading animation */
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: .5; }
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
</style>