From 8da2da3501509c7b610a2bccba2e087440143b01 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 10 Aug 2023 11:18:54 +0800
Subject: [PATCH] Updated about page

---
 about/index.html     | 20 +++++++++++++++++++-
 changelog/index.html |  1 +
 home.html            |  1 +
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/about/index.html b/about/index.html
index 3b31bbcb..d49f364c 100644
--- a/about/index.html
+++ b/about/index.html
@@ -36,13 +36,31 @@
                 <h1>About</h1>
 
                     <h2>The Site</h2>
-                    <img src="/assets/hosted-by-neocities.png" alt="a website button with Penelope the cat, the mascot of Neocities, and the text &quot;hosted by neocities&quot;" title="Hosted by Neocities">
 
                     <p>This website serves as a personal hub for my interests and my own corner on the internet outside social media platforms.</p>
 
                     <p>On this site, you can find various stuff and resources I have created or compiled, as well as articles dedicated to my interests.</p>
 
                     <p>Feel free to drop a message and say hi on <a href="https://leilukin.123guestbook.com/" target="_blank">my guestbook</a>!</p>
+
+                    <p>You can link to my website with this button:</p>
+
+                    <div class="site-btn__container">
+                        <div>
+                            <a href="https://leilukin.neocities.org/" target="_blank"><img src="/assets/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a>
+                        </div>
+                        <textarea class="site-btn__textarea textarea-for-copy"><a href="https://leilukin.neocities.org/" target="_blank"><img src="https://leilukin.neocities.org/assets/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a></textarea>
+                        <button class="copy-txt-btn">Copy HTML</button>
+                        <script>
+                            document.querySelector(".copy-txt-btn").onclick = () => {
+                                document.querySelector(".textarea-for-copy").select();
+                                document.execCommand('copy');
+                            }
+                        </script>
+                    </div>
+
+                    <p>If you also have a Neocities account, you can follow this site through its <a href="https://neocities.org/site/leilukin" target="_blank">Neocities profile</a>.</p>
+                    <a href="https://neocities.org/site/leilukin" target="_blank"><img src="/assets/hosted-by-neocities.png" alt="a website button with Penelope the cat, the mascot of Neocities, and the text &quot;hosted by neocities&quot;" title="Hosted by Neocities"></a>
                     
 
                     <h2>The Site Owner</h2>
diff --git a/changelog/index.html b/changelog/index.html
index 679c133c..816bbcd1 100644
--- a/changelog/index.html
+++ b/changelog/index.html
@@ -42,6 +42,7 @@
                 <p class="date-style">August 10, 2023:</p>
                 <ul>
                     <li>Reformat source and reference citations, such as the <a href="/shrines/asummersend/trivia.html">Trivia</a> page on the A Summer’s End — Hong Kong 1986 shrine.</li>
+                    <li>Updated the <a href="/about/">About</a> page to add the site button and the link to the site's <a href="https://neocities.org/site/leilukin" target="_blank">Neocities profile</a>.</li>
                 </ul>
 
                 <p class="date-style">August 8, 2023:</p>
diff --git a/home.html b/home.html
index c2012e99..5669a0d4 100644
--- a/home.html
+++ b/home.html
@@ -67,6 +67,7 @@
                         <p class="date-style">August 10, 2023:</p>
                         <ul>
                             <li>Reformat source and reference citations, such as the <a href="/shrines/asummersend/trivia.html">Trivia</a> page on the A Summer’s End — Hong Kong 1986 shrine.</li>
+                            <li>Updated the <a href="/about/">About</a> page to add the site button and the link to the site's <a href="https://neocities.org/site/leilukin" target="_blank">Neocities profile</a>.</li>
                         </ul>
                     </div>
                     <a href="/changelog">View all site changelog</a>