Remove placeholders and add Ryan Trimble's cats

src/content/cats/maciejpedzich-placeholder.json

@@ -1,13 +0,0 @@
-{
-  "name": "Placeholder",
-  "dateAdded": "2023-09-02T18:50:00.066Z",
-  "description": "This is a placeholder cat with a photo taken from placekitten.com",
-  "image": {
-    "src": "/images/maciejpedzich-placeholder.jpg",
-    "alt": "Sample alt text"
-  },
-  "owner": {
-    "name": "Maciej Pędzich",
-    "link": "https://maciejpedzi.ch"
-  }
-}

src/content/cats/maciejpedzich-test.json

@@ -1,13 +0,0 @@
-{
-  "name": "Test",
-  "dateAdded": "2023-09-03T01:34:00.066Z",
-  "description": "This is another test cat with another placekitten.com photo",
-  "image": {
-    "src": "/images/maciejpedzich-test.jpg",
-    "alt": "Sample alt text"
-  },
-  "owner": {
-    "name": "Maciej Pędzich",
-    "link": "https://maciejpedzi.ch"
-  }
-}

src/content/cats/ryantrimble-aldi.json

@@ -0,0 +1,13 @@
+{
+  "name": "Aldi",
+  "dateAdded": "2023-09-04T18:19:00.066Z",
+  "description": "Found under a dumpster behind an Aldi's grocery store",
+  "image": {
+    "src": "/images/ryantrimble-aldi.jpg",
+    "alt": "Tuxedo cat standing on a blanket in a bedroom"
+  },
+  "owner": {
+    "name": "Ryan Trimble",
+    "link": "https://ryantrimble.com"
+  }
+}

src/content/cats/ryantrimble-sunshine.json

@@ -0,0 +1,13 @@
+{
+  "name": "Sunshine",
+  "dateAdded": "2023-09-04T18:20:00.066Z",
+  "description": "Really soft fur!",
+  "image": {
+    "src": "/images/ryantrimble-sunshine.jpg",
+    "alt": "Orange-and-white long hair cat lying on a mattress"
+  },
+  "owner": {
+    "name": "Ryan Trimble",
+    "link": "https://ryantrimble.com"
+  }
+}

src/content/cats/ryantrimble-t3.json

@@ -0,0 +1,13 @@
+{
+  "name": "T3",
+  "dateAdded": "2023-09-04T18:22:00.066Z",
+  "description": "T3 stands for twenty-two-toes as she is a polydactyl cat",
+  "image": {
+    "src": "/images/ryantrimble-t3.jpg",
+    "alt": "Domestic short hair cat lying on a brown sofa"
+  },
+  "owner": {
+    "name": "Ryan Trimble",
+    "link": "https://ryantrimble.com"
+  }
+}

src/pages/cats/[...catId].astro

@@ -56,4 +56,9 @@ const title = `${cat.data.owner.name}'s ${cat.data.name}`;
   p {
     font-size: 1.75rem;
   }
+
+  img {
+    width: 100%;
+    height: auto;
+  }
 </style>

src/styles/global.css

@@ -4,7 +4,7 @@
 }
 
 body.dark {
-  --bg-color: #000;
+  --bg-color: #112;
   --color-primary: #26b670;
   --bg-secondary-color: #131316;
   --font-color: #f5f5f5;