From 84c11d04beb244674ada925d8bc5bfa1743f7aa3 Mon Sep 17 00:00:00 2001
From: Gavin Morrow <gavinfmorrow@gmail.com>
Date: Mon, 14 Jul 2025 08:49:38 -0400
Subject: [PATCH] Replace helix button w/ homemade version

---
 buttons/helix.aseprite | Bin 0 -> 10043 bytes
 buttons/helix.gif      | Bin 0 -> 2100 bytes
 common.css             |   9 +++++++++
 index.html             |  12 +++++-------
 4 files changed, 14 insertions(+), 7 deletions(-)
 create mode 100644 buttons/helix.aseprite
 create mode 100644 buttons/helix.gif

diff --git a/buttons/helix.aseprite b/buttons/helix.aseprite
new file mode 100644
index 0000000000000000000000000000000000000000..5b3875aba700136b41e0e583f547586421f4006f
GIT binary patch
literal 10043
zcmcCkXJB}+l#3yPL7qW@fsuiMA%y`MurV-#1Q`Sv1dxTP#=gVK!0_v%9N1Pl1_lN(
z1_lOp1+bM!cE~U=FtC7J$Hu_Gke7F8O5NcZw_lj6co!XhAO(_BU`A5?pMimai6JRn
z9V&xr8b3ouYEEW_Zem_$ZemGhex5v7nKA<-$O5=A>=0!NhDu;*koindNs#$m3<ae{
z1v#k-CHV!)SXFQ{B;}N*DkSBXl;r2CVpYNmGX$bY0jnYoh&d(s1^69mG<X~;4fY5q
zM4=%DrkEK@DoVgH363pTtbjt3g&{XFB^8%kd1gt5EZ9g;EFkM+g+!7w0|NsqDD)T@
z82-az37n)W=Da;@$jiXM!E9h$F@xjJYe_YW+e>EVhJ?bv*O!b*KifTQz(z2GlK{d9
zK?Z(?iaDoGTYs_V=QW<dapCLaWIjD(x3iL_=~rZKJqcu3zK7{JL@y|P@*`Of(W`Cs
z=Rv)oRGNa|g4gQDWn$8LW*KLlTVc87<YI<;UV}64V0&2^7#T42CMPKH`mD76BQG1g
zYQBhZ!AtdPJ%N80|6&iaw=?dz+JBlS=u0yLgRZv(55yQYtj-4+b7sfiNA_0BLhLou
z9$fNYBf0pO`&a%Ybv0=MtL3LlE_uPu$S`fc_dSSDI2afi<S=|fTqtldFf!<3=p`-`
zxUlL4IiI9Z;Ku5FkTFDtLJT-gco{?(n2~%U!@$8%F(>-p$N&GIRv0h~Owc;c!209N
z(q*+RPcA(DxKVSW@-;rMx5`)fk`AYAxY4d{)5)1$bf-z5H~6q!N$Cj*h7DiMHV1*t
z=3_8LF<TaF_H2uf|NnP7oM~WFQ|df?<Hd{!%M#;@M_=Zu+kM?}<ikncC3BCo9Szt%
zIl^3EwqIM<T!zV8woaG@Hj$q}gn<{ywN4BI3>9<UUUK9+puoX$VBhWaA1(Hpsj!HB
z2-u|-CnD&U`c`-S&lQTt_Qh>qHvPEN#XmQz7yVpj;Zn8e@O~Ms(#3ok@o_cZY+kvy
z%PrSCpT~Yh`So{E_APE!XUbN5d;Ij(s@Kz)f33S(zJ$5#{@WifcIL=VmNBYt<1>~m
zu@Ae$Sf=i*v78xHw)23?b{+->2C8P$zyHb4raVXiMQS$1)C)>kBqdN#HpO&4$QU9M
zC?cCmWB7#lY^sH!m-uXosTbsYl0pHLO);GhGKR=d7|o_bAe;W8Ae(ZMnLt6cDW+af
z$|5O&g0d;5^FhWCnLrWQR06{%#Aj1=486o>Q%t=e=aUo)plpiie2_6jhQeqz9Rk_(
zI|bR4jm!iJ%BGllK`D!*1PaQgn9c_oLu3L)WK&TLpAer-RWS4tpG`6Kf}BrMD1fpl
zrt?9@5E%-i*>nhG(=QZcQ{=u3sf}Jty`YpuQUV2KQ%vWBj3F|CBC@FvMph#}n<`@H
zB|e*C>IFHUq)-55Q%vWBj3F`<MziS<$fh4D$fn36SfplCOue9#MN$F<Wm8P&gNz|E
zfg-Xg=71LQ*%Wj5iTG@asTbsYl0pHLO);GhGKR=d7|o_bAe+9UAe&;2-w>BTL5*Ha
zy`YpuQUV2KQ%vWBj3F|CBC;vwfEMxD6m$HBxKIF%^kV7-IiI9Z0A*85=YxzPG89I$
z=@7`KuPMl;nBzCZB~VZ{#ncN*StKP;P&UPMKFAm%6DT5^Vh(5#pG`5xZ-@&8P&UQX
z3vxb5p#aLJn9c_oLu4q7X44^%O<z!uO)<xBh)bZLY>KHDl(I-lprCAu>3oneL?%!~
zHpLv!B0ig9j^7X$3ZQI?sTbsYl0pHLO);GhGKR=d7|o_bAe%m=Ae&;2-w>BTLD>{j
zFDPY^lt4k*6w~=2V~9+kh-`{EphbK(#T>sOE)+o76jLwA`6Pt`D4SwBA7l)Xp)i_F
Hsgq3sg#dxR

literal 0
HcmV?d00001

diff --git a/buttons/helix.gif b/buttons/helix.gif
new file mode 100644
index 0000000000000000000000000000000000000000..d41b47d8fc19c18cca30d881e72f5b28a8448efa
GIT binary patch
literal 2100
zcmZ?wbh9u|j9`#wC}&_${Lk&@8WQa67~pE8XTZ$Jz`&sRlZAzgfq_AXfq{Vmq^!wY
z#XB$W(3HBvyQ}^e9eyxz;{O@9Uo8LlpZPz>M(%$HJUCbHwRpW(a`ojSy(yVmagSRb
zz1)|6Yr~Y{J3n}zSmi&T>cptT!qM-XvN1y@DaC}jrTzBL71y*bzKqbCeIjjo^+y-&
zz0IY2uWh|5zP>`{iP6lNM<v(#ZT_2|7oAj5QIeb}U0stO8Jd^b#9!2!Qk>x4Wug^a
zJFl;yL2OFdw5jb9fpR_k3+Fl5MSFS1uPC1;uu608o(b#sMNQtkrE~iBl_nay4bGfB
zp~G*)c<#!TlLAJ3%(s~Z?%ZX#|LDPeiN}v`-4T1Lt(dy{;Vb?(&p*9+{q@`TkDnM=
z{{PqGkgzbgYnK1(l_X2MzWmPGM{*1-5seB5TRHeYS+{@O+~nN*!Yu2Hx#0rlZgKOp
z8jDSb?27+BtIdftQaIHlYrSvEO`$aZi9fZj?9ohE>a;+&+$`mV(Tmnjm)TY^9EQvM
zmjx-O{SY^OeQ~j+vBuJ@t4`tTWhNTQ?*5eJ(P-|wZK+h*y0*E-^+I!Jl)j7DX0vfs
zZM9LJ=WZ?b%|6zX*F0tq%ogH!bNyw=QH9mtthFt5Y)>!H&t4jRW6_1fouzGQe>Uc2
zP4WL3Hv4aqBuDv{;>jN1_+<shFDSAF8RQw77#JAfQCxKR!HnB4KvB=Yz}zgcL4i-z
zNZ?h;#xtkV?}f2@_IQNGXXd_qq;YwL;km~X^Kwtmj{U3^;n!e2Q_5w+BMk+MxvMWH
zSk>AkhphU#>qJm%gLbH8VPA9Lfy#@5YkLoVpZKZm*p<sh(*y5+`mE~5oz#$%>EG(s
z&cdAH&SJ$Bs3FNZk;!nX;Pe^Xvjh|DbwxNq>5*vna%^Pyx^}I=bM3&5GI?T5Q!N8n
znii+e%UJC7)-&nqwK+>oI=4H#o^rC?LFJZMbIPU&8O^C@(jKpT!Z^#T@2%H~Yb}EM
z0m?#?_oo#c&5>ceajC#aSoH+EOcJy8|4W^<4$%!!j?FrXHr(R;9ZZ@%tbP4@6IsKI
z^wYIxS%=N#NmxLdd)qmp)@TLnxEj;bH&yb%XDM-(;1JE^D6ZLySBWW}UM$UHVRv45
z!gK3+kESbIR#;99RP?@;;5<i&p?Fc&_1Rx;UglHVGB5wMh}D_~g@-=NPMyj&F}eH4
zZewcov@ZX6mI`Glo_ZnS=9X5;4pwgl3B?#O9rc>xiPZ)(ruok<4w)^`C!#Aa$3;>Y
zH$`yqeB|xed29DXx1QMw3LJ*#6J{k!Fg~BT%BPxbVpX0p^Sx`X<~Bl0giD_29qn7H
z5w+3BR6^iZh2XMgUXSg*&lnU}1#qgRRGSzj9<pN-DKM*M?LV#FYxU>&jKhUBLQM4;
z@h!=2_U)Y+-6?$C!i_u=iv_0^Rf?)qG%+#s#pjUZ+y;+Tf**1{c3#_E9QOND$#m0L
z2WGod6*GBPI<39wxrB#3|K>GI=X1<KPp{uj$k1l>nz>n*^Th2u$(W<d7@87x&o$#p
zFqr<EyZ!i+cFP*335QMJh~<?sy)c*MSik=BTh*Fa`|<>p<kU9t3?}jVX#V`J%I;#;
z!m{ESwcXNj7Lp`6wpn6>1D`S|zZK%oZ++1G<{@A)cXe<g>G_R`HN~CDiX~7(l6fKv
zMfvSBD8EUA@|zk9w)|%9_<G7ocTj$7MbB?qSo53c32v<UjYYGE8I<3cDamhEYrH0a
z^II=ceiNF#c-1t8(~G4=2<101cz#>(03*L~Am=w`s^vEeP=1>L$#2qv3LJ+1iNxhM
b&SkBL{3e!CZL%o=TYh7~liye%`OO*tx!f|p

literal 0
HcmV?d00001

diff --git a/common.css b/common.css
index 4b56f1a..2f9db72 100644
--- a/common.css
+++ b/common.css
@@ -101,6 +101,15 @@ a:has(.btn88x31) {
   .hover-flip:hover {
     transform: scale(-1, 1) rotate(0deg);
   }
+
+  .hover-flip-v {
+    /* So the transition works properly */
+    transform: scale(1, 1);
+  }
+
+  .hover-flip-v:hover {
+    transform: scale(1, -1) rotate(0deg);
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
diff --git a/index.html b/index.html
index 725ae47..1273cc7 100644
--- a/index.html
+++ b/index.html
@@ -86,13 +86,12 @@
       alt="A 88 by 31 pixel button with the WWW globe icon on the left and large block text 'HTTP' on the right. The background is a dark blue, the globe is slightly lighter, and the text is a much lighter blue."
     />
     <a href="https://helix-editor.com">
-      <!-- Thanks to <https://nil.st/blog/helix-editor-88x31/> -->
       <img
-        class="btn88x31"
+        class="btn88x31 hover-flip-v"
         width="88"
         height="31"
-        alt="A 88x31 pixel button of a logo of the Helix text editor with text 'made with HELIX'"
-        src="/buttons/helix.png"
+        alt="A 88x31 pixel button of a logo of the Helix text editor with text 'made with Helix'. The logo is an infinite DNA double-helix animated to move upwards constantly."
+        src="/buttons/helix.gif"
       />
     </a>
     <img
@@ -114,9 +113,8 @@
     />
 
     <p style="font-style: italic">
-      Most everything (text, code, buttons, photos) on this site made by me, and
-      all of it without AI. The favicon for this site was made by a wonderful
-      friend :]
+      Everything (text, code, buttons, photos) on this site made by me, without
+      AI. The favicon for this site was made by a wonderful friend :]
     </p>
 
     <p>
-- 
2.51.2