From 2dd5c566114866ed5a62a45d7729f6330ec8671c Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Wed, 15 May 2024 00:58:48 +0800
Subject: [PATCH] Replace 123Guestbook guestbook with a guestbook page

---
 _site/about/index.html                        |   6 +-
 _site/archive/index.html                      |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 _site/articles/index.html                     |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../my-dislike-of-shipping-culture/index.html |   4 +-
 _site/blog/index.html                         |   4 +-
 _site/blog/page/2/index.html                  |   4 +-
 _site/blog/page/3/index.html                  |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 .../index.html                                |   4 +-
 _site/blog/posts/index.html                   |   4 +-
 _site/categories/a-summers-end/index.html     |   4 +-
 _site/categories/anti-harry-potter/index.html |   4 +-
 _site/categories/anti-jk-rowling/index.html   |   4 +-
 _site/categories/cassette-beasts/index.html   |   4 +-
 _site/categories/dracula-daily/index.html     |   4 +-
 _site/categories/fandom-culture/index.html    |   4 +-
 _site/categories/index.html                   |   4 +-
 _site/categories/lesbian/index.html           |   4 +-
 _site/categories/life-updates/index.html      |   4 +-
 _site/categories/modding/index.html           |   4 +-
 _site/categories/my-birthday/index.html       |   4 +-
 _site/categories/my-interviews/index.html     |   4 +-
 _site/categories/site-anniversary/index.html  |   4 +-
 _site/categories/site-updates/index.html      |   4 +-
 _site/categories/star-wars-kotor-2/index.html |   4 +-
 _site/categories/star-wars-kotor/index.html   |   4 +-
 _site/categories/youtube/index.html           |   4 +-
 _site/changelogs/2022/index.html              |   4 +-
 _site/changelogs/2023/index.html              |   4 +-
 _site/changelogs/2024/index.html              |   5 +-
 _site/changelogs/index.html                   |   5 +-
 _site/changelogs/layouts/index.html           |   4 +-
 _site/changelogs/page/2/index.html            |   4 +-
 _site/changelogs/page/3/index.html            |   4 +-
 _site/changelogs/page/4/index.html            |   4 +-
 _site/changelogs/page/5/index.html            |   4 +-
 _site/feed.xml                                |   3 +-
 _site/guestbook/index.html                    | 625 ++++++++++++++++++
 _site/index.html                              |   7 +-
 _site/links/index.html                        |   4 +-
 _site/now/index.html                          |   4 +-
 _site/projects/index.html                     |   4 +-
 _site/projects/kotor1mods/index.html          |   4 +-
 _site/projects/kotor2mods/index.html          |   4 +-
 _site/projects/playlists/index.html           |   4 +-
 _site/shrines/index.html                      |   4 +-
 _site/sitemap/index.html                      |   5 +-
 src/_includes/main/navbar.njk                 |   1 -
 src/changelogs/logs/2024/2024-05-14.md        |   3 +-
 src/index.njk                                 |   2 +-
 src/pages/about.njk                           |   2 +-
 src/pages/guestbook.njk                       | 128 ++++
 68 files changed, 948 insertions(+), 68 deletions(-)
 create mode 100644 _site/guestbook/index.html
 create mode 100644 src/pages/guestbook.njk

diff --git a/_site/about/index.html b/_site/about/index.html
index 7b6426f6..e5cfd769 100644
--- a/_site/about/index.html
+++ b/_site/about/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
@@ -379,7 +381,7 @@
 
     <p>While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience.</p>
 
-    <p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
+    <p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
 
     <p>You can link to my website with this button:</p>
 
