From a1a997f547db382cbb110daf20e296a24be4e8ba Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Sun, 9 Jun 2024 13:37:32 +0800
Subject: [PATCH] Set pride and Ko-fi buttons to lazy loading

---
 src/_includes/main/support-me.njk |  2 +-
 src/index.njk                     | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/_includes/main/support-me.njk b/src/_includes/main/support-me.njk
index bbe48c5f..30afd31e 100644
--- a/src/_includes/main/support-me.njk
+++ b/src/_includes/main/support-me.njk
@@ -1,7 +1,7 @@
 <p>If you enjoy my work, you can support me on <a href="https://ko-fi.com/leilukin">Ko-Fi</a>.</p>
 <div class="support-me">
     <!-- Ko-Fi button -->
-    <a href='https://ko-fi.com/A1042UH4' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi2.png?v=3' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
+    <a href='https://ko-fi.com/A1042UH4' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://storage.ko-fi.com/cdn/kofi2.png?v=3' border='0' alt='Buy Me a Coffee at ko-fi.com' loading="lazy" /></a>
 </div>
 
 <style>
diff --git a/src/index.njk b/src/index.njk
index cc0b4a58..a0a2df37 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -56,13 +56,13 @@ eleventyComputed:
     <h2>Always Proud</h2>
     <div class="flag-progress-intersex-lesbian" role="img" aria-label="Custom pride flag which combines the lesbian pride flag and the progress pride flag triangle" style="height: 20rem; margin-bottom: 1em;"></div>
     <div class="web-btn-wrapper">
-        <img src="/assets/buttons/pride/progress.png" alt="Website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)" width="88" height="31">
-        <img src="/assets/buttons/pride/9_stripe.png" alt="Website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)" width="88" height="31">
-        <img src="/assets/buttons/pride/lesbian.png" alt="Website button of the lesbian pride flag" title="I am a lesbian" width="88" height="31">
-        <img src="/assets/buttons/pride/nonbinary.png" alt="Website button of the non-binary pride flag" title="I am non-binary" width="88" height="31">
-        <img src="/assets/buttons/pride/demigirl.png" alt="Website button of the demigirl pride flag" title="I am a demiwoman" width="88" height="31">
-        <img src="/assets/buttons/pride/agender.png" alt="Website button of the agender pride flag" title="I am agender">
-        <img src="/assets/buttons/pride/bigender.png" alt="Website button of the bigender pride flag" title="I am bigender" width="88" height="31">
+        <img src="/assets/buttons/pride/progress.png" alt="Website button of the 2018 Progress Flag" title="2018 Progress Flag by Daniel Quasar (2018)" width="88" height="31" loading="lazy">
+        <img src="/assets/buttons/pride/9_stripe.png" alt="Website button of the 9 stripe rainbow flag" title="Nine-Stripe Rainbow Flag by Gilbert Baker (2017)" width="88" height="31" loading="lazy">
+        <img src="/assets/buttons/pride/lesbian.png" alt="Website button of the lesbian pride flag" title="I am a lesbian" width="88" height="31" loading="lazy">
+        <img src="/assets/buttons/pride/nonbinary.png" alt="Website button of the non-binary pride flag" title="I am non-binary" width="88" height="31" loading="lazy">
+        <img src="/assets/buttons/pride/demigirl.png" alt="Website button of the demigirl pride flag" title="I am a demiwoman" width="88" height="31" loading="lazy">
+        <img src="/assets/buttons/pride/agender.png" alt="Website button of the agender pride flag" title="I am agender"width="88" height="31" loading="lazy">
+        <img src="/assets/buttons/pride/bigender.png" alt="Website button of the bigender pride flag" title="I am bigender" width="88" height="31" loading="lazy">
     </div>
     <p>Credit to <a href="https://rainy.gay/pride/pridebuttons">Dime</a> for these pride buttons!</p>
 </section>