From 748b9a663635b0b4014a6d7e2ff12aa6761a6540 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Maciej=20P=C4=99dzich?= <contact@maciejpedzi.ch>
Date: Tue, 5 Sep 2023 21:31:53 +0200
Subject: [PATCH] Add Ryan Furrer's Skutch

---
 src/components/CatCard.astro            |  2 +-
 src/content/cats/ryanfurrer-skutch.json | 14 ++++++++++++++
 src/pages/cats/[...catId].astro         |  6 +++++-
 3 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 src/content/cats/ryanfurrer-skutch.json

diff --git a/src/components/CatCard.astro b/src/components/CatCard.astro
index 41f0385..305720c 100644
--- a/src/components/CatCard.astro
+++ b/src/components/CatCard.astro
@@ -81,7 +81,7 @@ const { cat } = Astro.props;
     bottom: 0;
     left: 0;
     width: calc(100% - 4rem);
-    margin: 0 2rem;
+    margin: 0 2rem 0.5rem 2rem;
     padding: 0.2rem;
     background-color: #000;
     text-align: center;
diff --git a/src/content/cats/ryanfurrer-skutch.json b/src/content/cats/ryanfurrer-skutch.json
new file mode 100644
index 0000000..0e180d8
--- /dev/null
+++ b/src/content/cats/ryanfurrer-skutch.json
@@ -0,0 +1,14 @@
+{
+  "name": "Skutch",
+  "dateAdded": "2023-09-05T19:15:00.066Z",
+  "description": "Skutch was the runt of the pack, born by a stray mother. He was all of 6 lbs. fully grown and was taken from us too soon.",
+  "passedAway": true,
+  "image": {
+    "src": "/images/ryanfurrer-skutch.jpg",
+    "alt": "Tabby cat sleeping by the window"
+  },
+  "owner": {
+    "name": "Ryan Furrer",
+    "link": "https://ryanfurrer.com"
+  }
+}
diff --git a/src/pages/cats/[...catId].astro b/src/pages/cats/[...catId].astro
index d42fbf2..2cfea12 100644
--- a/src/pages/cats/[...catId].astro
+++ b/src/pages/cats/[...catId].astro
@@ -31,7 +31,11 @@ const title = `${cat.data.owner.name}'s ${cat.data.name}`;
   </h2>
   <div class="row">
     <div class="col-12 col-6-md">
-      <img src={cat.data.image.src} alt={cat.data.image.alt} />
+      <img
+        class:list={[{ 'passed-away': cat.data.passedAway }]}
+        src={cat.data.image.src}
+        alt={cat.data.image.alt}
+      />
     </div>
     <div class="col-12 col-6-md">
       <p>