}\n"}};function pi(n,t){if(!(n instanceof Element)||!(t instanceof Element))throw new ct;return n===t?0:n.compareDocumentPosition(t)&2?1:-1}var _e=pi;function ui(n){return Object.entries(n).map(([t,e])=>e?`${t}=${e}`:t).join("&")}var tt=ui;function mi(n){return n.split("&").reduce((t,e)=>{let[i,s]=e.split("=");return i&&(t[i]=s),t},{})}var k=mi;function fi(n){let t=k(n);return delete t.gid,delete t.pid,tt(t)}var dt=fi;function gi(){return window.location.hash.substring(1)}var H=gi;function _i(){return`${window.location.pathname}${window.location.search}`}var pt=_i;var vi=n=>{let t=k(n);return Boolean(t.gid)&&Boolean(t.pid)},ut=vi;function yi(n,t){return n!==null?n:t?parseInt(t,10)-1:0}var ve=yi;var ye=E(U()),X=ye.default.createContext({remove:()=>{},set:()=>{},handleClick:()=>{},open:()=>{}});var et=class{constructor(t){this.pswp=t,this.on=t.on.bind(t),this.off=t.off.bind(t),this.dispatch=t.dispatch.bind(t)}};var wi=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,i=Object.getOwnPropertySymbols(n);s{let[l,c]=(0,y.useState)(null),d=(0,y.useRef)(new Map),u=(0,y.useRef)(null),f=(0,y.useCallback)((T,R,z,C)=>{if(Z)return;let W=z||null,gt=[],_t=Array.from(d.current),vt=(m,p)=>{let[A,S]=m,{width:L,height:B,original:st,originalSrcset:nt,thumbnail:be,cropped:xe,content:wt,id:Q}=S,Ie=wi(S,["width","height","original","originalSrcset","thumbnail","cropped","content","id"]);(T===A||Q!==void 0&&String(Q)===R)&&(W=p),gt.push(Object.assign(Object.assign(Object.assign({w:Number(L),h:Number(B),src:st,srcset:nt,msrc:be,element:A.current,thumbCropped:xe,content:wt},wt!==void 0?{type:"html"}:{}),Q!==void 0?{pid:Q}:{}),Ie))};d.current.size>1?_t.sort(([{current:m}],[{current:p}])=>_e(m,p)).forEach(vt):_t.forEach(vt);let Se=C&&C.clientX!==void 0&&C.clientY!==void 0?{x:C.clientX,y:C.clientY}:null,g=new ht(Object.assign({dataSource:gt,index:ve(W,R),initialPointerPos:Se},t||{}));Z=g,g.on("contentActivate",({content:m})=>{m.data.content?c((0,we.createPortal)(m.data.content,m.element)):c(null)}),g.on("close",()=>{c(null)}),h&&g.on("uiRegister",()=>{var m;(m=g.ui)===null||m===void 0||m.registerElement({name:"download-button",ariaLabel:"Download",order:8,isButton:!0,tagName:"a",appendTo:"bar",html:{isCustomSVG:!0,inner:'',outlineID:"pswp__icn-download"},onInit:(p,A)=>{p.setAttribute("download",""),p.setAttribute("target","_blank"),p.setAttribute("rel","noopener"),g.on("change",()=>{var S;if(!((S=A.currSlide)===null||S===void 0?void 0:S.data.src))return;let L=p;L.href=A.currSlide.data.src})}})}),a&&g.on("uiRegister",()=>{var m;(m=g.ui)===null||m===void 0||m.registerElement({name:"default-caption",order:9,isButton:!1,appendTo:"root",onInit:(p,A)=>{p.style.position="absolute",p.style.bottom="15px",p.style.left="0",p.style.right="0",p.style.padding="0 20px",p.style.color="var(--pswp-icon-color)",p.style.textAlign="center",p.style.fontSize="14px",p.style.lineHeight="1.5",p.style.textShadow="1px 1px 3px var(--pswp-icon-color-secondary)",g.on("change",()=>{if(!A.currSlide)return;let{caption:S,alt:L}=A.currSlide.data;p.innerHTML=S||L||""})}})}),Array.isArray(i)&&i.forEach(m=>{g.on("uiRegister",()=>{var p;(p=g.ui)===null||p===void 0||p.registerElement(m)})}),typeof e=="function"&&e(new et(g)),typeof o=="function"&&o(g);let it=()=>({gallery:{galleryUID:s}});g.on("beforeOpen",()=>{var m;if(s===void 0)return;if(!ut(H())){window.history.pushState(it(),document.title);return}if(Boolean((m=window.history.state)===null||m===void 0?void 0:m.gallery))return;let S=pt(),L=H(),B=dt(L),st=`${S}${B?`#${B}`:""}`,nt=`${S}#${L}`;window.history.replaceState(window.history.state,document.title,st),window.history.pushState(it(),document.title,nt)}),g.on("change",()=>{var m;if(s===void 0)return;let p=((m=g.currSlide)===null||m===void 0?void 0:m.data.pid)||g.currIndex+1,A=pt(),S=dt(H()),L=tt({gid:s,pid:p}),B=`${A}#${S}&${L}`;window.history.replaceState(it(),document.title,B)});let yt=()=>{s!==void 0&&Z!==null&&Z.close()};window.addEventListener("popstate",yt),g.on("destroy",()=>{s!==void 0&&(window.removeEventListener("popstate",yt),ut(H())&&window.history.back()),Z=null}),g.init(),typeof r=="function"&&r(g)},[t,e,i,s,o,r,a,h]);(0,y.useEffect)(()=>()=>{Z&&Z.close()},[]);let P=(0,y.useCallback)(()=>{if(s===void 0||Z!==null)return;let T=H();if(T.length<5)return;let R=k(T),{pid:z,gid:C}=R;if(!(!z||!C)){if(d.current.size===0){u.current=z;return}z&&C===String(s)&&f(null,z)}},[f,s]);(0,y.useEffect)(()=>(P(),window.addEventListener("popstate",P),()=>{window.removeEventListener("popstate",P)}),[P]);let O=(0,y.useCallback)(T=>{d.current.delete(T)},[]),K=(0,y.useCallback)((T,R)=>{let{id:z}=R;if(d.current.set(T,R),u.current!==null){if(z===u.current){f(T),u.current=null;return}if(!z){let C=parseInt(u.current,10)-1,W=Array.from(d.current.keys())[C];W&&(f(W),u.current=null)}}},[f]),ft=(0,y.useCallback)(T=>{f(null,null,T)},[f]),Pe=(0,y.useMemo)(()=>({remove:O,set:K,handleClick:f,open:ft}),[O,K,f,ft]);return y.default.createElement(X.Provider,{value:Pe},n,l)};mt.propTypes={children:I.default.any,options:I.default.object,plugins:I.default.func,uiElements:I.default.array,id:I.default.oneOfType([I.default.string,I.default.number]),onBeforeOpen:I.default.func,onOpen:I.default.func,withCaption:I.default.bool,withDownloadButton:I.default.bool};var D=E(U()),v=E(lt());var Pi=function(n,t){var e={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&t.indexOf(i)<0&&(e[i]=n[i]);if(n!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,i=Object.getOwnPropertySymbols(n);s{var{children:t}=n,e=Pi(n,["children"]);let i=(0,D.useRef)(),{remove:s,set:o,handleClick:r}=(0,D.useContext)(X),a=(0,D.useCallback)(h=>r(i,null,null,h),[]);return(0,D.useEffect)(()=>(o(i,e),()=>s(i)),Object.values(e)),t({ref:i,open:a})};Y.propTypes={children:v.default.func.isRequired,original:v.default.string,originalSrcset:v.default.string,thumbnail:v.default.string,width:v.default.oneOfType([v.default.number,v.default.string]),height:v.default.oneOfType([v.default.number,v.default.string]),alt:v.default.string,caption:v.default.string,content:v.default.element,html:v.default.string,id:v.default.oneOfType([v.default.number,v.default.string]),cropped:v.default.bool};var Si=E(U());var bi={title:"GuessTheTitle",date:"2020-04-11",lastmod:"2020-04-11",tags:["project","web dev","javascript","game","youtube"],draft:!1,summary:"Online multiplayer game where players come up with convincing fake titles to YouTube videos based on the thumbnails, then trick other players into choosing theirs.",tech:["JavaScript","Socket.io"],link:"https://guessthetitle.com",linklabel:"guessthetitle.com"};function xi(n={}){let{wrapper:t}=n.components||{};return t?(0,w.jsx)(t,Object.assign({},n,{children:(0,w.jsx)(e,{})})):e();function e(){let i=Object.assign({p:"p",img:"img"},n.components);return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(i.p,{children:"Online multiplayer game where players come up with convincing fake titles to YouTube videos based on the thumbnails, then trick other players into choosing theirs."})," ",(0,w.jsx)("div",{className:"gallery grid grid-cols-1 md:grid-cols-2",children:(0,w.jsxs)(mt,{children:[(0,w.jsx)(Y,{original:"/static/images/guessthetitle-home.png",thumbnail:"/static/images/guessthetitle-home.png",width:"1920",height:"923",children:({ref:s,open:o})=>(0,w.jsx)(i.img,{ref:s,onClick:o,src:"/static/images/guessthetitle-home.png",className:"w-80 shadow-md mx-auto"})}),(0,w.jsx)(Y,{original:"/static/images/guessthetitle-lobby.png",thumbnail:"/static/images/guessthetitle-lobby.png",width:"1920",height:"923",children:({ref:s,open:o})=>(0,w.jsx)(i.img,{ref:s,onClick:o,src:"/static/images/guessthetitle-lobby.png",className:"w-80 shadow-md mx-auto"})}),(0,w.jsx)(Y,{original:"/static/images/guessthetitle-game.png",thumbnail:"/static/images/guessthetitle-game.png",width:"1920",height:"923",children:({ref:s,open:o})=>(0,w.jsx)(i.img,{ref:s,onClick:o,src:"/static/images/guessthetitle-game.png",className:"w-80 shadow-md mx-auto"})})]})})]})}}var Ii=xi;return Ti;})(); /*! * PhotoSwipe 5.4.2 - https://photoswipe.com * (c) 2023 Dmytro Semenov */ ;return Component;