diff --git a/_site/archive/index.html b/_site/archive/index.html
index 3e26b21f..b74c1af9 100644
--- a/_site/archive/index.html
+++ b/_site/archive/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
index b9c56395..7abb7b5a 100644
--- a/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
+++ b/_site/articles/anti-harry-potter-jk-rowling-masterlist/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/articles/designated-lesbian-syndrome-fandom/index.html b/_site/articles/designated-lesbian-syndrome-fandom/index.html
index a12a6dc5..de0b6f44 100644
--- a/_site/articles/designated-lesbian-syndrome-fandom/index.html
+++ b/_site/articles/designated-lesbian-syndrome-fandom/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/articles/index.html b/_site/articles/index.html
index e38191bf..5ec02b9a 100644
--- a/_site/articles/index.html
+++ b/_site/articles/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/articles/kotor2-modder-interview-ars-technica/index.html b/_site/articles/kotor2-modder-interview-ars-technica/index.html
index 095ad356..846f7712 100644
--- a/_site/articles/kotor2-modder-interview-ars-technica/index.html
+++ b/_site/articles/kotor2-modder-interview-ars-technica/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
index 7fda88f1..901a554c 100644
--- a/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
+++ b/_site/articles/lgbtq-booklet-interview-misi-bawang/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/articles/my-dislike-of-shipping-culture/index.html b/_site/articles/my-dislike-of-shipping-culture/index.html
index 596686ea..108f5e94 100644
--- a/_site/articles/my-dislike-of-shipping-culture/index.html
+++ b/_site/articles/my-dislike-of-shipping-culture/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/index.html b/_site/blog/index.html
index 8088c92a..fe59ac7c 100644
--- a/_site/blog/index.html
+++ b/_site/blog/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/page/2/index.html b/_site/blog/page/2/index.html
index 43b6cec0..cc71199c 100644
--- a/_site/blog/page/2/index.html
+++ b/_site/blog/page/2/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/page/3/index.html b/_site/blog/page/3/index.html
index 32492e81..08f7ebac 100644
--- a/_site/blog/page/3/index.html
+++ b/_site/blog/page/3/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
index 194b9d7c..f8cac252 100644
--- a/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
+++ b/_site/blog/posts/2023-01-26-new-year-leilukins-hub-redesign/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
index c051722e..3cd7a58e 100644
--- a/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
+++ b/_site/blog/posts/2023-01-28-leilukins-hub-now-has-a-blog/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
index 665f1001..bdb9e2c4 100644
--- a/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
+++ b/_site/blog/posts/2023-05-09-onboard-the-dracula-daily-hype-train/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
index ff1e64d9..cb82985d 100644
--- a/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
+++ b/_site/blog/posts/2023-06-23-june-2023-leilukins-hub-layout-rewrite/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
index 1218470d..377a7ea7 100644
--- a/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-07-28-my-first-birthday-after-the-launch-of-leilukins-hub/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
index 93f372e5..0d272836 100644
--- a/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
+++ b/_site/blog/posts/2023-09-11-happy-1st-anniversary-to-leilukins-hub/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
index be6e89cb..d90bd42b 100644
--- a/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
+++ b/_site/blog/posts/2023-10-13-my-cassette-beasts-pombomb-plushie-arrived/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
index 7fc842e2..55fd9a2b 100644
--- a/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
+++ b/_site/blog/posts/2023-10-30-support-for-my-steam-review-of-a-summers-end/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
index 6bf8e524..0c0f2036 100644
--- a/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
+++ b/_site/blog/posts/2023-11-19-i-can-finally-game-on-a-solid-state-drive/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
index 8d2d291b..3f238c5a 100644
--- a/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
+++ b/_site/blog/posts/2023-11-20-finally-beat-a-bugs-life-video-game-24-years-later/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
index afea512b..047e1430 100644
--- a/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
+++ b/_site/blog/posts/2024-03-06-i-received-a-lifetime-premium-membership-on-nexus-mods-for-free/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
index 9e4c206e..35b1ed1f 100644
--- a/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
+++ b/_site/blog/posts/2024-04-21-april-2024-leilukins-hub-overhaul-with-eleventy/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
index c68da88c..4c11ddd8 100644
--- a/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
+++ b/_site/blog/posts/2024-04-27-lesbian-visibility-day1-year-anniversary-of-cassette-beasts/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/2024-05-14-james-somerton-my-vide-game-footage/index.html b/_site/blog/posts/2024-05-14-james-somerton-my-vide-game-footage/index.html
index 08182ba7..83a5273d 100644
--- a/_site/blog/posts/2024-05-14-james-somerton-my-vide-game-footage/index.html
+++ b/_site/blog/posts/2024-05-14-james-somerton-my-vide-game-footage/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/blog/posts/index.html b/_site/blog/posts/index.html
index b029dd77..8cb4e742 100644
--- a/_site/blog/posts/index.html
+++ b/_site/blog/posts/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/a-summers-end/index.html b/_site/categories/a-summers-end/index.html
index a8dfd446..6cca556d 100644
--- a/_site/categories/a-summers-end/index.html
+++ b/_site/categories/a-summers-end/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/anti-harry-potter/index.html b/_site/categories/anti-harry-potter/index.html
index afc3b137..05d050a9 100644
--- a/_site/categories/anti-harry-potter/index.html
+++ b/_site/categories/anti-harry-potter/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/anti-jk-rowling/index.html b/_site/categories/anti-jk-rowling/index.html
index 8ad41653..39b690be 100644
--- a/_site/categories/anti-jk-rowling/index.html
+++ b/_site/categories/anti-jk-rowling/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/cassette-beasts/index.html b/_site/categories/cassette-beasts/index.html
index db14e3b7..18030a41 100644
--- a/_site/categories/cassette-beasts/index.html
+++ b/_site/categories/cassette-beasts/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/dracula-daily/index.html b/_site/categories/dracula-daily/index.html
index 43a26105..7855073b 100644
--- a/_site/categories/dracula-daily/index.html
+++ b/_site/categories/dracula-daily/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/fandom-culture/index.html b/_site/categories/fandom-culture/index.html
index a542a0eb..b423fe12 100644
--- a/_site/categories/fandom-culture/index.html
+++ b/_site/categories/fandom-culture/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/index.html b/_site/categories/index.html
index 8085d716..ad7f06e4 100644
--- a/_site/categories/index.html
+++ b/_site/categories/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/lesbian/index.html b/_site/categories/lesbian/index.html
index a3c1c951..b448d6a4 100644
--- a/_site/categories/lesbian/index.html
+++ b/_site/categories/lesbian/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/life-updates/index.html b/_site/categories/life-updates/index.html
index 7220a4bf..5a0ff68b 100644
--- a/_site/categories/life-updates/index.html
+++ b/_site/categories/life-updates/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/modding/index.html b/_site/categories/modding/index.html
index 8e3d3f31..77147ff8 100644
--- a/_site/categories/modding/index.html
+++ b/_site/categories/modding/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/my-birthday/index.html b/_site/categories/my-birthday/index.html
index f443b779..9963e5c8 100644
--- a/_site/categories/my-birthday/index.html
+++ b/_site/categories/my-birthday/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/my-interviews/index.html b/_site/categories/my-interviews/index.html
index dfcb3dad..67007236 100644
--- a/_site/categories/my-interviews/index.html
+++ b/_site/categories/my-interviews/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/site-anniversary/index.html b/_site/categories/site-anniversary/index.html
index 6355ead4..6b2a7d17 100644
--- a/_site/categories/site-anniversary/index.html
+++ b/_site/categories/site-anniversary/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/site-updates/index.html b/_site/categories/site-updates/index.html
index 12e03ddc..decb983b 100644
--- a/_site/categories/site-updates/index.html
+++ b/_site/categories/site-updates/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/star-wars-kotor-2/index.html b/_site/categories/star-wars-kotor-2/index.html
index 88d7e612..bd91c0e3 100644
--- a/_site/categories/star-wars-kotor-2/index.html
+++ b/_site/categories/star-wars-kotor-2/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/star-wars-kotor/index.html b/_site/categories/star-wars-kotor/index.html
index 2551027d..e7ada8d4 100644
--- a/_site/categories/star-wars-kotor/index.html
+++ b/_site/categories/star-wars-kotor/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/categories/youtube/index.html b/_site/categories/youtube/index.html
index 3bd888e4..b3db24d2 100644
--- a/_site/categories/youtube/index.html
+++ b/_site/categories/youtube/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/2022/index.html b/_site/changelogs/2022/index.html
index 73827e71..53780740 100644
--- a/_site/changelogs/2022/index.html
+++ b/_site/changelogs/2022/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/2023/index.html b/_site/changelogs/2023/index.html
index 186c39a6..0b103683 100644
--- a/_site/changelogs/2023/index.html
+++ b/_site/changelogs/2023/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/2024/index.html b/_site/changelogs/2024/index.html
index 60369a49..452e904d 100644
--- a/_site/changelogs/2024/index.html
+++ b/_site/changelogs/2024/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
@@ -416,6 +418,7 @@
         </div>
         <ul>
 <li>New blog post: <a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
