(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 l}});let o=i(8229),a=i(8883),n=i(3063),s=o._(i(1193));function l(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:s.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=n.Image},4102:(e,t,i)=>{"use strict";i.d(t,{Ay:()=>n});var o=i(5155),a=i(2115);function n(e){let{src:t,alt:i,className:n="",size:s="full",isModal:l=!1,loading:r="lazy",onLoad:c,onError:d,onClick:m,style:u,draggable:b=!1,onContextMenu:h,title:g,"aria-label":p,objectFit:f="contain",...j}=e,[v,x]=(0,a.useState)(""),[y,k]=(0,a.useState)(!1),[N,w]=(0,a.useState)(!1),[C,F]=(0,a.useState)(!0);return((0,a.useEffect)(()=>{l||"full"===s?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(/\.[^/.]+$/,""),o=e.toLowerCase();return o.includes(".mp4")||o.includes(".webm")||o.includes(".mov")||o.includes(".avi")?"/thumbnails/".concat(i,".webm"):"/thumbnails/".concat(i,".webp")}(t)),k(!1),w(!1),F(!0)},[t,s,l]),v&&""!==v)?(0,o.jsxs)("div",{className:"optimized-image-container",style:{position:"relative",width:"100%",height:"100%"},children:[C&&"thumbnail"===s&&(0,o.jsx)("div",{className:"image-loading-overlay",children:(0,o.jsx)("div",{className:"image-throbber"})}),(0,o.jsx)("img",{src:v,alt:i,className:"optimized-image ".concat(n," ").concat(N?"loaded":"loading"),loading:r,onLoad:()=>{w(!0),F(!1),c&&c()},onError:()=>{F(!1),y||l||"full"===s?d&&d():(k(!0),x(t),F(!0))},onClick:m,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})(),...u,opacity:+!!N,transition:"opacity 0.3s ease-in-out"},draggable:b,onContextMenu:h,title:g,"aria-label":p,...j})]}):null}},6766:(e,t,i)=>{"use strict";i.d(t,{default:()=>a.a});var o=i(1469),a=i.n(o)},8805:()=>{},9428:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>j});var o=i(5155),a=i(2115),n=i(5695),s=i(6766);i(8805),i(4393),i(2015);var l=i(9848),r=i(4102);function c(e){let{src:t,alt:i="",className:n="",size:s="full",isModal:l=!1,loading:r="lazy",onLoad:c,onError:d,onClick:m,style:u,onContextMenu:b,title:h,"aria-label":g,objectFit:p="contain",autoPlay:f=!0,loop:j=!0,muted:v=!0,controls:x=!1,...y}=e,[k,N]=(0,a.useState)(""),[w,C]=(0,a.useState)(!1),[F,W]=(0,a.useState)(!1),[M,P]=(0,a.useState)(!0),z=(0,a.useRef)(null);(0,a.useEffect)(()=>{l||"full"===s?N(t):N(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)),C(!1),W(!1),P(!0)},[t,s,l]);let S=()=>{W(!0),P(!1),c&&c()},E=()=>{if(P(!1),w||l||"full"===s)d&&d();else{C(!0);let e=(t.startsWith("/")?t.slice(1):t).split("/"),i=e[e.length-1].replace(/\.[^/.]+$/,"");N("/thumbnails/".concat(i,".webp")),P(!0)}},D=()=>{let e={};switch(p){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(!k||""===k)return null;let _=M&&"thumbnail"===s;return w&&k.endsWith(".webp")?(0,o.jsxs)("div",{className:"optimized-video-container",style:{position:"relative",width:"100%",height:"100%"},children:[_&&(0,o.jsx)("div",{className:"image-loading-overlay",children:(0,o.jsx)("div",{className:"image-throbber"})}),(0,o.jsx)("img",{src:k,alt:i,className:"optimized-video ".concat(n," ").concat(F?"loaded":"loading"),loading:r,onLoad:S,onError:E,onClick:m,style:{...D(),...u,opacity:+!!F,transition:"opacity 0.3s ease-in-out"},onContextMenu:b,title:h,"aria-label":g,...y})]}):(0,o.jsxs)("div",{className:"optimized-video-container",style:{position:"relative",width:"100%",height:"100%"},children:[_&&(0,o.jsx)("div",{className:"image-loading-overlay",children:(0,o.jsx)("div",{className:"image-throbber"})}),(0,o.jsx)("video",{ref:z,src:k,className:"optimized-video ".concat(n," ").concat(F?"loaded":"loading"),onLoadedData:S,onError:E,onClick:m,style:{...D(),...u,opacity:+!!F,transition:"opacity 0.3s ease-in-out",width:"100%",height:"100%",borderRadius:"7px"},onContextMenu:b,title:h,"aria-label":g,autoPlay:f&&!l,loop:j,muted:v,controls:x||l,playsInline:!0,...y})]})}function d(e){let{src:t,alt:i,className:n="",size:s="full",isModal:l=!1,loading:d="lazy",onLoad:m,onError:u,onClick:b,style:h,draggable:g=!1,onContextMenu:p,title:f,"aria-label":j,objectFit:v="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,o.jsx)(c,{src:t,alt:i,className:n,size:s,isModal:l,loading:d,onLoad:m,onError:u,onClick:b,style:h,onContextMenu:p,title:f,"aria-label":j,objectFit:v,autoPlay:!l,loop:!l,muted:!0,controls:l,...x}):(0,o.jsx)(r.Ay,{src:t,alt:i,className:n,size:s,isModal:l,loading:d,onLoad:m,onError:u,onClick:b,style:h,draggable:g,onContextMenu:p,title:f,"aria-label":j,objectFit:v,...x})}var m=i(3395);let u=()=>Object.keys(m.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}),b=e=>e.startsWith("/content/")&&(e.endsWith(".mp4")||e.endsWith(".webm")||e.endsWith(".mov")||e.endsWith(".avi")),h=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},g=(e,t)=>{let i=h(e);return Array.from({length:t},(e,o)=>i.filter((e,i)=>i%t===o))},p=e=>{let{isOpen:t,onClose:i,image:s}=e,r=(0,n.useRouter)();if(!t||!s)return null;let c=m.m[s]||{title:"Media Information",description:"No specific information is available for this item."},u=e=>{e.preventDefault()};return(0,o.jsx)("div",{className:"modal-overlay",onClick:i,onContextMenu:u,onKeyDown:e=>{(e.ctrlKey||e.metaKey)&&("s"===e.key||"p"===e.key||"c"===e.key)&&e.preventDefault()},tabIndex:0,children:(0,o.jsxs)("div",{className:"modal-content ".concat(c.redirectUrl?"has-redirect-button":""),onClick:e=>e.stopPropagation(),onContextMenu:u,children:[(0,o.jsx)("button",{className:"modal-close",onClick:i,"aria-label":"Close",children:(0,o.jsx)(l.WQq,{})}),(0,o.jsx)("div",{className:"modal-media-container",children:(0,o.jsx)("div",{style:{position:"relative",height:"100%",display:"flex",alignItems:"center"},children:b(s)?(0,o.jsx)("video",{src:s,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,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(d,{src:s,alt:c.title,size:"full",isModal:!0,className:"modal-media modal-image protected-image",draggable:!1,onContextMenu:u,objectFit:c.objectFit||"contain"}),(0,o.jsx)("div",{className:"modal-protection"})]})})}),(0,o.jsxs)("div",{className:"modal-info-container",children:[c.type&&(0,o.jsx)("p",{className:"modal-type",children:c.type}),(0,o.jsx)("h2",{className:"modal-title",children:c.title}),(0,o.jsx)("div",{className:"modal-description",children:c.description.split("\n").map((e,t)=>(0,o.jsxs)(a.Fragment,{children:[e,t<c.description.split("\n").length-1&&(0,o.jsx)("br",{})]},t))}),c.tools&&(0,o.jsxs)("p",{className:"modal-tools",children:["Tools: ",c.tools]}),c.timestamp&&(0,o.jsx)("p",{className:"modal-timestamp",children:c.timestamp})]}),c.redirectUrl&&(0,o.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,o.jsx)("span",{className:"modal-redirect-text",children:"Visit Page"}),(0,o.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"})]})]})})},f={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,n]=(0,a.useState)(!0),[l,r]=(0,a.useState)(!1),[c,b]=(0,a.useState)(null),[h,j]=(0,a.useState)(!1),[v,x]=(0,a.useState)(!1),[y,k]=(0,a.useState)(!1);(0,a.useEffect)(()=>{t(g(u(),5))},[]),(0,a.useEffect)(()=>{if(0===e.length)return;let t=setTimeout(()=>n(!1),(4+(Math.max(...e.map(e=>e.length))-1))*25+600+200);return()=>clearTimeout(t)},[e]),(0,a.useEffect)(()=>{let e=()=>{x(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)}},[]);let N=e=>{b(e),r(!0)};return(0,o.jsxs)("main",{className:"new-home-main",children:[h&&(0,o.jsx)("div",{className:"construction-notice-overlay",children:(0,o.jsxs)("div",{className:"construction-notice-desktop ".concat(y?"closing":""),children:[(0,o.jsxs)("h3",{className:"construction-title",children:[(0,o.jsx)(s.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,o.jsx)("p",{className:"construction-body construction-body-primary",children:"this is the home of all of my creative works."}),(0,o.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,o.jsx)("div",{className:"construction-action-links","aria-label":"Quick links",children:(0,o.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,o.jsx)("span",{className:"construction-action-text",children:"explore"})})})]})}),(0,o.jsx)("div",{className:"brick-grid".concat(i?" is-booting":""),children:e.map((e,t)=>{let i=t%2==1;return(0,o.jsx)("div",{className:"brick-row",style:{"--row":String(t)},children:(0,o.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 n,s,l;return(0,o.jsx)("button",{type:"button",className:"grid-item",style:{"--col":String(i)},tabIndex:0===a?void 0:-1,onClick:()=>N(e),"aria-label":(null==(n=m.m[e])?void 0:n.title)||"View media",children:(0,o.jsx)(d,{src:e,alt:(null==(s=m.m[e])?void 0:s.title)||"Gallery media",className:"grid-image",size:"thumbnail",loading:t<2?"eager":"lazy",draggable:!1,onContextMenu:e=>e.preventDefault(),objectFit:(null==(l=m.m[e])?void 0:l.objectFit)||"cover"})},"".concat(a,"-").concat(e))}))})},t)})}),(0,o.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,o.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,o.jsx)("span",{className:"kofi-text",children:"support my work !"})]}),(!v||f.showOnMobile)&&(0,o.jsx)("div",{className:"social-buttons-container",children:f.platforms.map((e,t)=>(0,o.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,o.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,o.jsx)(p,{isOpen:l,onClose:()=>{r(!1),b(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()}]);