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-goudpe3
Mn7|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;