+<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a>, as 123Guestbook will be shutting down on 1 July 2024.</li>
 </ul>
 
         <div class="heading-wrapper h2">
diff --git a/_site/changelogs/index.html b/_site/changelogs/index.html
index 4c1095c3..8d701486 100644
--- a/_site/changelogs/index.html
+++ b/_site/changelogs/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
@@ -413,6 +415,7 @@
         <h3 class="date-style">14 May 2024</h3>
         <ul>
 <li>New blog post: <a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
+<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a>, as 123Guestbook will be shutting down on 1 July 2024.</li>
 </ul>
 
         <h3 class="date-style">9 May 2024</h3>
diff --git a/_site/changelogs/layouts/index.html b/_site/changelogs/layouts/index.html
index 76ef3a2f..2c0ce822 100644
--- a/_site/changelogs/layouts/index.html
+++ b/_site/changelogs/layouts/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/page/2/index.html b/_site/changelogs/page/2/index.html
index bddcc842..eafd4a50 100644
--- a/_site/changelogs/page/2/index.html
+++ b/_site/changelogs/page/2/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/page/3/index.html b/_site/changelogs/page/3/index.html
index 8d297af7..799b0f9a 100644
--- a/_site/changelogs/page/3/index.html
+++ b/_site/changelogs/page/3/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/page/4/index.html b/_site/changelogs/page/4/index.html
index dc983c23..74e943c6 100644
--- a/_site/changelogs/page/4/index.html
+++ b/_site/changelogs/page/4/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/changelogs/page/5/index.html b/_site/changelogs/page/5/index.html
index 4e77fe11..de0db7cf 100644
--- a/_site/changelogs/page/5/index.html
+++ b/_site/changelogs/page/5/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/feed.xml b/_site/feed.xml
index f445f968..0812e12b 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-05-14T15:32:57Z</updated>
+    <updated>2024-05-14T16:58:09Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
@@ -18,6 +18,7 @@
             <id>https://leilukin.neocities.org/</id>
             <content type="html">&lt;ul&gt;
 &lt;li&gt;New blog post: &lt;a href=&quot;https://leilukin.neocities.org/blog/posts/2024-05-14-james-somerton-my-vide-game-footage&quot;&gt;James Somerton Used My Video Game Footage Without Credit or Permission&lt;/a&gt;.&lt;/li&gt;
+&lt;li&gt;Replace 123Guestbook guestbook with a &lt;a href=&quot;https://leilukin.neocities.org/guestbook&quot;&gt;guestbook page&lt;/a&gt;, as 123Guestbook will be shutting down on 1 July 2024.&lt;/li&gt;
 &lt;/ul&gt;
 </content>
         </entry>
