From d498b846bedb33a228d6518a981df51e5b5d7a12 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Wed, 22 May 2024 00:23:00 +0800
Subject: [PATCH] Remove site button template

---
 src/_includes/main/site-btn.njk | 49 ---------------------------------
 src/index.njk                   |  4 ++-
 2 files changed, 3 insertions(+), 50 deletions(-)
 delete mode 100644 src/_includes/main/site-btn.njk

diff --git a/src/_includes/main/site-btn.njk b/src/_includes/main/site-btn.njk
deleted file mode 100644
index 424ad181..00000000
--- a/src/_includes/main/site-btn.njk
+++ /dev/null
@@ -1,49 +0,0 @@
-<p>You can link to my website with this button:</p>
-
-<div class="site-btn__container">
-    <div>
-        <a href="https://leilukin.neocities.org/"><img src="/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a>
-    </div>
-    <textarea aria-label="HTML of Leilukin's Hub website button" class="site-btn__textarea textarea-for-copy" rows="4"><a href="https://leilukin.neocities.org/"><img src="https://leilukin.neocities.org/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub" title="Leilukin's Hub"></a></textarea>
-    <button class="copy-txt-btn">Copy HTML</button>
-</div>
-
-<p>Credit to <a href="https://github.com/hekate2">hekate2</a> for their <a href="https://hekate2.github.io/buttonmaker/">88x31 Web Button Maker</a>!</p>
-
-<style>
-    .site-btn__container {
-        display: flex;
-        gap: 1rem;
-        align-items: center;
-        margin: 0.5rem 0;
-    }
-
-    .site-btn__textarea {
-        width: 10rem;
-        height: 4rem;
-        font-size: 0.75rem;
-        background-color:black;
-        color: var(--clr-body-txt);
-    }
-
-    .copy-txt-btn {
-        border: none;
-        background: var(--clr-link-btn-bg);
-        color: var(--clr-body-txt);
-        padding: 0.3rem 0.8rem;
-        border-radius: 0.5rem;
-        font-size: 0.9rem;
-        font-weight: bold;
-    }
-
-    .copy-txt-btn:hover {
-        background: var(--clr-link-hover);
-    }
-</style>
-
-<script defer>
-    document.querySelector(".copy-txt-btn").onclick = () => {
-        document.querySelector(".textarea-for-copy").select();
-        document.execCommand('copy');
-    }
-</script>
diff --git a/src/index.njk b/src/index.njk
index 489fbe09..f4415f7d 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -22,7 +22,9 @@ eleventyNavigation:
 <section class="content__section">
     <h2>Link to My Website</h2>
 
-    {% include "main/site-btn.njk" %}
+    <p>You can link to my website with the following button. I would recommend you to host my site button in your own website instead of hotlinking it.</p>
+
+    <img src="/assets/leilukin/Leilukins-Hub-button.png" alt="Button of Leilukin's Hub">
 </section>
 
 <section class="content__section">