From 02c52c9ea6021bb5ad94bbf6aba8c8008e814233 Mon Sep 17 00:00:00 2001 From: Graham Hall Date: Wed, 24 Jan 2024 12:31:31 -0500 Subject: [PATCH 1/4] redesign draft 1 --- src/components/BlogHeader.astro | 22 +++++--- src/components/Footer.astro | 4 +- src/components/FormattedDate.astro | 6 +- src/components/Header.astro | 39 ++++++------- src/components/PostPreview.astro | 10 ++-- src/components/Tags.astro | 17 +----- src/components/icons/Calendar.astro | 1 - src/components/icons/RSS.astro | 1 - src/components/icons/UserIcon.astro | 1 - src/components/icons/Website.astro | 1 - src/layouts/About.astro | 6 +- src/layouts/Layout.astro | 10 ++-- src/pages/about.md | 2 +- src/pages/archive/[tag].astro | 52 ++++++++---------- src/pages/index.astro | 14 ++--- src/pages/posts/[slug].astro | 23 ++++---- src/pages/rss.xml.js | 14 ++--- src/styles/fonts/CrimsonText-Regular.ttf | Bin 0 -> 106512 bytes .../fonts/JetBrainsMono-VariableFont_wght.ttf | Bin 0 -> 187860 bytes src/styles/fonts/Manrope-Bold.ttf | Bin 143504 -> 0 bytes src/styles/fonts/Manrope-ExtraBold.ttf | Bin 142656 -> 0 bytes src/styles/fonts/Manrope-ExtraLight.ttf | Bin 134800 -> 0 bytes src/styles/fonts/Manrope-Light.ttf | Bin 136928 -> 0 bytes src/styles/fonts/Manrope-Medium.ttf | Bin 142372 -> 0 bytes src/styles/fonts/Manrope-Regular.ttf | Bin 141816 -> 0 bytes src/styles/fonts/Manrope-SemiBold.ttf | Bin 140432 -> 0 bytes src/styles/global.css | 48 ++++++++-------- 27 files changed, 123 insertions(+), 148 deletions(-) delete mode 100644 src/components/icons/Calendar.astro delete mode 100644 src/components/icons/RSS.astro delete mode 100644 src/components/icons/UserIcon.astro delete mode 100644 src/components/icons/Website.astro create mode 100755 src/styles/fonts/CrimsonText-Regular.ttf create mode 100755 src/styles/fonts/JetBrainsMono-VariableFont_wght.ttf delete mode 100755 src/styles/fonts/Manrope-Bold.ttf delete mode 100755 src/styles/fonts/Manrope-ExtraBold.ttf delete mode 100755 src/styles/fonts/Manrope-ExtraLight.ttf delete mode 100755 src/styles/fonts/Manrope-Light.ttf delete mode 100755 src/styles/fonts/Manrope-Medium.ttf delete mode 100755 src/styles/fonts/Manrope-Regular.ttf delete mode 100755 src/styles/fonts/Manrope-SemiBold.ttf diff --git a/src/components/BlogHeader.astro b/src/components/BlogHeader.astro index 414aafa..ea21b91 100644 --- a/src/components/BlogHeader.astro +++ b/src/components/BlogHeader.astro @@ -1,14 +1,13 @@ --- -import FormattedDate from '@components/FormattedDate.astro' -import Calendar from './icons/Calendar.astro' +import FormattedDate from '@components/FormattedDate.astro'; interface Props { - title: String - date: String - slug: String + title: String; + date: String; + slug?: String; } -const { title, date, slug } = Astro.props +const { title, date, slug } = Astro.props; ---
@@ -17,8 +16,8 @@ const { title, date, slug } = Astro.props

- - + + 🗓️

@@ -30,10 +29,15 @@ const { title, date, slug } = Astro.props text-decoration: none; } + h2, + h2 a { + font-size: 1.4rem; + } + h3 { display: flex; align-items: center; gap: 6px; - font-size: 1.1rem; + font-size: 0.9rem; } diff --git a/src/components/Footer.astro b/src/components/Footer.astro index a85f303..74ef1e9 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,6 +1,6 @@ --- -import RSSIcon from './icons/RSS.astro' -const year = new Date().getFullYear() +import RSSIcon from './icons/RSS.astro'; +const year = new Date().getFullYear(); ---