Add Ryan Furrer's Skutch

This commit is contained in:
Maciej Pędzich 2023-09-05 21:31:53 +02:00
parent bd27c6cfdc
commit 748b9a6636
3 changed files with 20 additions and 2 deletions

View File

@ -81,7 +81,7 @@ const { cat } = Astro.props;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: calc(100% - 4rem); width: calc(100% - 4rem);
margin: 0 2rem; margin: 0 2rem 0.5rem 2rem;
padding: 0.2rem; padding: 0.2rem;
background-color: #000; background-color: #000;
text-align: center; text-align: center;

View File

@ -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"
}
}

View File

@ -31,7 +31,11 @@ const title = `${cat.data.owner.name}'s ${cat.data.name}`;
</h2> </h2>
<div class="row"> <div class="row">
<div class="col-12 col-6-md"> <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>
<div class="col-12 col-6-md"> <div class="col-12 col-6-md">
<p> <p>