diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2024-05-12 08:33:19 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2024-05-12 08:33:19 +0100 |
| commit | 0f75bf3443996f287b9a8a70abb0b3ac8031def8 (patch) | |
| tree | c8136ceb877e6f7b0c1dc918fe5e2e3626cd5287 /website/src/layouts | |
| parent | 88c6e8a6585c00f0a94e27f1351e77ef18518196 (diff) | |
Styling overhaul
Diffstat (limited to 'website/src/layouts')
| -rw-r--r-- | website/src/layouts/BlogPost.astro | 18 | ||||
| -rw-r--r-- | website/src/layouts/Page.astro | 6 |
2 files changed, 15 insertions, 9 deletions
diff --git a/website/src/layouts/BlogPost.astro b/website/src/layouts/BlogPost.astro index b709356..8639caa 100644 --- a/website/src/layouts/BlogPost.astro +++ b/website/src/layouts/BlogPost.astro @@ -2,6 +2,7 @@ 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']; @@ -22,11 +23,12 @@ const updatedDateStr = updatedDate ? </head> <body> + <Navbar /> <article class="h-entry"> <aside> <span> This is a blog post by - <a class="p-author h-card h-card--minimal" href="/">Joe Carstairs</a>. + <a class="p-author h-card" href="/">Joe Carstairs</a>. </span> { updatedDate ? ( @@ -34,17 +36,17 @@ const updatedDateStr = updatedDate ? <span>Originally published: <FormattedDate date={pubDateStr} className="dt-published"/>.</span> ) : <span>Published: <FormattedDate date={pubDateStr} className="dt-published"/>.</span> } - <span>Go back to his <a href="/blog">blog</a> if you like.</span> - <span><a class="u-url uid" href={canonicalUrl}>Permalink</a></span> + <span hidden><a class="u-url uid" href={canonicalUrl}>Permalink</a></span> </aside> - <h1 class="h-name">{title}</h1> + <header> + <h1 class="h-name">{title}</h1> + <p class="p-summary" set:html={description} /> + </header> - <p class="p-summary" set:html={description} /> - - <div class="e-content"> + <section class="e-content"> <slot /> - </div> + </section> </article> </body> </html> diff --git a/website/src/layouts/Page.astro b/website/src/layouts/Page.astro index 4e5f3bb..d41e58c 100644 --- a/website/src/layouts/Page.astro +++ b/website/src/layouts/Page.astro @@ -1,5 +1,6 @@ --- import BaseHead from "../components/BaseHead.astro"; +import Navbar from "../components/Navbar.astro"; const { title, description } = Astro.props; --- @@ -11,7 +12,10 @@ const { title, description } = Astro.props; </head> <body> - <slot /> + <Navbar /> + <main> + <slot /> + </main> </body> </html> |