fix: correct Buy Me A Coffee image aspect ratio on all pages (#212)

Copilot · DavidKRK · web-flow · commit cd05e14155de · 2026-05-01T13:24:48.000+02:00
* Initial plan * perf: add missing image dimensions to event.html and shop.html Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/74779167-ad75-411c-9bd6-1d902af7dd5c Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> * Initial plan * fix: add width:auto to Buy Me A Coffee img to fix Lighthouse image-aspect-ratio errors Agent-Logs-Url: https://github.com/DavidKRK/DavidKRK.github.io/sessions/b154904a-3990-4c16-9bff-2c2fc6a65001 Co-authored-by: DavidKRK <136035295+DavidKRK@users.noreply.github.com> --------- Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> Co-authored-by: David KRK <136035295+DavidKRK@users.noreply.github.com>
diff --git a/bio.html b/bio.html
@@ -216,7 +216,7 @@ <h1 class="main-title">David KRK</h1>
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; vertical-align: middle;"></a>
+        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">
diff --git a/contact.html b/contact.html
@@ -164,7 +164,7 @@ <h1 class="main-title">David KRK</h1>
              class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
           <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
              class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-          <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; vertical-align: middle;"></a>
+          <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
         </div>
 
         <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">
diff --git a/event.html b/event.html
@@ -99,7 +99,7 @@ <h1 class="main-title">David KRK</h1>
          class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
       <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
          class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-      <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; vertical-align: middle;"></a>
+      <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
     </div>
 
     <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">
diff --git a/index.html b/index.html
@@ -139,7 +139,7 @@ <h1 class="main-title">David KRK</h1>
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; vertical-align: middle;"></a>
+        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">
diff --git a/music.html b/music.html
@@ -199,7 +199,7 @@ <h3><i class="fab fa-youtube" style="color:#ff0000;"></i> <span id="youtube-titl
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; vertical-align: middle;"></a>
+        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">
diff --git a/shop.html b/shop.html
@@ -194,7 +194,7 @@ <h2 class="mt-4">Офіційний магазин</h2>
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-soundcloud"></i></a>
         <a href="https://www.tiktok.com/@davidkrk" target="_blank" rel="noopener noreferrer" aria-label="TikTok"
            class="social-icon text-2xl md:text-3xl text-white"><i class="fab fa-tiktok"></i></a>
-        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; vertical-align: middle;"></a>
+        <a href="https://www.buymeacoffee.com/davidkrk" target="_blank" rel="noopener noreferrer" aria-label="Buy Me A Coffee" class="social-icon text-2xl md:text-3xl"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="" width="217" height="60" style="height: 1em; width: auto; vertical-align: middle;"></a>
       </div>
 
       <div class="flex flex-wrap justify-center items-center gap-3 sm:gap-4 mb-4 text-sm">
