https://xadrezcommusica.netlify.app/_next/static/chunks/pages/p/[photoId]-703573aa666ea897.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[137],{2048:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/p/[photoId]",function(){return a(7710)}])},8950:function(e,t,a){"use strict";a.d(t,{Z:function(){return j}});var n=a(5893),o=a(1446),i=a(1038),l=a(1902),r=a(5133),c=a(1415),s=a(5231),d=a(3093),u=a(5820),h=a(5373),x=a(5675),m=a.n(x),p=a(7294),f=a(5338);let b={enter:e=>({x:e>0?1e3:-1e3,opacity:0}),center:{x:0,opacity:1},exit:e=>({x:e<0?1e3:-1e3,opacity:0})},w=(e,t)=>{let a=[];void 0===t&&(t=e,e=0);for(let n=e;n<t;n+=1)a.push(n);return a};function g(e){return(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"feather feather-twitter",...e,children:(0,n.jsx)("path",{d:"M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"})})}function j(e){let{index:t,images:a,changePhotoId:x,closeModal:j,navigation:v,currentPhoto:k,direction:N}=e,[_,y]=(0,p.useState)(!1),C=null==a?void 0:a.filter(e=>w(t-15,t+15).includes(e.id)),z=(0,f.QS)({onSwipedLeft:()=>x(t+1),onSwipedRight:()=>x(t-1),trackMouse:!0}),E=a?a[t]:k;return(0,n.jsx)(d.A,{transition:{x:{type:"spring",stiffness:300,damping:30},opacity:{duration:.2}},children:(0,n.jsxs)("div",{className:"relative z-50 flex aspect-[3/2] w-full max-w-7xl items-center wide:h-full xl:taller-than-854:h-auto",...z,children:[(0,n.jsx)("div",{className:"w-full overflow-hidden",children:(0,n.jsx)("div",{className:"relative flex aspect-[3/2] items-center justify-center",children:(0,n.jsx)(u.M,{initial:!1,custom:N,children:(0,n.jsx)(h.E.div,{custom:N,variants:b,initial:"enter",animate:"center",exit:"exit",className:"absolute",children:(0,n.jsx)(m(),{src:"https://res.cloudinary.com/".concat("diwaoiu2j","/image/upload/c_scale,").concat(v?"w_1280":"w_1920","/").concat(E.public_id,".").concat(E.format),width:v?1280:1920,height:v?853:1280,priority:!0,alt:"Imagem Xadrez com M\xfasica",onLoadingComplete:()=>y(!0)})},t)})})}),(0,n.jsxs)("div",{className:"absolute inset-0 mx-auto flex max-w-7xl items-center justify-center",children:[_&&(0,n.jsxs)("div",{className:"relative aspect-[3/2] max-h-full w-full",children:[v&&(0,n.jsxs)(n.Fragment,{children:[t>0&&(0,n.jsx)("button",{className:"absolute left-3 top-[calc(50%-16px)] rounded-full bg-black/50 p-3 text-white/75 backdrop-blur-lg transition hover:bg-black/75 hover:text-white focus:outline-none",style:{transform:"translate3d(0, 0, 0)"},onClick:()=>x(t-1),children:(0,n.jsx)(o.Z,{className:"h-6 w-6"})}),t+1<a.length&&(0,n.jsx)("button",{className:"absolute right-3 top-[calc(50%-16px)] rounded-full bg-black/50 p-3 text-white/75 backdrop-blur-lg transition hover:bg-black/75 hover:text-white focus:outline-none",style:{transform:"translate3d(0, 0, 0)"},onClick:()=>x(t+1),children:(0,n.jsx)(i.Z,{className:"h-6 w-6"})})]}),(0,n.jsxs)("div",{className:"absolute top-0 right-0 flex items-center gap-2 p-3 text-white",children:[v?(0,n.jsx)("a",{href:"https://res.cloudinary.com/".concat("diwaoiu2j","/image/upload/").concat(E.public_id,".").concat(E.format),className:"rounded-full bg-black/50 p-2 text-white/75 backdrop-blur-lg transition hover:bg-black/75 hover:text-white",target:"_blank",title:"Open fullsize version",rel:"noreferrer",children:(0,n.jsx)(l.Z,{className:"h-5 w-5"})}):(0,n.jsx)("a",{href:"https://twitter.com/intent/tweet?text=Check%20out%20this%20pic%20from%20Next.js%20Conf!%0A%0Ahttps://nextjsconf-pics.vercel.app/p/".concat(t),className:"rounded-full bg-black/50 p-2 text-white/75 backdrop-blur-lg transition hover:bg-black/75 hover:text-white",target:"_blank",title:"Open fullsize version",rel:"noreferrer",children:(0,n.jsx)(g,{className:"h-5 w-5"})}),(0,n.jsx)("button",{onClick(){var e,a;return e="https://res.cloudinary.com/".concat("diwaoiu2j","/image/upload/").concat(E.public_id,".").concat(E.format),void((a="".concat(t,".jpg"))||(a=e.split("\\").pop().split("/").pop()),fetch(e,{headers:new Headers({Origin:location.origin}),mode:"cors"}).then(e=>e.blob()).then(e=>{var t,n;let o;t=window.URL.createObjectURL(e),n=a,(o=document.createElement("a")).download=n,o.href=t,document.body.appendChild(o),o.click(),o.remove()}).catch(e=>console.error(e)))},className:"rounded-full bg-black/50 p-2 text-white/75 backdrop-blur-lg transition hover:bg-black/75 hover:text-white",title:"Download fullsize version",children:(0,n.jsx)(r.Z,{className:"h-5 w-5"})})]}),(0,n.jsx)("div",{className:"absolute top-0 left-0 flex items-center gap-2 p-3 text-white",children:(0,n.jsx)("button",{onClick:()=>j(),className:"rounded-full bg-black/50 p-2 text-white/75 backdrop-blur-lg transition hover:bg-black/75 hover:text-white",children:v?(0,n.jsx)(c.Z,{className:"h-5 w-5"}):(0,n.jsx)(s.Z,{className:"h-5 w-5"})})})]}),v&&(0,n.jsx)("div",{className:"fixed inset-x-0 bottom-0 z-40 overflow-hidden bg-gradient-to-b from-black/0 to-black/60",children:(0,n.jsx)(h.E.div,{initial:!1,className:"mx-auto mt-6 mb-6 flex aspect-[3/2] h-14",children:(0,n.jsx)(u.M,{initial:!1,children:C.map(e=>{let{public_id:o,format:i,id:l}=e;return(0,n.jsx)(h.E.button,{initial:{width:"0%",x:"".concat(Math.max(-((t-1)*100),-1500),"%")},animate:{scale:l===t?1.25:1,width:"100%",x:"".concat(Math.max(-100*t,-1500),"%")},exit:{width:"0%"},onClick:()=>x(l),className:"".concat(l===t?"z-20 rounded-md shadow shadow-black/50":"z-10"," ").concat(0===l?"rounded-l-md":""," ").concat(l===a.length-1?"rounded-r-md":""," relative inline-block w-full shrink-0 transform-gpu overflow-hidden focu