diff --git a/_site/guestbook/index.html b/_site/guestbook/index.html
new file mode 100644
index 00000000..35a35d21
--- /dev/null
+++ b/_site/guestbook/index.html
@@ -0,0 +1,625 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr" id="page-top">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        
+        
+            <meta property="og:title" content="Guestbook">
+        
+        <meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="Leave a message for Leilukin.">
+<meta name="generator" content="Eleventy v2.0.1">
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://leilukin.neocities.org/guestbook/">
+<meta property="og:site_name" content="Leilukin's Hub">
+<meta property="og:locale" content="en_MY">
+<meta property="og:description" content="Leave a message for Leilukin.">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:url" content="https://leilukin.neocities.org/guestbook/">
+<meta name="twitter:description" content="Leave a message for Leilukin.">
+<link rel="canonical" href="https://leilukin.neocities.org/guestbook/">
+
+
+        
+        <link rel="stylesheet" href="/assets/css/main.css">
+        
+    <link rel="stylesheet" href="/assets/css/pridesymbols.css">
+
+
+        
+        <link rel="stylesheet" href="/assets/fonts/noto-sans/noto-sans.css">
+
+        
+        <link href="/assets/fonts/fontawesome/css/fontawesome.css" rel="stylesheet" />
+        <link href="/assets/fonts/fontawesome/css/brands.css" rel="stylesheet" />
+        <link href="/assets/fonts/fontawesome/css/solid.css" rel="stylesheet" />
+
+        
+        
+            <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
+            <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
+            <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
+            <link rel="manifest" href="/assets/favicon/site.webmanifest">
+        
+
+        <title>
+            Guestbook | Leilukin's Hub
+        </title>
+    </head>
+    <body>
+        <header class="hero">
+    <div class="hero__top-bar hidden"></div>
+    <div class="hero__img">
+        
+    <img fetchpriority="high" src="/assets/leilukin/Leilukins-Hub-website-banner.png" alt="Banner of Leilukin's Hub">
+
+    </div>
+</header>
+
+<style>
+    .hero {
+        width: 100%;
+        background-color: var(--clr-hero-bg);
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        text-align: center;
+    }
+
+    .hero__top-bar {
+        background-color: var(--clr-navbar-bg);
+        width: 100%;
+        padding: 0.5em 0.7em;
+    }
+
+    .hero__img {
+        display: grid;
+        place-content: center;
+    }
+
+    .hero img {
+        object-fit: contain;
+        overflow: hidden;
+        max-height: 16rem;
+        
+    filter: drop-shadow(0.1rem 0.1rem 0.2rem black);
+
+    }
+</style>
+
+<script defer>
+    const hero = document.querySelector(".hero");
+    const heroTopBarEl = document.querySelector(".hero__top-bar");
+    const headerImgEl = document.querySelector(".hero__img");
+
+    
+    const todayEvent = getTodayEvent();
+
+    if (todayEvent) {
+        heroTopBarEl.classList.remove('hidden');
+        heroTopBarEl.innerHTML = todayEvent.blurb;
+
+        if (todayEvent.class) {
+            headerImgEl.classList.add(todayEvent.class);
+        }
+    }
+
+    function getTodayEvent() {
+        const date = new Date();
+        const month = date.getMonth() + 1;
+        const day = date.getDate();
+        const year = date.getFullYear();
+        const weekOfMonth = Math.ceil(day / 7);
+
+        const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
+        const siteAnniversary = year - leilukinsHubLaunchDate;
+
+        if (month === 3 && day === 1)
+            return {
+                blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day">Zero Discrimination Day</a>`,
+                class: "flag-progress-intersex",
+            };
+        else if (month === 3 && day === 8)
+            return {
+                blurb: `Today is <a href="https://www.internationalwomensday.com/">International Women's Day}</a>`,
+                class: "symbol-venus",
+            };
+        else if (month === 3 && day === 31)
+            return {
+                blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html">Trans Day of Visibility</a>`,
+                class: "flag-trans",
+            };
+        else if (month === 4 && day === 6)
+            return {
+                blurb: `Today is <a href="https://internationalasexualityday.org/en">International Asexuality Day</a>`,
+                class: "flag-ace",
+            };
+        else if (month === 4 && day === 26)
+            return {
+                blurb: `Today is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Day</a>`,
+                class: "flag-lesbian",
+            };
+        else if (month === 4 && weekOfMonth === 4)
+            return {
+                blurb: `This week is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Week</a>`,
+                class: "flag-lesbian",
+            };
+        else if (month === 5 && day === 17)
+            return {
+                blurb: `Today is <a href="https://may17.org">International Day Against Homophobia, Biphobia and Transphobia</a>`,
+                class: "flag-progress",
+            };
+        else if (month === 5 && day === 19)
+            return {
+                blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/">Agender Pride Day</a>`,
+                class: "flag-agender",
+            };
+        else if (month === 5 && day === 25)
+            return {
+                blurb: `Today is <a href="https://genderedintelligence.co.uk/panvisibilityday">Pansexual and Panromantic Awareness and Visibility Day</a>`,
+                class: "flag-pan",
+            };
+        else if (month === 6)
+            return {
+                blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/">Pride Month</a>!`,
+                class: "flag-progress-intersex",
+            };
+        else if (month === 7 && day === 14)
+            return {
+                blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html">Non-Binary People's Day</a>`,
+                class: "flag-non-binary",
+            };
+        else if (month === 7 && day === 28)
+            return {
+                blurb: `Today is Leilukin's Birthday`
+            };
+        else if (month === 8 && day === 25)
+            return {
+                blurb: `Today is <a href="https://aromanticspectrumday.net/">Aromantic Spectrum Visibility Day</a>`,
+                class: "flag-aro",
+            };
+        else if (month === 9 && day === 11)
+            return {
+                blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of Leilukin&#39;s Hub`
+            };
+        else if (month === 9 && day === 23)
+            return {
+                blurb: `Today is <a href="https://bivisibilityday.com/about">Bi Visibility Day</a>`,
+                class: "flag-bi",
+            };
+        else if (month === 10 && day === 8)
+            return {
+                blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2">International Lesbian Day</a>`,
+                class: "flag-lesbian",
+            };
+        else if (month === 10 && day === 11)
+            return {
+                blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day">National Coming Out Day</a>`,
+                class: "flag-rainbow",
+            };
+        else if (month === 10 && day === 17)
+            return {
+                blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week">Genderfluid Visibility Week</a>`,
+                class: "flag-genderfluid",
+            };
+        else if (month === 10 && day === 24)
+            return {
+                blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/ace-week">Ace Week</a>`,
+                class: "flag-ace",
+            };
+        else if (month === 10 && day === 26)
+            return {
+                blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day">Intersex Awareness Day</a>`,
+                class: "flag-intersex",
+            };
+        else if (month === 11 && day === 13)
+            return {
+                blurb: `Today is the start of <a href="https://glaad.org/transweek/">Transgender Awareness Week</a>`,
+                class: "flag-trans",
+            };
+        else
+            return null;
+    }
+
+</script>
+        <nav class="navbar">
+    <button class="navbar__toggle" aria-label="Navigation menu toggle">
+        <i class="fa-solid fa-bars"></i>
+        <h2 class="navbar__title">Navigation</h2>
+    </button>
+    <ul class="navbar__links">
+        
+    
+    
+        <li>
+            <a  href="/">Home</a>
+        </li>
+        <li>
+            <a  href="/about/">About</a>
+        </li>
+        <li>
+            <a  href="/now/">Now</a>
+        </li>
+        <li>
+            <a  href="/blog/">Blog</a>
+        </li>
+        <li>
+            <a  href="/articles/">Articles</a>
+        </li>
+        <li>
+            <a  href="/projects/">Projects</a>
+        </li>
+        <li>
+            <a  href="/shrines/">Shrines</a>
+        </li>
+        <li>
+            <a  href="/links/">Links</a>
+        </li>
+        <li>
+            <a aria-current="page" href="/guestbook/">Guestbook</a>
+        </li>
+
+    </ul>
+</nav>
+
+<style>
+    .navbar {
+        background: var(--clr-navbar-bg);
+        padding: 0.6em 1em;
+        width: 100%;
+        z-index: 999;
+        position: sticky;
+        top: 0;
+    }
+
+    .navbar__toggle,
+    .navbar__title {
+        color: var(--clr-navbar-link);
+        font-size: 1.3rem;
+    }
+
+    .navbar__toggle {
+        display: flex;
+        align-items: center;
+        gap: 0.5em;
+        border: none;
+        padding: 0;
+        margin: 0;
+        background-color: inherit;
+    }
+
+    .navbar__toggle:focus,
+    .navbar a:focus {
+        outline: 0.15em solid var(--clr-navbar-link);
+    }
+
+    .navbar a {
+        color: var(--clr-navbar-link);
+        text-decoration: none;
+        cursor: pointer;
+    }
+
+    .navbar a:hover {
+        color: var(--clr-link-hover);
+    }
+
+    .navbar a:focus {
+        outline-offset: 0.3em;
+    }
+
+    .navbar__links {
+        list-style: none;
+        display: none;
+        gap: 1em;
+        padding: 0.5em 1.8em;
+        overflow: auto;
+    }
+
+    .navbar__links--show {
+        display: grid;
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .navbar {
+            padding: 0 0.6em;
+        }
+
+        .navbar__toggle {
+            display: none;
+        }
+
+        .navbar__links {
+            display: flex;
+            justify-content: space-evenly;
+            gap: 0.5em;
+            flex-wrap: wrap;
+            padding: 0;
+            overflow: unset;
+        }
+    }
+</style>
+
+<script defer>
+    const navbarToggle = document.querySelector('.navbar__toggle');
+    const navbarLinks = document.querySelector(".navbar__links");
+
+    navbarToggle.addEventListener('click', () => {
+        navbarLinks.classList.toggle("navbar__links--show");
+    });
+</script>
+
+        <main>
+            <header class="main__header">
+    
+
+    
+        <h1>Guestbook</h1>
+        
+            <p>Leave a message for Leilukin.</p>
+        
+    
+</header>
+
+<div class="content__wrapper">
+    
+
+    
+		<div class="content ">
+			
+<p>Feel free to say hi and connect with me! You may share your own website here.</p>
+
+<p>This guestbook is not the place to ask for help with my video game mods. Ask for mod support or report issues with my mods on Deadly Stream, Nexus Mods or email me.</p>
+
+<p><a href="https://web.archive.org/web/20240510121252/https%3A%2F%2Fleilukin.123guestbook.com%2F">Archive of my previous guestbook hosted on 123Guestbook</a></p>
+
+<!-- customize labels of htmlcommentbox.com -->
+<script>
+    /* This code goes ABOVE the main HTML Comment Box code!
+ replace the text in the single quotes below to customize labels.*/
+    hcb_user = {
+        /* L10N */
+        comments_header: 'Guestbook',
+        name_label: 'Name',
+        content_label: 'Enter your message here',
+        submit: 'Send',
+        logout_link: '<img title="log out" src="https://www.htmlcommentbox.com/static/images/door_out.svg" alt="[logout]" class="hcb-icon hcb-door-out"/>',
+        admin_link: '<img src="https://www.htmlcommentbox.com/static/images/door_in.svg" alt="[login]" class="hcb-icon hcb-door-in"/>',
+        no_comments_msg: 'No one has left any message yet. Be the first!',
+        add: 'Add your message',
+        again: 'Post another message',
+        rss: '<img src="https://www.htmlcommentbox.com/static/images/feed.svg" class="hcb-icon" alt="rss"/> ',
+        said: 'said:',
+        prev_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_left.png" class="hcb-icon" title="previous page" alt="[prev]"/>',
+        next_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_right.png" class="hcb-icon" title="next page" alt="[next]"/>',
+        showing: 'Showing',
+        to: 'to',
+        website_label: 'website (optional)',
+        email_label: 'email',
+        anonymous: 'Anonymous',
+        mod_label: '(mod)',
+        subscribe: 'Email Me Replies',
+        add_image: 'Add Image',
+        are_you_sure: 'Do you want to flag this comment as inappropriate?',
+
+        reply: 'Reply',
+        flag: 'Flag',
+        like: 'Like',
+
+        /* dates */
+        days_ago: 'days ago',
+        hours_ago: 'hours ago',
+        minutes_ago: 'minutes ago',
+        within_the_last_minute: 'within the last minute',
+
+        msg_thankyou: 'Thank you for your message!',
+        msg_approval: 'NOTE: This message is not published until approved',
+        msg_approval_required: 'Thank you for your message! Your message will appear once approved by Leilukin.',
+
+        err_bad_html: 'Your message contained bad html.',
+        err_bad_email: 'Please enter a valid email address.',
+        err_too_frequent: 'You must wait a few seconds between posting messages.',
+        err_comment_empty: 'Your message was not posted because it was empty!',
+        err_denied: 'Your message was not accepted.',
+        err_unknown: 'Your message was blocked for unknown reasons, please report this.',
+        err_spam: 'Your message was detected as spam.',
+        err_blocked: 'Your message was blocked by site policy.',
+
+        /* SETTINGS */
+        MAX_CHARS: 4096,
+        PAGE: '',
+        /* ID of the webpage to show comments for. defaults to the webpage the user is currently visiting. */
+        ON_COMMENT: function () {},
+        /* Function to call after commenting. */
+        RELATIVE_DATES: false /* show dates in the form "X hours ago." etc. */
+    };
+</script>
+<!-- done customizing labels of htmlcommentbox.com -->
+
+<!-- begin wwww.htmlcommentbox.com -->
+<section id="HCB_comment_box">
+    <a href="http://www.htmlcommentbox.com">Widget</a> is loading messages...
+</section>
+<link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0"/>
+<script type="text/javascript" id="hcb" defer>
+    /* <!-- */
+    if (!window.hcb_user) {
+        hcb_user = {};
+    }
+    (function () {
+        var s = document.createElement("script"),
+            l = hcb_user.PAGE || ("" + window.location).replace(/'/g, "%27"),
+            h = "https://www.htmlcommentbox.com";
+        s.setAttribute("type", "text/javascript");
+        s.setAttribute("src", h + "/jread?page=" + encodeURIComponent(l).replace("+", "%2B") + "&mod=%241%24wq1rdBcg%24IRFneco1bcPmYKq.t1Oae." + "&opts=16798&num=10&ts=1715702516205");
+        if (typeof s != "undefined")
+            document
+                .getElementsByTagName("head")[0]
+                .appendChild(s);
+        }
+    )();/* --> */
+</script>
+
+<style>
+    #HCB_comment_box form {
+        display: grid;
+        gap: 0.3em;
+        margin: 1.3rem 0;
+    }
+
+    #HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name {
+        font-family: inherit;
+        font-size: 1.2rem;
+    }
+
+    #HCB_comment_box {
+        height: auto;
+        font-family: inherit;
+        font-size: 1.2rem;
+    }
+
+    #HCB_comment_box #hcb_form .btn,
+    #HCB_comment_box #HCB_comment_form_box .btn {
+        background: var(--clr-link-btn-bg);
+        color: var(--clr-link-btn-txt);
+        font-size: 1.2rem;
+    }
+</style>
+<!-- end www.htmlcommentbox.com -->
+		</div>
+    
+
+    
+
+    
+</div>
+
+<style>
+    .breadcrumbs {
+        list-style: none;
+        padding: 0;
+        margin: 0 0 0.7em 0;
+        display: flex;
+        gap: 0.5em;
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+
+    .breadcrumbs li::after {
+        content: '➔';
+        padding-left: 0.3em;
+    }
+</style>
+        </main>
+        <footer class="footer">
+    <p>Made with ♥ by Leilukin since <time>11 September 2022</time></p>
+
+    
+    <ul class="footer__links">
+        <li><a
+            
+            href="/sitemap/
+        ">Site Map</a></li>
+        <li><a
+            
+            href="/changelogs/"
+        >Changelogs</a></li>
+        <li><a href="/feed.xml">RSS</a></li>
+    </ul>
+
+</footer>
+
+<style>
+    .footer {
+        margin-top: auto;
+        width: 100%;
+        background: var(--clr-main-footer-bg);
+        padding: 1rem 1rem 3rem 1rem;
+        text-align: center;
+        display: grid;
+    }
+
+    .footer p {
+        padding: 0;
+    }
+
+    .footer__links {
+        justify-self: center;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        display: flex;
+        gap: 0.7em;
+    }
+
+    .footer__links li:not(:last-child)::after {
+        content: '|';
+        padding-left: 0.6em;
+    }
+
+    /* Screen sizes larger than mobile */
+    @media only screen and (min-width: 30rem) {
+        .footer {
+            padding: 1rem 1rem 2rem 1rem;
+        }
+    }
+
+    /* Tablet screen size */
+    @media only screen and (min-width: 43.75rem) {
+        .footer {
+            padding: 1rem;
+        }
+    }
+</style>
+        <button class="top-btn hidden" aria-label="Scroll to top">
+    <i class="fa-solid fa-chevron-up"></i>
+</button>
+
+<style>
+    .top-btn {
+        position: fixed;
+        margin: 0;
+        padding: 0;
+        bottom: 0.5rem;
+        right: 0.5rem;
+        z-index: 999;
+        border: none;
+        background-color: var(--clr-top-btn-bg);
+        color: var(--clr-top-btn-txt);
+        border-radius: 50em;
+        width: 2rem;
+        aspect-ratio: 1 / 1;
+    }
+
+    .top-btn:focus {
+        outline: 0.25em solid var(--clr-top-btn-bg);
+        outline-offset: 0.15em;
+    }
+</style>
+
+<script defer>
+    const topButton = document.querySelector(".top-btn");
+
+    window.onscroll = () => {
+        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+            topButton.classList.remove("hidden");
+        } else {
+            topButton.classList.add("hidden");
+        }
+    }
+
+    topButton.addEventListener('click', () => {
+        window.scrollTo({
+            top: 0,
+            left: 0,
+            behavior: "smooth",
+        });
+    });
+</script>
+    </body>
+</html>
\ No newline at end of file
diff --git a/_site/index.html b/_site/index.html
index fd25fdd8..42fdb638 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
@@ -374,7 +376,7 @@
     <p>Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.</p>
     <p>You can browse all my contents published on this site through the <a href="/archive">Archive</a> page, or the <a href="/categories">Content Categories</a> page.</p>
     <p>You may use the <a href="/sitemap">site map</a> to quickly navigate this website.</p>
