diff --git a/src/assets/frames/acidframe.png b/src/assets/frames/acidframe.png new file mode 100644 index 0000000000000000000000000000000000000000..2b829ac72b5bf08b560716cdbc1ae091997be1e5 GIT binary patch literal 1317 zcmeAS@N?(olHy`uVBq!ia0y~yVDJE84mJh`hS0a0-5D4dI14-?iy0XB6G519h5hnO z1_qYvo-U3d6^w6Z?=KQI6lkBzBg=Ya57Qn`E-ouCIh|CiE|EQ)dzef`u1vU}x^M1Q zi@9O5H?Q5iRx-N$*XCRImtVal9G_RVZcpv!ck6fWy>U8zfBij$dwLC@f4*+N`*{25 zCtp6kOZ)!e@_pLK^VAiaESO4bAr`%n3)5}V#EV7zU>WXL8{C&E2m957X zU)l6;ZD#!KW}c$6HJeJ-goudpe3Mn7|y^Cr%ve%U_yMFD~WAFHyCtuclRdR^p@VKWK>t43v_{A3yt`_d> z^EVZ2S(amJe>Ce{;T?k|zoryy*=P2w@cW-eW{s_@zvM~%;t}wCdo$*DtU-uW^?tIKqnHbvHHAKLtj=fbrjulL7NzQ*=P zG;eVYFgtDjhX3;1tLY7!BI_iWc-=SsTIaro@tTsx?5EP-+Fzb~W$bWM$DXILO*yjm zy7D!KY{4mKKk@!PT$27(azV~C`8J2c6W8o}EtuV~mE%;}&$hpbyEgyg2{1d&@4Vol zN7((Z9i|7OSW-9F9R6o;H?o#ZWA@W_#R~;0tKU~0kxI~Q+7!7jv3|xoh^r3^WLQkP zn%*Gw?eg9Be|NRsMieY!JeBsdNcLvr>++A6%3jxb9uB%cCsyekL+a)~a|-93o%z~2 zB>LwT&z*i@^BJ{xzuoJ$*u5mmKU!we0C3=!{*yQ?OK?zcEY#kyGk^&o(nwoiWjk!bhuT({N#MW z*-WvI1zzb{#r_xH)qb9^DC#@I*}2jBUfnCNJoqxNF#or}b(eD9AeZ&WBKV?;jF{SA zL~SZQW0yNa!Bb^IiNDIlYoAtD9ue3lVp*JA;KKJ~=kl!Y4qo!l6g)4-u_zYhZ4i%$ z&d9sB^7ax>gK0{cp4xS|-Quh~4 zxNzR)XLf^2h`y6wbIJN3>#$oBFLK+tDP;1D&W>|Lu(`3?=XKuajk9U|{fc^>bP0l+XkKJUe++ literal 0 HcmV?d00001 diff --git a/src/pages/gallery.astro b/src/pages/gallery.astro index aebe845..eef722e 100644 --- a/src/pages/gallery.astro +++ b/src/pages/gallery.astro @@ -36,7 +36,11 @@ const gallery = await getCollection("gallery"); const galleryPosts = document.querySelectorAll(".gallery-entry"); galleryPosts.forEach((post) => { const postImg = post.querySelector("img") as HTMLImageElement; - postImg.complete && postImg.classList.add("loaded"); + postImg.complete + ? postImg.classList.add("loaded") + : postImg.addEventListener("load", () => { + postImg.classList.add("loaded"); + }); post.addEventListener("click", () => { img.setAttribute("src", String(postImg.getAttribute("src"))); @@ -70,6 +74,9 @@ const gallery = await getCollection("gallery"); } .gallery-entry { + border: 24px solid #0000; + border-image: url("@/assets/frames/acidframe.png") 24 repeat; + overflow: hidden; & img { opacity: 0; aspect-ratio: 1;