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

---
 src/components/Guestbook.jsx   | 2 +-
 src/pages/blog/[...slug].astro | 9 +++++++--
 src/util.ts                    | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

(limited to 'src')

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