From 6ad91f97077da8aaedb406087c0cedbb78e20e06 Mon Sep 17 00:00:00 2001
From: CNCKitchen <stefan.elitz@gmail.com>
Date: Thu, 2 Apr 2026 10:28:37 +0200
Subject: [PATCH] feat: add dismiss button for store call-to-action and style
 updates

---
 index.html              |   4 +++-
 js/main.js              |   5 +++++
 style.css               |  19 +++++++++++++++++++
 textures/grid.png       | Bin 3251 -> 3395 bytes
 textures/stripes_02.png | Bin 2883 -> 2656 bytes
 5 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 4b57bc9..5588b74 100644
--- a/index.html
+++ b/index.html
@@ -74,7 +74,9 @@
         <canvas id="viewport"></canvas>
         <div id="brush-cursor"></div>
         <div id="store-cta-wrapper">
-          <span id="store-cta" data-i18n-html="cta.store">Support this tool? Shop at <a href="https://geni.us/CNCStoreTexture" target="_blank" rel="noopener noreferrer">CNCKitchen.STORE</a> or donate on <a href="https://www.paypal.me/CNCKitchen" target="_blank" rel="noopener noreferrer">PayPal</a></span>
+          <span id="store-cta">
+            <span data-i18n-html="cta.store">Support this tool? Shop at <a href="https://geni.us/CNCStoreTexture" target="_blank" rel="noopener noreferrer">CNCKitchen.STORE</a> or donate on <a href="https://www.paypal.me/CNCKitchen" target="_blank" rel="noopener noreferrer">PayPal</a></span><button id="store-cta-dismiss" aria-label="Dismiss">&times;</button>
+          </span>
         </div>
       </div>
       <div id="viewport-footer">
diff --git a/js/main.js b/js/main.js
index 5316ee6..993cc8e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -445,6 +445,11 @@ function wireEvents() {
     if (e.target === licenseOverlay) licenseOverlay.classList.add('hidden');
   });
 