-    <p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
+    <p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
     <p>Enjoy your stay!</p>
 </section>
 
@@ -440,6 +442,7 @@
             <h3 class="date-style">14 May 2024:</h3>
             <ul>
 <li>New blog post: <a href="/blog/posts/2024-05-14-james-somerton-my-vide-game-footage">James Somerton Used My Video Game Footage Without Credit or Permission</a>.</li>
+<li>Replace 123Guestbook guestbook with a <a href="/guestbook">guestbook page</a>, as 123Guestbook will be shutting down on 1 July 2024.</li>
 </ul>
 
         <p><a href="/changelogs">View all site changelogs</a></p>
diff --git a/_site/links/index.html b/_site/links/index.html
index 32c8de8e..61aadf98 100644
--- a/_site/links/index.html
+++ b/_site/links/index.html
@@ -260,7 +260,9 @@
         <li>
             <a aria-current="page" href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/now/index.html b/_site/now/index.html
index 4184fc92..a79f020f 100644
--- a/_site/now/index.html
+++ b/_site/now/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/projects/index.html b/_site/projects/index.html
index f922bb42..31eafdea 100644
--- a/_site/projects/index.html
+++ b/_site/projects/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/projects/kotor1mods/index.html b/_site/projects/kotor1mods/index.html
index 0bb2c2a3..a79f2e82 100644
--- a/_site/projects/kotor1mods/index.html
+++ b/_site/projects/kotor1mods/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/projects/kotor2mods/index.html b/_site/projects/kotor2mods/index.html
index 9898772d..bb3e7c75 100644
--- a/_site/projects/kotor2mods/index.html
+++ b/_site/projects/kotor2mods/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/projects/playlists/index.html b/_site/projects/playlists/index.html
index 28efa058..0f6f2450 100644
--- a/_site/projects/playlists/index.html
+++ b/_site/projects/playlists/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/shrines/index.html b/_site/shrines/index.html
index b8808d3f..baf25b77 100644
--- a/_site/shrines/index.html
+++ b/_site/shrines/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
diff --git a/_site/sitemap/index.html b/_site/sitemap/index.html
index 054a8cdc..921b1158 100644
--- a/_site/sitemap/index.html
+++ b/_site/sitemap/index.html
@@ -260,7 +260,9 @@
         <li>
             <a  href="/links/">Links</a>
         </li>
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
+        <li>
+            <a  href="/guestbook/">Guestbook</a>
+        </li>
 
     </ul>
 </nav>
