diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro index 23813d4..5992927 100644 --- a/src/components/BaseHead.astro +++ b/src/components/BaseHead.astro @@ -10,36 +10,38 @@ export interface Props { const { title, description, image = "/placeholder-social.jpg" } = Astro.props; --- - - - - - + + + + + + - - + + - -{title} - - + + {title} + + - - - - - - + + + + + + - - - - - - - + + + + + + + - + + diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro index 7c2996e..7a78382 100644 --- a/src/layouts/BlogPost.astro +++ b/src/layouts/BlogPost.astro @@ -4,42 +4,20 @@ import Header from "../components/Header.astro"; import Footer from "../components/Footer.astro"; import ColorScript from "../components/ColorScript.astro"; -export interface Props { - content: { - title: string; - description: string; - added?: string; - updatedDate?: string; - heroImage?: string; - }; -} - const { content: { title, description, added, updatedDate, heroImage }, -} = Astro.props as Props; +} = Astro.props; --- - - - - +
{heroImage && } -

{title}

+

{title}

{added && } { updatedDate && ( diff --git a/src/pages/index.astro b/src/pages/index.astro index 2980730..9a04661 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -31,9 +31,7 @@ let tags = [...new Set(getTags)]; - - - +
diff --git a/src/pages/posts.astro b/src/pages/posts.astro index 439cab4..cc73d61 100644 --- a/src/pages/posts.astro +++ b/src/pages/posts.astro @@ -17,14 +17,7 @@ const posts = (await Astro.glob("../posts/*.md")).sort( - - - - +
diff --git a/src/pages/tag/[tag].astro b/src/pages/tag/[tag].astro index 555d924..cdd16b2 100644 --- a/src/pages/tag/[tag].astro +++ b/src/pages/tag/[tag].astro @@ -37,14 +37,7 @@ const { tag: currentTag } = Astro.params; - - - - +
diff --git a/src/style/global.css b/src/style/global.css index c80c9f6..775d794 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -69,6 +69,11 @@ nav a:not(:last-child) { padding: 0 12px 0 0; } +hr { + border-top: 1px solid #ddd; + margin: 1rem 0; +} + ul { list-style-type: none; padding: unset; @@ -159,6 +164,11 @@ h3 { max-width: 350px; } +.article-title { + font-size: 2em; + margin: 0.25em 0 0; +} + ul li time { flex: 0 0 130px; font-style: italic;