From 4cddd911654b77edaa171f775a66fd65491acc30 Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Wed, 7 Feb 2024 23:10:15 -0500
Subject: Update package.json and Guestbook.jsx

---
 bun.lockb                      | Bin 280702 -> 283475 bytes
 package.json                   |   2 +-
 src/components/Guestbook.jsx   |   2 +-
 src/pages/blog/[...slug].astro |   9 +++++++--
 src/util.ts                    |   2 +-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index edf50be..06c4553 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index f7a01a7..99f9738 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,7 @@
     "@iconify-json/fa6-brands": "^1.1.18",
     "@supabase/supabase-js": "^2.39.3",
     "astro": "4.3.5",
-    "astro-icon": "^1.0.2",
+    "astro-icon": "^1.1.0",
     "dompurify": "^3.0.8",
     "markdown-it": "^14.0.0",
     "marked": "^12.0.0",
diff --git a/src/components/Guestbook.jsx b/src/components/Guestbook.jsx
index c2df8e2..0e637ab 100644
--- a/src/components/Guestbook.jsx
+++ b/src/components/Guestbook.jsx
@@ -72,7 +72,7 @@ class Guestbook extends Component {
                                 <h1>Message from: {g.name}</h1>
                                 <small>{formatDate(g.created_at)}</small>
                                 <div dangerouslySetInnerHTML={{__html: sanitizeHtml(g.message)}}/>
-                                {g.website && <a href={g.website} target="_blank">Website</a>}
+                                {g.website && <a href={g.website} target="_blank">My Website</a>}
                             </article>
                         ))}
                     </div>
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 86690c6..646dabb 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -25,9 +25,14 @@ const { Content } = await entry.render();
     </main>
 </Page>
 
-<style>
+<style is:global>
     img {
         width: 20%;
-        height: 50%;
+    }
+
+    @media (max-width: 768px) {
+        img {
+            width: 50%;
+        }
     }
 </style>
diff --git a/src/util.ts b/src/util.ts
index 0c1cecc..fe01ca5 100644
--- a/src/util.ts
+++ b/src/util.ts
@@ -1,5 +1,5 @@
 // Format date to a string
-function formatDate(date: string): string {
+function formatDate(date: Date): string {
     const options: Intl.DateTimeFormatOptions = {
         year: 'numeric',
         month: 'long',
-- 
cgit v1.2.3