📓 added new visitor + small edits

Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>

src/data/guestbook.json

@@ -47,9 +47,21 @@
         "day": "26",
         "string": "26.08.2024"
       }
+    },
+    {
+      "name":"Kristoffer",
+      "social":"@kristoffer-jorgensborg",
+      "sociallink":"https://www.linkedin.com/in/kristoffer-jorgensborg/",
+      "image":"/img/guestbook/kristoffer_pizza.webp",
+      "date": {
+        "year": "2024",
+        "month": "08",
+        "day": "29",
+        "string": "29.08.2024"
+      }
     }
   ],
   "meta": {
-    "lastModified": "August 29, 2024"
+    "lastModified": "August 30, 2024"
   }
 }

src/pages/guestbook.astro

@@ -12,11 +12,11 @@ const visitors = guestbook["visitors"];
       <p class="blog">Welcome to the <i>digital pizzeria</i>! Leave your mark by doodling a pizza slice, snapping a pic, and sharing it with me at <code>pizza [at] kjelsrud [dot] dev</code> with your name & social media / website. And remember, creativity knows no bounds! Just like in my sketch, where I went with a Bitcoin pizza slice!🪙</p>
       <p class="blog italic text-xs"><strong>PS:</strong> This page was inspired by <a href="https://azlen.me/doorstep">azlen.me</a>!</p>
    </div>
-    <div class="grid grid-cols-2 md:grid-cols-3 gap-2">
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
       {visitors.map((visitor) => (
         <div class="flex flex-col items-center">
           <figure class="relative">
-            <img src={visitor.image} class="object-cover h-[300px] w-[300px] rounded-sm"/>
+            <img src={visitor.image} class="object-cover h-[300px] w-full rounded-sm"/>
             <figcaption class="absolute bottom-2 left-2 bg-black text-white px-2 py-1 rounded-xl text-xs">
               <div class="guestbook">
                 {visitor.name} ✿