+  // ── Support banner dismiss ──
+  document.getElementById('store-cta-dismiss').addEventListener('click', () => {
+    document.getElementById('store-cta-wrapper').classList.add('store-cta-hidden');
+  });
+
   // ── Export ──
   exportBtn.addEventListener('click', () => {
     if (sessionStorage.getItem('stlt-no-sponsor') === '1') {
diff --git a/style.css b/style.css
index 802cabe..ec7e983 100644
--- a/style.css
+++ b/style.css
@@ -258,6 +258,25 @@ main {
 #store-cta a:hover {
   opacity: 0.85;
 }
+#store-cta-dismiss {
+  background: none;
+  border: none;
+  color: #fff;
+  font-size: 11px;
+  line-height: 1;
+  cursor: pointer;
+  opacity: 0.7;
+  padding: 0 2px;
+  margin-left: 8px;
+  font-weight: bold;
+  vertical-align: top;
+  position: relative;
+  top: -4px;
+  transition: opacity 0.15s;
+}
+#store-cta-dismiss:hover {
+  opacity: 1;
+}
 .store-cta-hidden {
   display: none !important;
 }
diff --git a/textures/grid.png b/textures/grid.png
index d4898e7e72fcc94215d1d441c987d0e4458b044b..a3bb20087d8e338b2721d01851e07ad064cefd32 100644
GIT binary patch
delta 858
zcmdlid01-02_`P15Ccmq6C*1llgXEul##jrnF3T&O)X7LQq7Wd(=1KRbkodDjCB(Y
zObm66%neh_43bPtOpQ!77c<{sawSHkl0tEbYgvg^c}8lUt&)*}k(sW6iLL>X6OOY6
zO@77}8JVwGb(n#H^@XR4V@SoEx3?U-o&@l)9=v$x|GBK9_iOL8_3b#Iy~V?BN_zQ!
z#y^$+>wmK|)HF#kx$rVBYGVj=Zdjq{@azRozx=y1XRM>$oww<=<=p&rV%qk}8`-rc
zD{!(-F5pqnIq_zlH$#OqimodHKu5M6=PyrtHh1k}#b|NoZ8^0mr*BUd<gl2Wz$vbi
zQg&UHVGoi$Kpj~e6D+L`KW?`+{(SD*#R+S>6{EM=ZF-tJxsbzc@&XP{9i!c^g&6L^
zTn5%5V9IhrX70m}hv&|$On;qm;@Z&(y3z7CKbcKV<guQ-fn7vr=G{_GhJ3JJU^+Ua
zm{R)AefaV4+?hR_OHEQ<C!LtKwm+v*da@yh1kiaVdO*LQdAEzDVY{LOk|tod7`dlc
z{3%FJyLZz{YE!9U%IRzF+xASJ$nFIS4jqTI@>r$=w?SS3It*wHBqV1pHnyqTVQl<9
zN0#^IE{RR4ua%?kO+Lu!2(*h|WAko3#s|3=8vcdaV$~q1IpJpPbcPRR2=hU%y(lU7
zf7QI1<=gt&a$<RIZu&Y=H-GX(E`J?R2w{mKP`uWMp2r!l%9_}s2o$ONSEW-iQpI;2
Z;7?Py&ZiOnvV;K$JYD@<);T3K0RRKVNdEu;

delta 682
zcmX>swOMk*2_`PX5JLkiQ&TG=%gL9Rl##jrnF3Uj&5R9_ERqd%(+tcFbS;uiQgtm&
zQY>_nj7%&H%+i2-bHmNW%y*bviBYMfP+a0#R$^72k(y_#WMp7urfXoLYk=g0<E%lG
zpRq;y2XNkXW?*2A@N{tushIQjmLb<&2LV>c-uLy-O=Y?3U6oT-aH&^raCEPZWq^VM
z`_EcFk1{a+{y00@+j*N=Th7g2C$7!!Rc-j+H@T6=VDcVzSp~S_$(GM!xYM51)#PSp
zp15{wf^M|@%}>9jCQsy1n7oEV53Z2G|Jj^k-5E1~f84rusbaLW^R}GYl+*9CC+Bke
zAr#rnEIzk2A?@Aq>)WQa<>d0*-1K##?*8?Y|8x2&!mMQYkaEuQdeh9E^6|H$q&96e
zOgVkcecPXXY?B}Icq=bzgR4704Y$d`jN5+(GgPMipZt+4h+azkm0)gRs4#jyC;Q-;
yJN@f(b$M^zlGv2`S~<Edp4nycKTcoqxCi=)XEz;MxASitNQbAZpUXO@geCy_Wc<be

diff --git a/textures/stripes_02.png b/textures/stripes_02.png
index 53aedc7945930d14c9fe9dbd3472391bfc68c66c..331a412be89750d66ce1de8358f9a245bbcc5b3e 100644
GIT binary patch
delta 1008
zcmX>s_CREU1rs~tMyqZnD-&G<qYwj2D-$CtBQtFSBP#;~C54LI0xRFtlEjq6l0=up
zl2ltIBLgEdT>})wlm9aXsH9q$q$L_ynCMy<rKISZ8JU>sCMFrB=o%)anwpuKS(uon
zm~Jj+UdA-}35)3DL{>#tVst1e6qmS`l~|Q$q~>9_`#9_BdgZzo%?u38te!58Ar*7p
zUOCvy;wZp$@a@O@>3$K8p5hM~_Iy(P$@r)G{x60DoLL+JNQi+5aNv};ku<x-<7jyX
z3rAi?FC+xgT~Ek}h)U12#|-H;ubCOtS13BHL?A*s!SdSrCv#*T^yJqvJYX?p(Lh2F
z?F8&kc&a+HmwC>|wfqco7PK)eMMA__zh;lh=E4T!eP0<Hgs%uJKteFxc<pbPIz7dV
zui)5rJBETLDW)k%2&Nw&z2VcOGshUu{kX=?;1}TB5ClaiT5#JRQRTS|s1dJj6r+$i
zL~F)sKhe68t%S0};wIg+I3P)EYE?%w;z0fr{?gqlg;Av)Y9J|3S3j3^P6<r_ZhX8x

literal 2883
zcmeHIPiP!f7=I~2+ekE^h_+zHDOg2k=gr^U9kQ)48<T(=W4hRQYTv&1c6ZFqyy?s&
zyGap)2mf5`y#@>FK}4E^R7DS3JgXPcU_b*3JxDPg3gV@{*`1kg(xeS(y}2+uZ{B?G
z_xt|*zHi=|njGuzJJ<&R=${xbP6N=h5?%ZE@g02N+ZXxmfH(e90Kh%>M^_IxxBL(Q
zcj<O{CY&ifXJO`K5MdRXX*nLZ24Lt|%R_jUhC+qbY_}l(`Q=xlV3UG)!YIL#H$v<7
z_@YmbFHV;6;w;V+@z_yesAX{ghlWUKISn_kS_QF<Yw>loEsH|iB%CdX!x5n{Q<@S+
zm`?=-W}t*2go0{h#xg{OR5#711Qn`=tf(@~Nh-7qXsL=2|3uE{ld3gcd^YCePX)0a
zhMpzM&1N&x)H2Mk$x1$-m!T@Fs>Cg%V8IPhOLBw52||$u*tfmVX08w+q6(V}3nKTn
z6NclZux=2iiYHBOAx~B^Fbb<}NN{TB&H0TsIl(e*P=~r<z-^V()~mCS1$DLqbozP|
z0Z(tKlyYqAi{qpeK{z_k!-x~It#wdd@TfdZ12*SlIy%qYJRC*iStCA0A@j?OHIiaY
zB`ynUHlquVpRirRn!yuY2WSz6v>@`TnG)0_O(`pROVupHcoM1>gdNioBX)J+22);O
zn6orxlPQ-CK_R-OF~L@q`3~X%+YYKx*>h{6kfzZZVGZVUV(y*R_M%j>Cfp!IE~XR3
zg2-de*fz1MrUEg+IjMqSRU)QtN|j2EtB>TXR6|Hpt7>w-$nacL+30*n=!9X8ah+Aq
z5<RPGx@79ul(d|llX8UQC6iXOSp&hmku?*v=Y5;^8ftW-MqUw)Xlev1Ix-}~s8Fd&
zbt<8(p-6hgG%GnZho}i7HMa#~joSe)-9p?S$LZ;K)v$%OCM<*_trtWb6`2w--nO^N
z$F7*;^UXTtpf@Rghdp4`u!(#+T;sXBrMToBooDVm^}F2nkdOG7p?**ht3GoC<arGn
zqbOE+-X(G8rqvNbCS2FbjywUHzj=ywCz(#{H>7B*==YMMIQ_Ve+#2OWS{9>V<Y<(2
ziZ5@~Mf+XX*h|d$ERB}wAm<P1r+~T~+UJA*;Rn8O0O-9qQ5-I}maqJ*yuAtsdM~|y
z?b>DKpPmQ5(LVU7d}yH0I(L4s{Wal#>%V^Y=^NjJ!M`qlHV8IOPK_*m_~_F=3<xjp
zA252~Jh-pe-}Bz<;DtSHCmi7O{Mv;vuu^-a|Mo$<Jxd6d-udLpV(-S{k3a3v({9kN
za1;Fh1K3FfNrwLG3cS1QoV^>IKgI5VEVmRp4q@Z>#+f1Tckh`!Nqr0E=6;D8mX6fc
ze(U-A$m*fn>Z<Lik}?eC*B-eK9KH0*ooV2dD!~WY+S=9q>sLQs*+~#x-IJc)#SD3M
ZT|VhPc6RmjANNLF6Qh&G3(uT-?O))3Q8)kq