@@ -425,6 +427,7 @@
 <li><a href="/changelogs/2022/">2022</a></li>
 <li><a href="/changelogs/2023/">2023</a></li>
 <li><a href="/changelogs/2024/">2024</a></li></ul></li>
+<li><a href="/guestbook/">Guestbook</a></li>
 <li><a href="/categories/">Content Categories</a></li>
 <li><a href="/archive/">Content Archive</a></li></ul>
 
diff --git a/src/_includes/main/navbar.njk b/src/_includes/main/navbar.njk
index 01bffd61..53182b61 100644
--- a/src/_includes/main/navbar.njk
+++ b/src/_includes/main/navbar.njk
@@ -8,5 +8,4 @@
             <a {% if entry.url == page.url %}aria-current="page"{% endif %} href="{{ entry.url }}">{{ entry.title }}</a>
         </li>
     {%- endfor %}
-    <li><a href="https://leilukin.123guestbook.com/">Guestbook</a></li>
 {% endblock %}
\ No newline at end of file
diff --git a/src/changelogs/logs/2024/2024-05-14.md b/src/changelogs/logs/2024/2024-05-14.md
index 08b05fc4..97f00a88 100644
--- a/src/changelogs/logs/2024/2024-05-14.md
+++ b/src/changelogs/logs/2024/2024-05-14.md
@@ -2,4 +2,5 @@
 date: 2024-05-14
 ---
 
