diff --git a/public/webbutton1.gif b/public/webbutton1.gif
new file mode 100644
index 0000000000000000000000000000000000000000..6324e2be80c5c496fdf336d3128d8b7870704eb5
GIT binary patch
literal 3854
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
Tr~CS%Cwr#9dDO_r$Y2csaNBsr

literal 0
HcmV?d00001

diff --git a/public/webbutton1.png b/public/webbutton1.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e3b3f31adcde8e1043a399544cb634c599ecef8
GIT binary patch
literal 1996
zcmeAS@N?(olHy`uVBq!ia0y~yV2EH~V36lvV_;xNKEd^Xfq{Xuz$3Dlfk96hgc&QA
z+Ltjfu-AFIIEG}fzP-7>FZQbF@sGyGxO9~=SA5c`W9-m~QOJ0)B4}wxkh^A3;Khq9
zfjc(v=pWd;WRYTE)CA$@b>}`#k1Rhw_n^e7o0oQGzx`VO_nX!4bMse=->>_SB>no;
zT>azk=KbBtG3SF#c_pX8g!l8~C7Ey7@w}5hv3$q!^{o!(2m2YspYHdcm!EHAcckL=
z-~77GwO?=kFSEP3ukxp3eP-?7H{EaV+Slw@{b=!O+sgJo>&^dfTV4PA@BH#xb-ymG
z{iIp_TE704+`o?}-+lUX`S|U6yI;T0)&KbzU$$y~)y%(-?*D#rFwC~-PMG`8MNH|t
z)h%md=Fa=ew{EA1>ih?`wO^cH8PD>4;A;9%g}Kryb+S*6!W!0P{nrW}oO`xOF}vx+
zzTe;N%dfK7-d-VfHTur|y?=l2eV208^z->U+VTI`RXex@cAPYM&$#5c=5cntS_d~@
zC+-DuuZ4CzF>TDhT3}*%dsf%-!`EdJc=={7y_R*G^|7<>tFzaxgy(PKd{?kH!u?k^
zOPtr7BJK$do2z<1@F`r-ZnBBAOOcw@aP0Z<u$=QOhWnl!+4QU~cZOa;wero17~W+c
zKcD|!#r(t}Joxa{sY-E%PmXW@uvu>3&-7yE2O=+crY%<TIke~gCq;G<t{o0*7)x09
zG_SrfbMuZDIY;7b+Z63L-IK6Pli7FmP@dkl#y<WVruV;iwx0^-{c4w+Uvu(m0k44?
zcS7}1t+d;HFRQB->6XRYS8v+8Up8S<{O$P9%U-Sv6~5VFJ$wEhw!1Ue{=Jt|yy%Pm
zKHJ)dbCwC#{(ABA+lQNp8}>V@FWC3%&4v8socud-t?Sfx-0NSU|9H}wsQ&HWrLI}4
z&nSLiHnqX_fbBbz;L9gD&-Lx=j6C@Dm0y8rerQUGcptyzu6>_8=ia$@cjv2<(gF&r
zKdzfvU;8a>#aZQPbKY(i51w0mm&@RA&tlQCIhRUjyxY63_dx2xhYWAyRMu;_9&>*g
z9lWe>)}rI5W8*fdN!y2SJ%4!lbM3bDYwBgCuaDoG^_9VDgY|(Ic{RUwh$gT}T01WI
z_C)6GlE%!N)glqeKOSvd`QW6#q-FJ{tt-FzhW-3qm~-slY%_(6tDE;mtq#^({p*yb
z|Hh}AmS;csaYcUK*(($8GVFMyX&k3ME$>tw^Srw;kFK)(JY)Ly!%f$do31ZeZm#;_
zM#Rmd=2sb?d-w9(kmH_k)AxVT3&Z+v!V%T0BaXlOVZ&U(cFv=DdehSR4wHR19QC$O
zW}nq`eQIp`Y`aPYlf5s)wZ8Sd|N7iG_2?7nhT#7ECUv$~>(_fPI2Uz}L99THqoe6*
zgwdxT8D`m!B+X}gW|!S!Es9Tid1IaF*We>tG?&>_OrEV{ZF|pb@6QkBC%^r96<T{V
zIl1-b#@z+3DFSB;F5Qf&G1+}}zY~+L^^{!R+v(l$Z#PFj&1rmdn(J$dx41m-nsr=e
zPtUfUd3Abyvzg6a&z!4|BCDTOf7{;S&DIl_ZkZ~)c!g-s%;kr|W*7P0PBFb6H@Ts9
z>Q(WFt8Z))l>V?+vC)>_xwlU0rFWeE)z4lG%-Mb!3;u*m)XosSs^asXGfH?#!Oq=z
zZ;qBsx7zcj>-N4KrZ@kYNo54bpGjeSW3_T#39qAtZ^QX_4`kHdiaz?Ys(bD7BbWI(
zvez6~%KfM2Zf(W+o|9r6^BQvF?G9A_TI~O6s#V9=lWw++-q#kCGF*-Hzxd}oL!5eF
zATPJi{IgHE#Zq^RIf)A#Rhs=kE9y?2Q^1<*>*l=q_$RwZXTs6>2iTp=GPEz~`|3+C
zsCuSv_(a&@<MX<?Ip5M5!cCUXo7Ej=a=W5YPuH%|%l_@p@R$V_KA-s5Q-fo_HO9Yr
z)IB%vno+S|WqpNu_9fZ0{S7|1Pwt+jQ+Zm}?5gG4^Y0!+E=aQ|auSU?z?5lckapq6
zRsG5mv-`81#6MJow^ZwIIC(0vX49W)<rB|lt*`v};^>A~C*}B_E|~pw#-&$n?mwQK
zpXU4hzvKZ)&aA064^*!<q%CTH`tjsGi64AVC#_LhUaz3J>HdNjjF(=SiWD~mzGJxd
z=Zqm^neCM9UcnuWR*mb}rp(K`^>DR*!})a_C!bByDd6tf6r6Byx&J0ky_xJ9bFKc*
z>N&rzqT#F022r^kZ<rkB{y7?TaO?cj`<fNrZ$0lOqs?%8a%i&E6nmd%C7ZXNW5~Ot
zk#=F0!ulUyR9!yLkLS55sw~Y~nfCeS3FGD0<W4Zg{%H_XpIgJX@bF`6^_%y!)=PYB
zfA%NXck?>6DWa9^rJC%sH%|<`!*lGwEQP(_J1^V*GxlD-QIzM?<9L%DhmXlWII7ov
zOzYj+w?E87D?d5TPWlrQ{=Q~o{`~y@^ZQ<YmsuY3Px6Annb!}u&6kq7RQSW(aKY^S
zCzsvbRjc)v-&%cJ{_XX{yDHe98%WRE6KtY7y<u+I`orZM_Q$use7bm9+|^|}I+wrS
zzSi4znsn~k2hY^onKS3>@BeVnKEmImJ@Sjs3C{;yTjRy=&kHTT9w(PDMZapg|1LG#
z`K6OKt=|7_^ZAkt{@qDS&zox<Q<cqG?<cSC^O&pT-1jeE1voCtzfWlT{q?o-24<V(
k-{oG!vwb=ewB$eYRM{At#`GoD3=9kmp00i_>zopr03VnEl>h($

literal 0
HcmV?d00001

diff --git a/public/webbutton2.gif b/public/webbutton2.gif
new file mode 100644
index 0000000000000000000000000000000000000000..91302a8753f6b93084fd768907adc8bafb25eddc
GIT binary patch
literal 14377
zcmZ?wbhEHbj9`#w`2OFJfq{Y5&Xm>FlFizL&CZm~&Wz2`oZZrx-O8BV#)RF@jNQ$W
z!^D8Y+>pcEh{MX5!`g(?P><6{kJHqEOGleaUzf{3m&-_x%SfNg$C_JRgIiORTT7E$
zON(1an_E|#TUUoW(3VG0l}AO5M^%kSU4tjkmRDAZS5BE%UYS=(l~+ZbPh6f)N`X&W
zflpS6Pga>vUYSo`g)iKWFWjCl!j4~5mR~}iUqXRjT7h3$kw3zYKf+#sUrInsRzOTn
zFxEjR&OtcINhH}(B-u$U!&yATSv=EOBF9A{*F`edMY_;crpPsOw_Da85IS?mVib*r
z03-w${xc~4=k{|A33hf2a5d61U}j`sU{L(Y!pXr9z@Wpxz`y{?CT$}slbpF@!SJ8q
z|6l?f{~6|T$Z#xOaIl#}SS#klhJ}aQn3ccH@YuNMXt#uM)}0d@lieC^*=}w4_?X>u
zvRTaxm(EE~PE6CSom292lgioITA7Qca27v3H`R=-twiV(8@G%_goN!W6V1!Zbo%Z&
z%$kyQWwrZcJy)r#nO9ePC~KXy5?ghBg^QzA=ECN+x3}fq-*lGodT#e_-J%Cq4^Gd$
zv#b2&wbs+&3irgA*iTPgt?VAPNZs#1hfL+Bl#|mET}p~7jd;#a*A8a;Yx$-7!bHo-
ze!iAlo}ZcG?DSI6nXOA=Ywl@}L~B+qNv6{OVn3u?-{0O=&%M5P(a(4H4o$T_89QhD
z+m~nNORrzI+x?)NlFN$!9R77RKR)^$={H~Rbo9WtXGf>cKOgt6>dVKgoBi$o@A>=n
z-q~%3IFxxZ9&o6vF<2nXq7?C<nYT|NppnzgBB52x%0i)$d(wf2Z9;iFnuOWaDiWLJ
z)(Ir=t7cqy)Gf6`VlkWFl!W9S-BT6G-ApfEJnpsMbwat%^45!%es?j;#k~&GHYBl2
zJ8-J9OS@z~W%CQUd2pIv&d#ON;<!YfPM^)olE$7Cm#I2EsB9<W)a<OvXI%;b4vurn
zn*yHCQ?S_hoW0a4arxYepa+f%Qq`m;F02yDdNH?*uVwkX>Svsq91ZIt99hM3UTH3$
zANJtL^2KFRua<Q!+jVo<vU#Uotz5h7|1KpqArFVwYqz^4Xs;DaY{+KW;<ez_hS{DA
zR<GR^_aJ-i_IF)tHlIk^pu{X};IMY<)wtPjS?<JTzuhj(@#To{k!i14wq8wp{dU`p
zb+_NLXq!D~VE$wlpuhLawe0u%K0kVWWCz3S)for=JhNWE?}yT!^?SAL8X69B*vJ?j
z5m7EUz%1eZ=fi%6e(i!qvepwn9_Dk_`FK(^{?CCfP89<OCIJVA;xh*4b2gt9D7drn
zxIF)s&BD6Z?|eFKa$M*0MUU-!7BR7E957*I6=B$VIZ*h+7A6)S--dJc-*w)dk1*E#
zb~)7i?3OFx!W$Mb=4^la?RLTDv!&PL-uvX;sd&D35d)LX{|DyxYxFOa-)|DO+rd!W
z{-*Si-;Y>}hyDC|Kkm1!pK<W%jP!LspG{Yn`|zl2^68&17O$6R;#|?bU>E1|_2+)Q
z-cWt+^P`^abycrc-=1gnMsbaYGq33f17`k%=QlWiJkA`?%zNm%g7wZ-ep6Q6_4{+~
z@cW~}`hPy&*4}T!ug#`tC*U|C{@>3hv-9hI+FhQz;)@G!=(F>$`|Is~{kZ>LHqc2x
z(dGYtX(xvN&+QdCHZ(ZDko==!WZN$}p+TT#0gE8VfrTwcI9v}T2=+~IRIb>-A<6TQ
z&Cp}_(ZmlN@>dktZGRjT$ogQY=-DJRN#U^6xd2X!Jr8+PBb?T2GIAQPS;%XXJHuJ>
zoIo3M;vu1F3tZGp0y}+L775S1aCn~Y$4>7fi-b3OxNbdiUO9nhvBdEe6J2bd^kn!f
zmJ$wH)&MEcIT`*V3UmfYf%0Sh&@WK_y&f%4=v|<&u!@WpC?mZ<;TSDYMq4OUYN3o4
zD5EVD&d~y8w97-SF3)IzGFqT;j&^xQ3zX3UWpoUMYGWv)EtJs$WwbyUEl_A#popLh
z%C<AJW6bif+>-eDxV?9ha_tP0%A%Ch(+z6p#Jt?3;yXz%bYF_*<fmumo0V*0@%%#M
zERUblva1)H*52M$@Nn1JkJDhYJloga-Cq9k+Sk?2;8`B#b>8Mr_RA49%Tq1#hO|N1
z=x@n_N+AvZ<@M$ERH#2ZIz4=0lEUv#4^N(smyiEj`QzpF#nbcm?W=lkyT;%U2a}iu
z6Q?%Eiz5x}LN64Wl{s7#n)tXp5?gt>EEY7W<g7?+ky`hlrI91*L_)hZLqrps_O=y_
z-TGM%TsTek?NI75U8f<?XLId_a<|p33guqE4-ro$7+!jj%*jx;p>eWb(T0PQL-HOR
znIfC=(q&p?(#fR`{$)FFI>ePRq)iRU;(R(y+GD2Lv{WVzCRUL%k?I`9&p4ZeE9(rF
z3zuBVRA-g@WBF{MpkUYX1ufS+pF5O2n)!TgU(*Bi2GNiN$7OS}Ze_Cil}No>Hb1TF
z#md>KURf(wP1~ilnjz`GLL<wjYf;%OTTV#{vTbuySk1D6ZTC!;9hbUZv+g+;mA&qm
zQML{ngOLFv^Q9o`+^yIB7UXWdQfA%g5a6KrW{01L_1mp?(z0`R-S%ThVCJ)6$Y=h1
zO8fnuFVCdc@AYeWt-rJ5-|F{!KR(J{fAHre?gz{q20adk`K@&fnb>U-J|5=%{yKjL
zgZ!?I!s6y<HXIh1Zc})apJ9dr6SE2fBa7btH$`VmF7q@VlP<pV(ZSMs<EJy)+jTyl
zHW1JKa*9DKpn=ItIKY9?&-kwiqp!Au!xfeXcRrtc@GWQSr37=^ua~@>V@(+uq!xU;
zm9zcrwp&s8XG_mL+L!zNE(4ds0j8SQ|JQzJs(#PA<3S_0!1v=Z^6yygH*?>sc+l|O
z*P=l(B=6_b8R>C9AO2VK+rDE~yPQ>n;*5kUjuo>5s$Q+y{?6*TmHN6Lua?fAXZ3dZ
zZaJm~lPdwt{Kg+X{N}OdiQn_y^a4W-?}qN~S1!vhy>)qS^Tlq@hXdmCZ9kp-%#a}P
zfLXBR$K&bxc0Zr=pWl3^-D&=`sN`>R>V7<(onQZ#fy=Q);MZsSmj8cl&lmWoen9cf
znOecd_&*kA2N<k2Gz#b>{7;!IrYy0LLtN*Oph3n#o;ZVM_Z<t~2$dfcsN29H^<)8S
zV1*O!DpeKF04Jd&4`)fOhiztC5_#NDn5rr`wwbI+<h3f4aF$%ws^OQwBs^_Hi>lVf
zPVW{a;i)HB<lgmk`Sm1;E!A*Usd~~4n&q)HTGl?}V^4<9V<$6V0q~?fmJZKoaWYz*
zj20)O#R)mZ36|~--HMZ#wNg)aiM|R}SG@QtW8*g6+uQSRKP%Y1t@W;$<-1omPH$Tm
zy}S73x7gQ@^6nh2e|e7g=lbKF!Ul5oeLRvzsi!7uySHuJS@i78Z0q?I4<k3Fou3gH
z{jX+``$0LQlm#7v(c5}NHU%#@kz2j}-Cd2k%WfNYm*+g%SIMj&x5qs1=9d2Z=Xhnl
z=Uwl0?Fd-7*Sh@eox|<_+1ESORK9<4FhAV>-=C`Y@AfZ`*RQkwCa3MzbK-nGOQ-11
zi3{e}{}#1)(5U?<JfY#Iu17*MH`fmN7PfE46B?Mgb{wiz&A9NeU8+K2QM>9CiKKR=
zSsY1SI<sylbt)ZN;pn2Uu0yF)Z(2b-yYz<>%Iwl#G@eY56}g!_(MB#aWrBy%%#_Jq
zLXsCJN^?AU%;v!LbID}cJM2uXA~lj~9P!g4(`LxmNCwVG2zuZ+Q+|u5+6;vX2ld$r
zRR#jH%eq!B6D~QIsWw|-No72%Xhg${MV&^cUO4oIF}z&Vr6+Z9sb7GWz@n*EUMrXM
zl)cJi{hp}M$g*tNtSpulv$O(OB#!*QrL{(gLqwZx#<METRa-WlTFoMUqAP3d+J9O)
zY#Z(!KfuDHb6aQgIj7f0Sk5@zezW<s--6fMb|!hR-F(*S<C+~8!hXNmE_~;D12f;6
z+YP(lZoAze{QlZ*z1<&*R_Cw#w6A-;@Q-cW27CV9x_zLQUtxj)6PNLx56pfhH4Vc2
zI(I(olX$-B!(qW_nZm;g>NO5WzpG9-z`*Ii;CM=F`J4t}?d?3pXY|u^J}*^U|HtT*
zfW<+hv%1^o9H`|IS>SMyMI^xClDqf=7Df;44_hv>+{r0*36Orf#lcfQx8$O?yYGQo
zwkf&aZl+r&Zo8Eo|JLkw#&O;9o8LJV4lq^R&i&3*e*gd80}eHxbsP2tI7}>jc!%rV
z_D8ksdKLG+rz-q>G9^5(l8s4GF7RPn^x2<F=f>;pdiuRJ;m}LPC3#IRSFL~d>-Fs7
zdp~c_JZ%^7diCmayI!vQEO)3D+C(w<!(%Nof6oWg3l27KFR<6|`FKP<-uCm^&js-U
zcbElRzTa<uZ~Nl`JEQH}JKgv9{(4eeKVQIwgK_^K=L`Dvf1IxL|GzD|)As-Wucz<-
zeIssveZf%<Hw`DI?gAE8rGiGzm<NJA1zS5^jx?D&FJS6E;J}_$&@ANR?J;RVi^_x#
zEvg|+T){IAsm$?LGB-}-4D2{0I%z{ohGLiSi~}vIIt$xv{v`6Nw7zhb+jk+?K_*G4
z)5Ar!>Pcrn&ms}arj_jxAG;#XJaW<#g|tIP3y#r(W3=EHEjUOnIH=!&>ERGo^^&%V
zY?7&JX62L7>5_`=D$xuUbIX@;wGv$wy4Yi?T<fhVt3n$i3LEaO`nnRe#nJI%No(wG
zaEqfX_s(w1AG@w9ZfNb^o&TDz&Dx^iM7^!woCd{6qo*e)>mL@#s5DBKnBpA1ug7xB
z3t@eO`2|M1wxnL0>z%#s&f)}qNuz)x2j)h*b=}bncv5yLx}xAAQ{anpx_d10o*ruy
zcX!-V`SJeYN_Tg`m|Y)kO>ph_AE3C;rt;&HP>aBca<;!ezM4B@et%uf-*2y8&yMep
zv#b66aw&Tpzjlv-QzJ*8!yzu#Ne@~YRb(_4Hi}5SIMO5}=5gIYP%PtNqoCZ1g^f~b
zHx!z=f^Ix)fUkP(_M37+sn_V%jKyrGpLRU#_j^#WxX)zY4douAV;Ra5Re5e4Wb?N>
zd5|q2jB}}QK-q^S!clfJmrj#r&|KyaRu!4b&OCSL!6{kORz7V2EqI+%+$8XPZn+iX
zA$Elqn#<>u1Q|SAz;u&SgH`TK<%&h6_ac`ss%|n!U=@vUc)4_HQq@a`DN$XT3m0%b
zS-EU_UzFC$8GId$EJAButy(R(<^Qg%)q)8LtJiF`Vm!KTVHans@WxA82U)jo%X+g`
z;z(4^CJCMs2UvJ)q;<Dk3bH=9^^)7_wd;0&x}_a^*XpCrmMdx5Z?`;4vOd_rYw^Hg
zH}8Sp?{<GUmc4%W=OXEM+XY**^LKyQ75#n>^Z(li8sIIC!yGan4jkdpUX#Cl|0ivM
zV}2Tc3J!6b>lhsovNuRz;^djYz#_2b%%@X&$7PC7i@#rOcwA%g9ivlP`_B}ec3|)Q
z)PU6D(Dr4x#3gXRgwgc&8U17X<^FED=%)O(<hq};?|}wziz8!sZrRm)_s(p*Rd77_
zKm!xUh68s?ukUTRTlW6{UGw`)8|H32Cf$B}`~CLkXTRU8_-~uQHo;x*=aVVUdO!Mo
zJ*HgikFXB>`FsJtL=)$d_Jm!Wi|6<KdbOrKz~Z=cnw?10zP8=FUagov@7Ig%)9n;^
zO|Kj{%wxl0f0*x>vV0A%2~Rxp!`YYPb_?4u#Mgc}EN*Y}>9+oP8-8ZgRj*R+_h0{f
z)X!i4>&0pLBMqPhum67YU;O{?mvGa6CJUBBg7518crW<R!g1jL%k^d%hE0N91_za7
z8k>aHJYdnTXyKF!NEX_Xz+u^OP$1|-ix{-=vEf6jZb%bPvV^l(-Gq1@7bos`4rhsT
z6Iykr#6_7vS|1%QHc5h0GhCF69=6>NN)nn};i48~*tz+0huHQLNA-$QocTEyOC0w&
c)_Orz0kYba`Yn*rf@HKH87)XgR6$}503?K-cmMzZ

literal 0
HcmV?d00001

diff --git a/public/webbutton2.png b/public/webbutton2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a48eec8bced4665519c6413275bd25ad501b0311
GIT binary patch
literal 2129
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
Mr>mdKI;Vst09$J^2LJ#7

literal 0
HcmV?d00001

diff --git a/src/components/bookmarks/ButtonWall.astro b/src/components/bookmarks/ButtonWall.astro
deleted file mode 100644
index 65c570c..0000000
--- a/src/components/bookmarks/ButtonWall.astro
+++ /dev/null
@@ -1,43 +0,0 @@
----
-import { Image } from "astro:assets";
-import { getCollection } from "astro:content";
-const buttonwall = await getCollection("buttonwall");
-const images = import.meta.glob<{ default: ImageMetadata }>(
-  "/src/content/bookmarks/buttonwall/*.{png,gif}",
-);
----
-
-<div class="button-wall flex">
-  {
-    buttonwall.map((btn) => (
-      <a href={`https://${btn.id}`}>
-        {btn.data.default == btn.data.static ? (
-          <Image src={images[btn.data.default]()} alt={btn.id} format="png" />
-        ) : (
-          <>
-            <Image
-              src={images[btn.data.default]()}
-              alt={btn.id}
-              format="gif"
-              class:list={["rm-hide"]}
-            />
-            <Image
-              src={images[btn.data.static]()}
-              alt={btn.id}
-              format="png"
-              class:list={["rm-show"]}
-            />
-          </>
-        )}
-      </a>
-    ))
-  }
-</div>
-
-<style>
-  .button-wall {
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 0.65em;
-  }
-</style>
diff --git a/src/components/home/HomeNav.astro b/src/components/home/HomeNav.astro
index b32c246..fb9bcb6 100644
--- a/src/components/home/HomeNav.astro
+++ b/src/components/home/HomeNav.astro
@@ -20,7 +20,12 @@ const icons = import.meta.glob<{ default: ImageMetadata }>(
       ))
     }
   </nav>
-  <nav class="side-links"></nav>
+  <nav class="side-links">
+    <a href="/bookmarks">
+      <img src="/webbutton2.gif" alt="button wall" class="rm-hide" />
+      <img src="/webbutton2.png" alt="button wall" class="rm-show" />
+    </a>
+  </nav>
 </div>
 
 <style>
@@ -28,7 +33,7 @@ const icons = import.meta.glob<{ default: ImageMetadata }>(
     display: grid;
     grid-template-rows: auto 1fr auto;
     min-height: calc(100svh - 1.3rem);
-    padding: 0.65rem 0.8rem;
+    padding: 0.65rem;
     gap: 0.65rem;
     background: linear-gradient(var(--c-black), var(--c-medium));
   }
diff --git a/src/pages/bookmarks.astro b/src/pages/bookmarks.astro
index 7830906..a36f942 100644
--- a/src/pages/bookmarks.astro
+++ b/src/pages/bookmarks.astro
@@ -5,6 +5,12 @@ import Topbar from "@/components/Topbar.astro";
 import WindowBox from "@/components/WindowBox.astro";
 import ButtonWall from "@/components/bookmarks/ButtonWall.astro";
 import bookmarks from "@/content/bookmarks/bookmarks.json";
+import { Image } from "astro:assets";
+import { getCollection } from "astro:content";
+const buttonwall = await getCollection("buttonwall");
+const images = import.meta.glob<{ default: ImageMetadata }>(
+  "/src/content/bookmarks/buttonwall/*.{png,gif}",
+);
 ---
 
 <Base title="bookmarks" og={{ desc: "Outgoing links to other websites." }}>
@@ -16,7 +22,36 @@ import bookmarks from "@/content/bookmarks/bookmarks.json";
   <div class="wrapper flex">
     <main class="flex">
       <WindowBox titlebar={{ title: "button wall", heading: "h2" }}>
-        <ButtonWall />
+        <div class="button-grid flex">
+          {
+            buttonwall.map((btn) => (
+              <a href={`https://${btn.id}`}>
+                {btn.data.default == btn.data.static ? (
+                  <Image
+                    src={images[btn.data.default]()}
+                    alt={btn.id}
+                    format="png"
+                  />
+                ) : (
+                  <>
+                    <Image
+                      src={images[btn.data.default]()}
+                      alt={btn.id}
+                      format="gif"
+                      class:list={["rm-hide"]}
+                    />
+                    <Image
+                      src={images[btn.data.static]()}
+                      alt={btn.id}
+                      format="png"
+                      class:list={["rm-show"]}
+                    />
+                  </>
+                )}
+              </a>
+            ))
+          }
+        </div>
       </WindowBox>
       {
         bookmarks.bookmarks.map((bookmark) => (
@@ -30,7 +65,25 @@ import bookmarks from "@/content/bookmarks/bookmarks.json";
         ))
       }
     </main>
-    <aside class="flex">aside</aside>
+    <aside class="flex">
+      <WindowBox titlebar={{ title: "site buttons (for you)", heading: "h2" }}>
+        <div class="button-grid flex">
+          <img
+            src="/webbutton2.gif"
+            alt="green bug with yellow eyes animated"
+          />
+          <img src="/webbutton2.png" alt="green bug with yellow eyes" />
+          <img
+            src="/webbutton1.gif"
+            alt="yellow warning sign in a field of sunflowers animated"
+          />
+          <img
+            src="/webbutton1.png"
+            alt="yellow warning sign in a field of sunflowers"
+          />
+        </div>
+      </WindowBox>
+    </aside>
   </div>
 </Base>
 
@@ -64,4 +117,10 @@ import bookmarks from "@/content/bookmarks/bookmarks.json";
       letter-spacing: 0.2em;
     }
   }
+
+  .button-grid {
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 0.65em;
+  }
 </style>