From 4ecf06f90394f3588bb4449932d75214db560dd8 Mon Sep 17 00:00:00 2001
From: Ari <git.gay@pm.me>
Date: Sat, 13 Jun 2026 19:24:38 +0100
Subject: [PATCH] Fixed issue of button-wall overlapping main content on
 mobile/smaller screens

---
 assets/88x31/transnow2.gif | Bin 0 -> 471 bytes
 css/index.css              |   9 ++++++++-
 index.html                 |   4 +++-
 3 files changed, 11 insertions(+), 2 deletions(-)
 create mode 100644 assets/88x31/transnow2.gif

diff --git a/assets/88x31/transnow2.gif b/assets/88x31/transnow2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..7f705aacca55fa223dac846dc51d94ddec96a94d
GIT binary patch
literal 471
zcmV;|0Vw`QNk%w1VORhk0OJY(JUl$VI5@#VzIS(bM2pd?s;Yp%|Noi)&(F{Q|Nj60
z00000000000000000000A^8LW3IGoPEC2ui09XJY000F3u%t<=y*TU5yDpL^j%29;
zAfm2p>%MR-&$J7mMXm3AAKxjJsR9!ikBFmjrBp4G0%(&5%pnSftai)o8UQb46zYsV
zmq_&3hp4Ks-gp;WT%XNjbyK|7xvz48T6AG{Q+#AdEKfUsaDsA#E{tkrmUk_TemHLj
zo}Zwhq6d<hhL?GGs8fxcSEI0_rEIjDK?Sk7pR={SKd!jCxx6m~#>Ohg$jQgd&dSKp
z1S^h16vQse%Lv=r)85?5&Njf-6WA@_<KgMhE8XrY)#m6d@$1p~_|w_^ZRPZI=zHg{
z*+6*3{LQmgkKnU-?$ohkCQcqOVZ(fBoZ$##tcHafYjyM}t5$#jDo!Fe$ucF%l`mb!
zd@+(_D3CB(s#FQHr%#wXVK{;m2<HoyI$!QY*;3|Aa<_;^GRbtQOQ21Gas(zdj!_pp
zt@cDJmd4PobEsY=TNUZgtw9hBm`k^=-Ma%q>V;}$uiuS-{t6a}1Fzx3h!ZPb%y<Bb
N#*iaRo;)`K06XvN+`#|<

literal 0
HcmV?d00001

diff --git a/css/index.css b/css/index.css
index 65ff191..cc9f9a0 100644
--- a/css/index.css
+++ b/css/index.css
@@ -184,7 +184,7 @@ body::before {
     margin-bottom: 10px;
 }
 
-/* ---- 88x31 button wall (always visible) ---- */
+/* ---- 88x31 button wall (always visible on desktop) ---- */
 .button-wall {
   position: fixed;
   bottom: 1rem;
@@ -198,6 +198,13 @@ body::before {
   max-width: min(90vw, 480px);
 }
 
+/* hide on mobile */
+@media (max-width: 768px) {
+  .button-wall {
+    display: none;
+  }
+}
+
 .button-wall a {
   display: block;
   line-height: 0;
diff --git a/index.html b/index.html
index 7523324..75274aa 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
                 <a href="https://git.gay/Ari" target="_blank"><button class="gitgay-link">Check out my Git.Gay</button></a>
             </div>
         </header>
-        
+
     </main>
         <aside class="button-wall" aria-label="88x31 buttons">
         <img src="/assets/88x31/linux.gif" alt="Linux" loading="lazy">
@@ -73,6 +73,8 @@
         <img src="/assets/88x31/nft.gif" alt="NFT" loading="lazy">
         <img src="/assets/88x31/noweb32.gif" alt="No Web 3.2" loading="lazy">
         <img src="/assets/88x31/meltice.gif" alt="Melt Ice" loading="lazy">
+        <img src="/assets/88x31/transnow2.gif" alt="Melt Ice" loading="lazy">
+
     </aside>
 </body>
 <script src="js/index.js"></script>