-* New blog post: [James Somerton Used My Video Game Footage Without Credit or Permission](/blog/posts/2024-05-14-james-somerton-my-vide-game-footage).
\ No newline at end of file
+* New blog post: [James Somerton Used My Video Game Footage Without Credit or Permission](/blog/posts/2024-05-14-james-somerton-my-vide-game-footage).
+* Replace 123Guestbook guestbook with a [guestbook page](/guestbook), as 123Guestbook will be shutting down on 1 July 2024.
\ No newline at end of file
diff --git a/src/index.njk b/src/index.njk
index dfdb43d6..9e80f318 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -15,7 +15,7 @@ eleventyNavigation:
     <p>Hello! You can call me Leilukin. Welcome to my website! This site is my own personal hub and corner on the internet.</p>
     <p>You can browse all my contents published on this site through the <a href="/archive">Archive</a> page, or the <a href="/categories">Content Categories</a> page.</p>
     <p>You may use the <a href="/sitemap">site map</a> to quickly navigate this website.</p>
-    <p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
+    <p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
     <p>Enjoy your stay!</p>
 </section>
 
diff --git a/src/pages/about.njk b/src/pages/about.njk
index a51da339..916d90d5 100644
--- a/src/pages/about.njk
+++ b/src/pages/about.njk
@@ -19,7 +19,7 @@ eleventyNavigation:
 
     <p>While the primary purpose of this website is my own space of self-expression, I also want my website to be accessible to viewers. Therefore, I strive to design this website to be mobile-friendly and accessible to provide the best user experience.</p>
 
-    <p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/">my guestbook</a>!</p>
+    <p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>!</p>
 
     {% include "main/site-btn.njk" %}
 
