Personal website for Chris Parsons
chrisparsons.dev
style: add minor styling to publish date
Chris Parsons
(May 6, 2026, 10:48 PM +0100)
5830ca85
5071960f
+19
-2
+19
-2
src/pages/blog/[post].astro
+19
-2
src/pages/blog/[post].astro
···
18
18
const { Content } = await render(entry);
19
19
20
20
const pubDate = new Date(entry.data.pubDate);
21
-
const formattedDate = pubDate.toLocaleDateString("en-GB");
21
+
const formattedDate = pubDate.toLocaleDateString("en-GB", {
22
+
year: "numeric",
23
+
month: "long",
24
+
day: "numeric",
25
+
weekday: "long",
26
+
});
22
27
---
28
+
29
+
<style>
30
+
h1 {
31
+
margin-bottom: 0;
32
+
}
33
+
34
+
.date {
35
+
margin-top: 0;
36
+
color: grey;
37
+
font-size: 0.9rem;
38
+
}
39
+
</style>
23
40
24
41
<SiteLayout title={entry.data.title}>
25
42
<h1>{entry.data.title}</h1>
26
-
<p>Published: {formattedDate}</p>
43
+
<p class="date">{formattedDate}</p>
27
44
<Content />
28
45
</SiteLayout>