1s:outline-none"),children:(0,n.jsx)(m(),{alt:"small photos on the bottom",width:180,height:120,className:"".concat(l===t?"brightness-110 hover:brightness-110":"brightness-50 contrast-125 hover:brightness-75"," h-full transform object-cover transition"),src:"https://res.cloudinary.com/".concat("diwaoiu2j","/image/upload/c_scale,w_180/").concat(o,".").concat(i)})},l)})})})})]})]})})}},7710:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return m},default:function(){return p}});var n=a(5893),o=a(9008),i=a.n(o),l=a(1163),r=a(5675),c=a.n(r),s=a(461),d=a(4285),u=a(8950);function h(e){let{index:t,currentPhoto:a}=e,o=(0,l.useRouter)(),[,i]=(0,d.h)();function r(){i(a.id),o.push("/",void 0,{shallow:!0})}return(0,s.Z)("Escape",()=>{r()}),(0,n.jsxs)("div",{className:"fixed inset-0 flex items-center justify-center",children:[(0,n.jsx)("button",{className:"absolute inset-0 z-30 cursor-default bg-black backdrop-blur-2xl",onClick:r,children:(0,n.jsx)(c(),{src:a.blurDataUrl,className:"pointer-events-none h-full w-full",alt:"blurred background",fill:!0,priority:!0})}),(0,n.jsx)(u.Z,{index:t,changePhotoId:function(e){return e},currentPhoto:a,closeModal:r,navigation:!1})]})}let x=e=>{let{currentPhoto:t}=e,a=(0,l.useRouter)(),{photoId:o}=a.query,r=Number(o),c="https://res.cloudinary.com/".concat("diwaoiu2j","/image/upload/c_scale,w_2560/").concat(t.public_id,".").concat(t.format);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(i(),{children:[(0,n.jsx)("title",{children:"Xadrez com M\xfasica"}),(0,n.jsx)("meta",{property:"og:image",content:c}),(0,n.jsx)("meta",{name:"twitter:image",content:c})]}),(0,n.jsx)("main",{className:"mx-auto max-w-[1960px] p-4",children:(0,n.jsx)(h,{currentPhoto:t,index:r})})]})};var m=!0,p=x},4285:function(e,t,a){"use strict";a.d(t,{h:function(){return i}});var n=a(9755);let{useGlobalState:o}=(0,n.r)({photoToScrollTo:null}),i=()=>o("photoToScrollTo")}},function(e){e.O(0,[265,774,888,179],function(){return e(e.s=2048)}),_N_E=e.O()}]);