blob: 3f7a999ee1abd15cef642053e64f7dbe34b429cf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
---
import type { CollectionEntry } from 'astro:content';
import BaseHead from '../components/BaseHead.astro';
import FormattedDate from '../components/FormattedDate.astro';
import Navbar from '../components/Navbar.astro';
type Props = CollectionEntry<'blog'>['data'];
const { title, description, pubDate, updatedDate } = Astro.props;
const canonicalUrl = new URL(Astro.url.pathname, Astro.site);
---
<html lang="en">
<head>
<BaseHead title={`${title} | joeac’s blog`} description={description} />
<link rel="stylesheet" href="/css/blog.css">
</head>
<body>
<Navbar />
<article class="h-entry">
<aside>
<span>
This is a blog post by
<a class="p-author h-card" href="/">Joe Carstairs</a>.
</span>
{ updatedDate
? (
<span>Updated: <FormattedDate date={updatedDate} className="dt-updated"/>.</span>
<span>Originally published: <FormattedDate date={pubDate} className="dt-published"/>.</span>
) : <span>Published: <FormattedDate date={pubDate} className="dt-published"/>.</span>
}
<span hidden><a class="u-url uid" href={canonicalUrl}>Permalink</a></span>
</aside>
<header>
<h1 class="h-name">{title}</h1>
<p class="p-summary" set:html={description} />
</header>
<section class="e-content">
<slot />
</section>
</article>
</body>
</html>
|
