From 2709cfac18fcb1dfea7da732c7092f62b5c9fbce Mon Sep 17 00:00:00 2001
From: Troy <hello@troylusty.com>
Date: Mon, 3 Mar 2025 16:00:47 +0000
Subject: [PATCH] fix: animate reveal of relatedarticles section

---
 package.json                         | 4 ++--
 src/components/RelatedArticles.astro | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index f22d2ca..6b1f1cd 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "astro": "astro",
     "format:check": "prettier --check .",
     "format:write": "prettier --write .",
-    "update": "npx npm-check-updates"
+    "update": "npx npm-check-updates -u"
   },
   "dependencies": {
     "@astrojs/check": "0.9.4",
@@ -30,7 +30,7 @@
     "@iconify-json/mdi": "^1.2.3",
     "@tailwindcss/typography": "^0.5.16",
     "@types/node": "^22.13.8",
-    "prettier": "^3.5.2",
+    "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-tailwindcss": "^0.6.11"
   }
diff --git a/src/components/RelatedArticles.astro b/src/components/RelatedArticles.astro
index 0c8de22..e9bd91a 100644
--- a/src/components/RelatedArticles.astro
+++ b/src/components/RelatedArticles.astro
@@ -19,7 +19,7 @@ const next = items[(index + 1) % items.length];
 
 {
   items.length > 1 ? (
-    <div class="mx-auto flex w-full flex-col-reverse items-center justify-between gap-4 md:flex-row">
+    <div class="animate-reveal mx-auto flex w-full flex-col-reverse items-center justify-between gap-4 opacity-0 [animation-delay:0.1s] md:flex-row">
       <Button
         href={`/${prev.collection}/${prev.slug}`}
         link={`Previous: ${prev.data.title}`}