diff --git a/src/pages/guestbook.njk b/src/pages/guestbook.njk
new file mode 100644
index 00000000..ee7225ef
--- /dev/null
+++ b/src/pages/guestbook.njk
@@ -0,0 +1,128 @@
+---
+layout: main/content
+title: Guestbook
+desc: Leave a message for Leilukin.
+eleventyNavigation:
+    key: Guestbook
+    order: 9
+---
+
+<p>Feel free to say hi and connect with me! You may share your own website here.</p>
+
+<p>This guestbook is not the place to ask for help with my video game mods. Ask for mod support or report issues with my mods on Deadly Stream, Nexus Mods or email me.</p>
+
+<p><a href="https://web.archive.org/web/20240510121252/https%3A%2F%2Fleilukin.123guestbook.com%2F">Archive of my previous guestbook hosted on 123Guestbook</a></p>
+
+<!-- customize labels of htmlcommentbox.com -->
+<script>
+    /* This code goes ABOVE the main HTML Comment Box code!
+ replace the text in the single quotes below to customize labels.*/
+    hcb_user = {
+        /* L10N */
+        comments_header: 'Guestbook',
+        name_label: 'Name',
+        content_label: 'Enter your message here',
+        submit: 'Send',
+        logout_link: '<img title="log out" src="https://www.htmlcommentbox.com/static/images/door_out.svg" alt="[logout]" class="hcb-icon hcb-door-out"/>',
+        admin_link: '<img src="https://www.htmlcommentbox.com/static/images/door_in.svg" alt="[login]" class="hcb-icon hcb-door-in"/>',
+        no_comments_msg: 'No one has left any message yet. Be the first!',
+        add: 'Add your message',
+        again: 'Post another message',
+        rss: '<img src="https://www.htmlcommentbox.com/static/images/feed.svg" class="hcb-icon" alt="rss"/> ',
+        said: 'said:',
+        prev_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_left.png" class="hcb-icon" title="previous page" alt="[prev]"/>',
+        next_page: '<img src="https://www.htmlcommentbox.com/static/images/arrow_right.png" class="hcb-icon" title="next page" alt="[next]"/>',
+        showing: 'Showing',
+        to: 'to',
+        website_label: 'website (optional)',
+        email_label: 'email',
+        anonymous: 'Anonymous',
+        mod_label: '(mod)',
+        subscribe: 'Email Me Replies',
+        add_image: 'Add Image',
+        are_you_sure: 'Do you want to flag this comment as inappropriate?',
+
+        reply: 'Reply',
+        flag: 'Flag',
+        like: 'Like',
+
+        /* dates */
+        days_ago: 'days ago',
+        hours_ago: 'hours ago',
+        minutes_ago: 'minutes ago',
+        within_the_last_minute: 'within the last minute',
+
+        msg_thankyou: 'Thank you for your message!',
+        msg_approval: 'NOTE: This message is not published until approved',
+        msg_approval_required: 'Thank you for your message! Your message will appear once approved by Leilukin.',
+
+        err_bad_html: 'Your message contained bad html.',
+        err_bad_email: 'Please enter a valid email address.',
+        err_too_frequent: 'You must wait a few seconds between posting messages.',
+        err_comment_empty: 'Your message was not posted because it was empty!',
+        err_denied: 'Your message was not accepted.',
+        err_unknown: 'Your message was blocked for unknown reasons, please report this.',
+        err_spam: 'Your message was detected as spam.',
+        err_blocked: 'Your message was blocked by site policy.',
+
+        /* SETTINGS */
+        MAX_CHARS: 4096,
+        PAGE: '',
+        /* ID of the webpage to show comments for. defaults to the webpage the user is currently visiting. */
+        ON_COMMENT: function () {},
+        /* Function to call after commenting. */
+        RELATIVE_DATES: false /* show dates in the form "X hours ago." etc. */
+    };
+</script>
+<!-- done customizing labels of htmlcommentbox.com -->
+
+<!-- begin wwww.htmlcommentbox.com -->
+<section id="HCB_comment_box">
+    <a href="http://www.htmlcommentbox.com">Widget</a> is loading messages...
+</section>
+<link rel="stylesheet" type="text/css" href="https://www.htmlcommentbox.com/static/skins/bootstrap/twitter-bootstrap.css?v=0"/>
+<script type="text/javascript" id="hcb" defer>
+    /* <!-- */
+    if (!window.hcb_user) {
+        hcb_user = {};
+    }
+    (function () {
+        var s = document.createElement("script"),
+            l = hcb_user.PAGE || ("" + window.location).replace(/'/g, "%27"),
+            h = "https://www.htmlcommentbox.com";
+        s.setAttribute("type", "text/javascript");
+        s.setAttribute("src", h + "/jread?page=" + encodeURIComponent(l).replace("+", "%2B") + "&mod=%241%24wq1rdBcg%24IRFneco1bcPmYKq.t1Oae." + "&opts=16798&num=10&ts=1715702516205");
+        if (typeof s != "undefined")
+            document
+                .getElementsByTagName("head")[0]
+                .appendChild(s);
+        }
+    )();/* --> */
+</script>
+
+<style>
+    #HCB_comment_box form {
+        display: grid;
+        gap: 0.3em;
+        margin: 1.3rem 0;
+    }
+
+    #HCB_comment_box #hcb_form textarea, #HCB_comment_box #hcb_form #hcb_form_name {
+        font-family: inherit;
+        font-size: 1.2rem;
+    }
+
+    #HCB_comment_box {
+        height: auto;
+        font-family: inherit;
+        font-size: 1.2rem;
+    }
+
+    #HCB_comment_box #hcb_form .btn,
+    #HCB_comment_box #HCB_comment_form_box .btn {
+        background: var(--clr-link-btn-bg);
+        color: var(--clr-link-btn-txt);
+        font-size: 1.2rem;
+    }
+</style>
+<!-- end www.htmlcommentbox.com -->
\ No newline at end of file