(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{381:(e,t,i)=>{Promise.resolve().then(i.bind(i,9428))},1469:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var i in t)Object.defineProperty(e,i,{enumerable:!0,get:t[i]})}(t,{default:function(){return r},getImageProps:function(){return s}});let n=i(8229),a=i(8883),o=i(3063),l=n._(i(1193));function s(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:l.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!0}});for(let[e,i]of Object.entries(t))void 0===i&&delete t[e];return{props:t}}let r=o.Image},4102:(e,t,i)=>{"use strict";i.d(t,{Ay:()=>o});var n=i(5155),a=i(2115);function o(e){let{src:t,alt:i,className:o="",size:l="full",isModal:s=!1,loading:r="lazy",onLoad:c,onError:d,onClick:u,style:m,draggable:h=!1,onContextMenu:p,title:g,"aria-label":b,objectFit:f="contain",...v}=e,[j,x]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[k,N]=(0,a.useState)(!1),[F,C]=(0,a.useState)(!0);return((0,a.useEffect)(()=>{s||"full"===l?x(t):x(function(e){if(!e||e.startsWith("data:")||e.startsWith("http")||e.includes("/icons/")||e.toLowerCase().endsWith(".gif"))return e;let t=(e.startsWith("/")?e.slice(1):e).split("/"),i=t[t.length-1].replace(/\.[^/.]+$/,""),n=e.toLowerCase();return n.includes(".mp4")||n.includes(".webm")||n.includes(".mov")||n.includes(".avi")?"/thumbnails/".concat(i,".webm"):"/thumbnails/".concat(i,".webp")}(t)),w(!1),N(!1),C(!0)},[t,l,s]),j&&""!==j)?(0,n.jsxs)("div",{className:"optimized-image-container",style:{position:"relative",width:"100%",height:"100%"},children:[F&&"thumbnail"===l&&(0,n.jsx)("div",{className:"image-loading-overlay",children:(0,n.jsx)("div",{className:"image-throbber"})}),(0,n.jsx)("img",{src:j,alt:i,className:"optimized-image ".concat(o," ").concat(k?"loaded":"loading"),loading:r,onLoad:()=>{N(!0),C(!1),c&&c()},onError:()=>{C(!1),y||s||"full"===l?d&&d():(w(!0),x(t),C(!0))},onClick:u,style:{...(()=>{let e={};switch(f){case"cover":default:e.objectFit="cover";break;case"contain":e.objectFit="contain";break;case"align-top":e.objectFit="cover",e.objectPosition="top center";break;case"align-bottom":e.objectFit="cover",e.objectPosition="bottom center";break;case"align-left":e.objectFit="cover",e.objectPosition="left center";break;case"align-right":e.objectFit="cover",e.objectPosition="right center";break;case"align-centre":e.objectFit="cover",e.objectPosition="center center"}return e})(),...m,opacity:+!!k,transition:"opacity 0.3s ease-in-out"},draggable:h,onContextMenu:p,title:g,"aria-label":b,...v})]}):null}},6766:(e,t,i)=>{"use strict";i.d(t,{default:()=>a.a});var n=i(1469),a=i.n(n)},8805:()=>{},9428:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>j});var n=i(5155),a=i(2115),o=i(5695),l=i(6766);i(8805),i(4393),i(2015);var s=i(9848),r=i(4102);function c(e){let{src:t,alt:i="",className:o="",size:l="full",isModal:s=!1,loading:r="lazy",onLoad:c,onError:d,onClick:u,style:m,onContextMenu:h,title:p,"aria-label":g,objectFit:b="contain",autoPlay:f=!0,loop:v=!0,muted:j=!0,controls:x=!1,...y}=e,[w,k]=(0,a.useState)(""),[N,F]=(0,a.useState)(!1),[C,M]=(0,a.useState)(!1),[E,W]=(0,a.useState)(!0),S=(0,a.useRef)(null);(0,a.useEffect)(()=>{s||"full"===l?k(t):k(function(e){if(!e||e.startsWith("data:")||e.startsWith("http"))return e;let t=(e.startsWith("/")?e.slice(1):e).split("/"),i=t[t.length-1].replace(/\.[^/.]+$/,"");return"/thumbnails/".concat(i,".webm")}(t)),F(!1),M(!1),W(!0)},[t,l,s]);let z=()=>{M(!0),W(!1),c&&c()},P=()=>{if(W(!1),N||s||"full"===l)d&&d();else{F(!0);let e=(t.startsWith("/")?t.slice(1):t).split("/"),i=e[e.length-1].replace(/\.[^/.]+$/,"");k("/thumbnails/".concat(i,".webp")),W(!0)}},L=()=>{let e={};switch(b){case"cover":default:e.objectFit="cover";break;case"contain":e.objectFit="contain";break;case"align-top":e.objectFit="cover",e.objectPosition="top center";break;case"align-bottom":e.objectFit="cover",e.objectPosition="bottom center";break;case"align-left":e.objectFit="cover",e.objectPosition="left center";break;case"align-right":e.objectFit="cover",e.objectPosition="right center";break;case"align-centre":e.objectFit="cover",e.objectPosition="center center"}return e};if(!w||""===w)return null;let D=E&&"thumbnail"===l;return N&&w.endsWith(".webp")?(0,n.jsxs)("div",{className:"optimized-video-container",style:{position:"relative",width:"100%",height:"100%"},children:[D&&(0,n.jsx)("div",{className:"image-loading-overlay",children:(0,n.jsx)("div",{className:"image-throbber"})}),(0,n.jsx)("img",{src:w,alt:i,className:"optimized-video ".concat(o," ").concat(C?"loaded":"loading"),loading:r,onLoad:z,onError:P,onClick:u,style:{...L(),...m,opacity:+!!C,transition:"opacity 0.3s ease-in-out"},onContextMenu:h,title:p,"aria-label":g,...y})]}):(0,n.jsxs)("div",{className:"optimized-video-container",style:{position:"relative",width:"100%",height:"100%"},children:[D&&(0,n.jsx)("div",{className:"image-loading-overlay",children:(0,n.jsx)("div",{className:"image-throbber"})}),(0,n.jsx)("video",{ref:S,src:w,className:"optimized-video ".concat(o," ").concat(C?"loaded":"loading"),onLoadedData:z,onError:P,onClick:u,style:{...L(),...m,opacity:+!!C,transition:"opacity 0.3s ease-in-out",width:"100%",height:"100%",borderRadius:"7px"},onContextMenu:h,title:p,"aria-label":g,autoPlay:f&&!s,loop:v,muted:j,controls:x||s,playsInline:!0,...y})]})}function d(e){let{src:t,alt:i,className:o="",size:l="full",isModal:s=!1,loading:d="lazy",onLoad:u,onError:m,onClick:h,style:p,draggable:g=!1,onContextMenu:b,title:f,"aria-label":v,objectFit:j="contain",...x}=e;return(0,a.useMemo)(()=>{let e=t.toLowerCase();return e.includes(".mp4")||e.includes(".webm")||e.includes(".mov")||e.includes(".avi")},[t])?(0,n.jsx)(c,{src:t,alt:i,className:o,size:l,isModal:s,loading:d,onLoad:u,onError:m,onClick:h,style:p,onContextMenu:b,title:f,"aria-label":v,objectFit:j,autoPlay:!s,loop:!s,muted:!0,controls:s,...x}):(0,n.jsx)(r.Ay,{src:t,alt:i,className:o,size:l,isModal:s,loading:d,onLoad:u,onError:m,onClick:h,style:p,draggable:g,onContextMenu:b,title:f,"aria-label":v,objectFit:j,...x})}var u=i(3395);let m=a.useLayoutEffect,h=()=>Object.keys(u.m).filter(e=>{let t=e.startsWith("/content/")&&(e.endsWith(".webp")||e.endsWith(".jpg")||e.endsWith(".png")||e.endsWith(".gif")),i=e.startsWith("/content/")&&(e.endsWith(".mp4")||e.endsWith(".webm")||e.endsWith(".mov")||e.endsWith(".avi"));return t||i}),p=e=>e.startsWith("/content/")&&(e.endsWith(".mp4")||e.endsWith(".webm")||e.endsWith(".mov")||e.endsWith(".avi")),g=e=>{let t=[...e];for(let e=t.length-1;e>0;e--){let i=Math.floor(Math.random()*(e+1));[t[e],t[i]]=[t[i],t[e]]}return t},b=(e,t)=>{let i=g(e);return Array.from({length:t},(e,n)=>i.filter((e,i)=>i%t===n))},f=e=>{let{isOpen:t,onClose:i,image:l}=e,r=(0,o.useRouter)();if(!t||!l)return null;let c=u.m[l]||{title:"Media Information",description:"No specific information is available for this item."},m=e=>{e.preventDefault()};return(0,n.jsx)("div",{className:"modal-overlay",onClick:i,onContextMenu:m,onKeyDown:e=>{(e.ctrlKey||e.metaKey)&&("s"===e.key||"p"===e.key||"c"===e.key)&&e.preventDefault()},tabIndex:0,children:(0,n.jsxs)("div",{className:"modal-content ".concat(c.redirectUrl?"has-redirect-button":""),onClick:e=>e.stopPropagation(),onContextMenu:m,children:[(0,n.jsx)("button",{className:"modal-close",onClick:i,"aria-label":"Close",children:(0,n.jsx)(s.WQq,{})}),(0,n.jsx)("div",{className:"modal-media-container",children:(0,n.jsx)("div",{style:{position:"relative",height:"100%",display:"flex",alignItems:"center"},children:p(l)?(0,n.jsx)("video",{src:l,controls:!0,autoPlay:!0,className:"modal-media modal-video",style:{maxWidth:"100%",maxHeight:"100%",objectFit:"contain"},onClick:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation(),onMouseUp:e=>e.stopPropagation()}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(d,{src:l,alt:c.title,size:"full",isModal:!0,className:"modal-media modal-image protected-image",draggable:!1,onContextMenu:m,objectFit:c.objectFit||"contain"}),(0,n.jsx)("div",{className:"modal-protection"})]})})}),(0,n.jsxs)("div",{className:"modal-info-container",children:[c.type&&(0,n.jsx)("p",{className:"modal-type",children:c.type}),(0,n.jsx)("h2",{className:"modal-title",children:c.title}),(0,n.jsx)("div",{className:"modal-description",children:c.description.split("\n").map((e,t)=>(0,n.jsxs)(a.Fragment,{children:[e,t<c.description.split("\n").length-1&&(0,n.jsx)("br",{})]},t))}),c.tools&&(0,n.jsxs)("p",{className:"modal-tools",children:["Tools: ",c.tools]}),c.timestamp&&(0,n.jsx)("p",{className:"modal-timestamp",children:c.timestamp})]}),c.redirectUrl&&(0,n.jsxs)("button",{className:"modal-redirect-button",onClick:()=>{i(),/^https?:\/\//i.test(c.redirectUrl)?window.open(c.redirectUrl,"_blank","noopener,noreferrer"):r.push(c.redirectUrl)},"aria-label":"Visit related page",children:[(0,n.jsx)("span",{className:"modal-redirect-text",children:"Visit Page"}),(0,n.jsx)(d,{src:c.redirectIcon||"/content/icons/general/arrow_right-64px.png",alt:"Redirect icon",className:"modal-redirect-icon",size:"thumbnail",loading:"eager",draggable:!1,onContextMenu:e=>e.preventDefault(),objectFit:"contain"})]})]})})},v={showOnMobile:!0,platforms:[{name:"Reddit",icon:"/content/icons/websites/reddit-64px.png",url:"https://reddit.com/r/liliovali",color:"#FF4500"},{name:"Discord",icon:"/content/icons/websites/discord-64px.png",url:"https://discord.gg/aEUpRAJxGh",color:"#5865F2"},{name:"Instagram",icon:"/content/icons/websites/instagram-64px.png",url:"https://instagram.com/liliovali",color:"linear-gradient(45deg, #FFDC80 0%, #E4405F 50%, #405DE6 100%)"},{name:"YouTube",icon:"/content/icons/websites/youtube-64px.png",url:"https://youtube.com/@liliovali",color:"#FF0000"}]};function j(){let[e,t]=(0,a.useState)([]),[i,o]=(0,a.useState)(!0),[s,r]=(0,a.useState)(!1),[c,p]=(0,a.useState)(null),[g,j]=(0,a.useState)(!1),[x,y]=(0,a.useState)(!1),[w,k]=(0,a.useState)(!1),[N,F]=(0,a.useState)(!1),C=(0,a.useRef)(null);(0,a.useEffect)(()=>{t(b(h(),x?6:5))},[x]),(0,a.useEffect)(()=>{if(0===e.length)return;let t=Math.max(...e.map(e=>e.length))-1,i=setTimeout(()=>o(!1),(e.length-1+t)*25+600+200);return()=>clearTimeout(i)},[e]),(0,a.useEffect)(()=>{let e=()=>{y(window.innerWidth<=768)};e(),window.addEventListener("resize",e);let t=setTimeout(()=>{"true"!==sessionStorage.getItem("constructionNoticeDismissed")&&j(!0)},100);return()=>{window.removeEventListener("resize",e),clearTimeout(t)}},[]),m(()=>{if(!x||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;let e=C.current;if(!e)return;let t=Array.from(e.querySelectorAll(".brick-track"));if(0===t.length)return;let i=t.map(e=>4*Math.round(e.children.length/3)),n=[],a=[],o=[],l=0,s=!1,r=!1,c=null,d=0,u=0,m=0,h=0,p=0,g=[],b=()=>{n=t.map(e=>{let t=e.firstElementChild;if(!t)return 0;let i=getComputedStyle(t);return t.offsetWidth+parseFloat(i.marginLeft)+parseFloat(i.marginRight)}),a=t.map(e=>e.getBoundingClientRect().width/3)},f=(e,t)=>(e%t+t)%t,v=()=>{t.forEach((e,t)=>{let i=a[t]||1;o[t]=f(o[t],i),e.style.transform="translate3d(".concat(-o[t],"px, 0, 0)")})},j=()=>(n[0]||0)/4;b(),o=t.map((e,t)=>t%2==1?n[t]/2:0),l=j(),F(!0);let y=performance.now(),w=0,k=e=>{let t=Math.min(Math.max((e-y)/1e3,0),.05);if(y=e,!s){l+=(j()-l)*(1-Math.exp(-3*t));for(let e=0;e<o.length;e++)o[e]+=l*t;v()}w=requestAnimationFrame(k)};w=requestAnimationFrame(k);let N=e=>{if(s||1!==e.touches.length)return;let t=e.touches[0];s=!0,r=!1,c=t.identifier,d=t.clientX,u=t.clientY,m=t.clientX,h=e.timeStamp,p=0,l=0,g=o.slice()},M=e=>{if(!s)return;if(1!==e.touches.length){s=!1,r=!1,c=null;return}let t=e.touches[0];if(t.identifier!==c)return;let i=t.clientX-d,n=t.clientY-u;if(!r){if(10>=Math.abs(i)&&10>=Math.abs(n))return;if(Math.abs(i)<=Math.abs(n)){s=!1,c=null;return}r=!0}e.preventDefault();let a=e.timeStamp,l=Math.max(a-h,1),b=(t.clientX-m)/l*1e3;p=0===p?b:.65*b+.35*p,m=t.clientX,h=a;for(let e=0;e<o.length;e++)o[e]=g[e]-i;v()},E=e=>{if(!s||!Array.from(e.changedTouches).find(e=>e.identifier===c))return;let t=r;if(s=!1,r=!1,c=null,!t)return;let i=Math.max(40*j(),5e3);(l=-p)>i&&(l=i),l<-i&&(l=-i)},W=()=>{let e=a.slice();b(),o=t.map((t,i)=>{var n;let l=e[i]||1;return f(null!=(n=o[i])?n:0,l)/l*(a[i]||1)}),v()};return e.addEventListener("touchstart",N,{passive:!0}),e.addEventListener("touchmove",M,{passive:!1}),e.addEventListener("touchend",E,{passive:!0}),e.addEventListener("touchcancel",E,{passive:!0}),window.addEventListener("resize",W),v(),()=>{cancelAnimationFrame(w),e.removeEventListener("touchstart",N),e.removeEventListener("touchmove",M),e.removeEventListener("touchend",E),e.removeEventListener("touchcancel",E),window.removeEventListener("resize",W),t.forEach((e,t)=>{var n;let l=a[t]||1,s=-(f(null!=(n=o[t])?n:0,l)/l)*(i[t]||0);e.style.animationDelay="".concat(s.toFixed(3),"s"),e.style.transform=""})}},[x,e]);let M=e=>{p(e),r(!0)};return(0,n.jsxs)("main",{className:"new-home-main",children:[g&&(0,n.jsx)("div",{className:"construction-notice-overlay",children:(0,n.jsxs)("div",{className:"construction-notice-desktop ".concat(w?"closing":""),children:[(0,n.jsxs)("h3",{className:"construction-title",children:[(0,n.jsx)(l.default,{src:"/content/characters/WavingYuu.webp",alt:"Waving Yuu",className:"construction-notice-image construction-notice-image-centred",style:{"--offset-y":"10.1px","--scale":3},width:22,height:30,draggable:!1,unoptimized:!0}),"welcome !"]}),(0,n.jsx)("p",{className:"construction-body construction-body-primary",children:"this is the home of all of my creative works."}),(0,n.jsx)("p",{className:"construction-body",children:"I'm always working hard to create more cool things, so consider checking back occasionally to see what i've been up to !"}),(0,n.jsx)("div",{className:"construction-action-links","aria-label":"Quick links",children:(0,n.jsx)("button",{type:"button",className:"construction-action-link construction-close-link",onClick:()=>{k(!0),setTimeout(()=>{j(!1),k(!1),sessionStorage.setItem("constructionNoticeDismissed","true")},300)},"aria-label":"Dismiss welcome notice",children:(0,n.jsx)("span",{className:"construction-action-text",children:"explore"})})})]})}),(0,n.jsx)("div",{ref:C,className:"brick-grid".concat(i?" is-booting":"").concat(N?" is-touch-driven":""),children:e.map((e,t)=>{let i=t%2==1;return(0,n.jsx)("div",{className:"brick-row",style:{"--row":String(t)},children:(0,n.jsx)("div",{className:"brick-track",style:{"--scroll-duration":"".concat(4*e.length,"s"),"--scroll-delay":i?"".concat(-2,"s"):"0s"},children:Array.from({length:3}).flatMap((i,a)=>e.map((e,i)=>{var o,l,s;return(0,n.jsx)("button",{type:"button",className:"grid-item",style:{"--col":String(i)},tabIndex:0===a?void 0:-1,onClick:()=>M(e),"aria-label":(null==(o=u.m[e])?void 0:o.title)||"View media",children:(0,n.jsx)(d,{src:e,alt:(null==(l=u.m[e])?void 0:l.title)||"Gallery media",className:"grid-image",size:"thumbnail",loading:t<2?"eager":"lazy",draggable:!1,onContextMenu:e=>e.preventDefault(),objectFit:(null==(s=u.m[e])?void 0:s.objectFit)||"cover"})},"".concat(a,"-").concat(e))}))})},t)})}),(0,n.jsxs)("a",{href:"https://ko-fi.com/liliovali#",target:"_blank",rel:"noopener noreferrer",className:"kofi-button","aria-label":"Support my work on Ko-fi",children:[(0,n.jsx)(d,{src:"/content/icons/websites/ko-fi_logo.webp",alt:"Ko-fi logo",className:"kofi-logo",size:"thumbnail",loading:"eager",draggable:!1,onContextMenu:e=>e.preventDefault(),objectFit:"contain"}),(0,n.jsx)("span",{className:"kofi-text",children:"support my work !"})]}),(!x||v.showOnMobile)&&(0,n.jsx)("div",{className:"social-buttons-container",children:v.platforms.map((e,t)=>(0,n.jsx)("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:"social-button",style:{"--platform-color":e.color,"--button-index":t},"aria-label":"Visit ".concat(e.name),children:(0,n.jsx)(d,{src:e.icon,alt:"".concat(e.name," logo"),className:"social-logo",size:"thumbnail",loading:"eager",draggable:!1,onContextMenu:e=>e.preventDefault(),objectFit:"contain"})},e.name))}),(0,n.jsx)(f,{isOpen:s,onClose:()=>{r(!1),p(null)},image:c})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[2692,4786,9270,8640,3063,2274,8441,1684,7358],()=>t(381)),_N_E=e.O()}]);