diff --git a/public/images/maciejpedzich-placeholder.jpg b/public/images/maciejpedzich-placeholder.jpg deleted file mode 100644 index e7a28bc..0000000 Binary files a/public/images/maciejpedzich-placeholder.jpg and /dev/null differ diff --git a/public/images/maciejpedzich-test.jpg b/public/images/maciejpedzich-test.jpg deleted file mode 100644 index c5196d0..0000000 Binary files a/public/images/maciejpedzich-test.jpg and /dev/null differ diff --git a/public/images/ryantrimble-aldi.jpg b/public/images/ryantrimble-aldi.jpg new file mode 100644 index 0000000..0c30797 Binary files /dev/null and b/public/images/ryantrimble-aldi.jpg differ diff --git a/public/images/ryantrimble-sunshine.jpg b/public/images/ryantrimble-sunshine.jpg new file mode 100644 index 0000000..f3bcb44 Binary files /dev/null and b/public/images/ryantrimble-sunshine.jpg differ diff --git a/public/images/ryantrimble-t3.jpg b/public/images/ryantrimble-t3.jpg new file mode 100644 index 0000000..e2c1b93 Binary files /dev/null and b/public/images/ryantrimble-t3.jpg differ diff --git a/src/content/cats/maciejpedzich-placeholder.json b/src/content/cats/maciejpedzich-placeholder.json deleted file mode 100644 index 1d7b4ec..0000000 --- a/src/content/cats/maciejpedzich-placeholder.json +++ /dev/null @@ -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" - } -} diff --git a/src/content/cats/maciejpedzich-test.json b/src/content/cats/maciejpedzich-test.json deleted file mode 100644 index 0228bdb..0000000 --- a/src/content/cats/maciejpedzich-test.json +++ /dev/null @@ -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" - } -} diff --git a/src/content/cats/ryantrimble-aldi.json b/src/content/cats/ryantrimble-aldi.json new file mode 100644 index 0000000..8ad95b1 --- /dev/null +++ b/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" + } +} diff --git a/src/content/cats/ryantrimble-sunshine.json b/src/content/cats/ryantrimble-sunshine.json new file mode 100644 index 0000000..d48abd1 --- /dev/null +++ b/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" + } +} diff --git a/src/content/cats/ryantrimble-t3.json b/src/content/cats/ryantrimble-t3.json new file mode 100644 index 0000000..2f61e6b --- /dev/null +++ b/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" + } +} diff --git a/src/pages/cats/[...catId].astro b/src/pages/cats/[...catId].astro index 91eca49..f4199f7 100644 --- a/src/pages/cats/[...catId].astro +++ b/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; + } diff --git a/src/styles/global.css b/src/styles/global.css index 1b4df8a..0885d4f 100644 --- a/src/styles/global.css +++ b/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;