Updated about page

about/index.html

@@ -36,7 +36,6 @@
                 <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>
 
@@ -44,6 +43,25 @@
 
                     <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>
                     <img class="center-el" src="../assets/leilukin-bee.png" width="35%" height="auto" style="border-radius: 50%">

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>

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>