From 3c61f850915f1bfa99899a828b33905df27306bd Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Fri, 14 Nov 2025 18:36:28 +1300
Subject: [PATCH] add wordcount to read time title, shrink footer text size a
 bit

---
 web/src/components/footer.astro        | 2 +-
 web/src/components/post/postInfo.astro | 4 ++--
 web/src/pages/posts/[slug].astro       | 1 +
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/components/footer.astro b/web/src/components/footer.astro
index 43c92a4..b6b6b60 100644
--- a/web/src/components/footer.astro
+++ b/web/src/components/footer.astro
@@ -19,7 +19,7 @@ const links = [
 ]
 ---
 
-<footer class="text-xl mt-auto">
+<footer class="text-lg mt-auto">
     {
         links.map((l, i) => (
             <>
diff --git a/web/src/components/post/postInfo.astro b/web/src/components/post/postInfo.astro
index 860b5d5..3566d75 100644
--- a/web/src/components/post/postInfo.astro
+++ b/web/src/components/post/postInfo.astro
@@ -1,10 +1,10 @@
 ---
 import { getFormattedDate } from '@utils/date'
-const { publishDate, readTime, tags } = Astro.props
+const { publishDate, wordCount, readTime, tags } = Astro.props
 ---
 
 <time datetime={publishDate}>{getFormattedDate(publishDate)}</time> |
-{readTime} min. read |
+<span title={`${wordCount} words`}>{readTime} min. read</span> |
 {
     tags.map((tag, i) => (
     <>
diff --git a/web/src/pages/posts/[slug].astro b/web/src/pages/posts/[slug].astro
index 39ab9dd..cab68c6 100644
--- a/web/src/pages/posts/[slug].astro
+++ b/web/src/pages/posts/[slug].astro
@@ -30,6 +30,7 @@ const readTime = calcReadTime(wordCount);
         
         <PostInfo
             publishDate={publishDate},
+            wordCount={wordCount},
             readTime={readTime},
             tags={post.tags}
         />