FT
57

 
 
Hi

Play with Deck 🂠

Policy: b5c4f1...4554
Owner:

    Metadata:

    {
      "name": "Play with Deck 🂠",
      "site": "https://ne0.xyz",
      "coder": "@0xD9E0 👨🏻‍💻",
      "files": [
        {
          "src": [
            "data:text/html;charset=UTF-8,",
            "<html><head><meta charset='utf-8'><meta name='viewport' co",
            "ntent='width=device-width, initial-scale=1'><title>Play wi",
            "th deck %23onchain</title><style>html,body{height:100%;pad",
            "ding:0;margin:0;background-color:%2335654d;color:%23333;fo",
            "nt-family:'Arial';user-select:none;}%23co{position:fixed;t",
            "op:60%;left:50%;transform:translate3d(-50%, -50%, 0);}%23t",
            "b{position:fixed;background:rgba(0,0,0,0.3);top:0;left:0;w",
            "idth:100%;border-bottom:2px black solid;text-align:center;",
            "}%23tb button{margin:7px 3px;height:30px;font-size:14;padd",
            "ing:7px;font-family:arial !important;border-radius:4px !im",
            "portant;color:black !important;border:none !important;}.me",
            "{position:fixed;top:60px;font-size:8px;text-align:center;w",
            "idth:100%;}.c{position:absolute;left:-31px;top:-42px;width",
            ":62px;height:78px;background-color:%23f6f1e9;border-radius",
            ":6px;box-shadow:0 1px 1px rgba(0,0,0,0.15);cursor:default;",
            "font-size:88px;}.f::before{margin-top:-20px;display:block;",
            "}.back::before{content:'🂠';color:blue;margin-top:-20px;dis",
            "play:block;border-radius:6px;}.s, .t{color:black;}.h, .d{c",
            "olor:red;}.c.s.r1 .f::before{content:'🂡'}.c.s.r2 .f::befor",
            "e{content:'🂢'}.c.s.r3 .f::before{content:'🂣'}.c.s.r4 .f::b",
            "efore{content:'🂤'}.c.s.r5 .f::before{content:'🂥'}.c.s.r6 .",
            "f::before{content:'🂦'}.c.s.r7 .f::before{content:'🂧'}.c.s.",
            "r8 .f::before{content:'🂨'}.c.s.r9 .f::before{content:'🂩'}.",
            "c.s.r10 .f::before{content:'🂪'}.c.s.r11 .f::before{content",
            ":'🂫'}.c.s.r12 .f::before{content:'🂭'}.c.s.r13 .f::before{c",
            "ontent:'🂮'}.c.h.r1 .f::before{content:'🂱'}.c.h.r2 .f::befo",
            "re{content:'🂲'}.c.h.r3 .f::before{content:'🂳'}.c.h.r4 .f::",
            "before{content:'🂴'}.c.h.r5 .f::before{content:'🂵'}.c.h.r6 ",
            ".f::before{content:'🂶'}.c.h.r7 .f::before{content:'🂷'}.c.h",
            ".r8 .f::before{content:'🂸'}.c.h.r9 .f::before{content:'🂹'}",
            ".c.h.r10 .f::before{content:'🂺'}.c.h.r11 .f::before{conten",
            "t:'🂻'}.c.h.r12 .f::before{content:'🂽'}.c.h.r13 .f::before{",
            "content:'🂾'}.c.d.r1 .f::before{content:'🃁'}.c.d.r2 .f::bef",
            "ore{content:'🃂'}.c.d.r3 .f::before{content:'🃃'}.c.d.r4 .f:",
            ":before{content:'🃄'}.c.d.r5 .f::before{content:'🃅'}.c.d.r6",
            " .f::before{content:'🃆'}.c.d.r7 .f::before{content:'🃇'}.c.",
            "d.r8 .f::before{content:'🃈'}.c.d.r9 .f::before{content:'🃉'",
            "}.c.d.r10 .f::before{content:'🃊'}.c.d.r11 .f::before{conte",
            "nt:'🃋'}.c.d.r12 .f::before{content:'🃍'}.c.d.r13 .f::before",
            "{content:'🃎'}.c.t.r1 .f::before{content:'🃑'}.c.t.r2 .f::be",
            "fore{content:'🃒'}.c.t.r3 .f::before{content:'🃓'}.c.t.r4 .f",
            "::before{content:'🃔'}.c.t.r5 .f::before{content:'🃕'}.c.t.r",
            "6 .f::before{content:'🃖'}.c.t.r7 .f::before{content:'🃗'}.c",
            ".t.r8 .f::before{content:'🃘'}.c.t.r9 .f::before{content:'🃙",
            "'}.c.t.r10 .f::before{content:'🃚'}.c.t.r11 .f::before{cont",
            "ent:'🃛'}.c.t.r12 .f::before{content:'🃝'}.c.t.r13 .f::befor",
            "e{content:'🃞'}.c.joker.r1 .f::before{content:'🂿'}.c.joker.",
            "r2 .f::before{content:'🃏';margin-left:-10px;margin-top:37p",
            "x;font-size:82px;}.c.joker.r3 .f::before{content:'🃟'}@medi",
            "a (max-width:319px){%23tb{display:none;}}</style></head><b",
            "ody><div id='co'></div><div id='tb'></div><script>uu=13;wi",
            "=window;dc=document;cE=dc.createElement.bind(dc);function ",
            "startWinning(){var n=cE=dc.createElement.bind(dc)('div');n",
            ".classList.add('d'),n.style[transform]=translate(Math.rand",
            "om()*wi.innerWidth-wi.innerWidth/2+'px',Math.random()*wi.i",
            "nnerHeight-wi.innerHeight/2+'px'),$co.appendChild(n);for(v",
            "ar t=Math.floor(2*Math.random())?'front':'back',e=0;e<55;e",
            "++)addWinningc(n,e,t);setTimeout(startWinning,Math.round(1",
            "e3*Math.random()))}function addWinningc(n,t,e){var o=D.c(5",
            "4-t),i=20*(55-t),t=D.animationFrames,r=D.ease;o.enableFlip",
            "ping(),o.sS('front'===e?'front':'back'),o.mount(n),o.$el.s",
            "tyle.display='none';t(i,1e3).start(function(){o.x=0,o.y=0,",
            "o.$el.style.display=''}).progress(function(n){var t=n,n=r.",
            "cubicIn(n);o.x=0+-500*t,o.y=0+500*n,o.$el.style[transform]",
            "=translate(o.x+'px',o.y+'px')}).end(function(){o.unmount()",
            "})}function pM(n){var t=D.animationFrames,e=D.ease,o=cE=dc",
            ".createElement.bind(dc)('p');o.classList.add('me'),o.textC",
            "ontent=n,dc.body.appendChild(o),o.style[transform]=transla",
            "te(wi.innerWidth+'px',0);var i=wi.innerWidth;t(1e3,700).pr",
            "ogress(function(n){n=e.cubicInOut(n),o.style[transform]=tr",
            "anslate(i-i*n+'px',0)}),t(6e3,700).start(function(){i=wi.i",
            "nnerWidth}).progress(function(n){n=e.cubicInOut(n),o.style",
            "[transform]=translate(-i*n+'px',0)}).end(function(){dc.bod",
            "y.removeChild(o)})}D=function(){function b(n,t){var n=Date",
            ".now()+n,e={start:n,end:n+t};c.push(e),u||(u=!0,requestAni",
            "mationFrame(i));var o={start:function(n){return e.startcb=",
            "n,o},progress:function(n){return e.progresscb=n,o},end:fun",
            "ction(n){return e.endcb=n,o}};return o}function i(){var n=",
            "Date.now();if(c.length){for(var t,e,o=0;o<c.length;o++)n<(",
            "e=c[o]).start||(e.started||(e.started=!0,e.startcb&&e.star",
            "tcb()),t=(n-e.start)/(e.end-e.start),e.progresscb&&e.progr",
            "esscb(t<1?t:1),n>e.end&&(e.endcb&&e.endcb(),c.splice(o--,1",
            ")));requestAnimationFrame(i)}else u=!1}function l(n){if(vo",
            "id 0!==C[n])return C[n];if(void 0!==w[n])return C[n]=n;if(",
            "void 0!==w[t=o[i]+e])return C[n]=t}function x(n,t,e){retur",
            "n e=e||0,(o=void 0===o?function(){var n=l('transform'),t=c",
            "E=dc.createElement.bind(dc)('p');return dc.body.appendChil",
            "d(t),t.style[n]='translate3d(1px,1px,1px)',o=null!=(o=t.st",
            "yle[n])&&o.length&&'none'!==o,dc.body.removeChild(t),o}():",
            "o)?'translate3d('+n+', '+t+', '+e+')':'translate('+n+', '+",
            "t+')'}function p(n){return cE=dc.createElement.bind(dc)(n)",
            "}function d(n){function t(n){function t(n){s&&('mousemove'",
            "===n.type?(i.x=n.clientX,i.y=n.clientY):(i.x=n.touches[0].",
            "clientX,i.y=n.touches[0].clientY),g.style[v]=x(Math.round(",
            "k.x+i.x-o.x)+'px',Math.round(k.y+i.y-o.y)+'px')+(k.rot?' r",
            "otate('+k.rot+'deg)':''))}function e(n){d&&Date.now()-r<20",
            "0&&k.sS('front'===k.side?'back':'front'),'mouseup'===n.typ",
            "e?(y(wi,'mousemove',t),y(wi,'mouseup',e)):(y(wi,'touchmove",
            "',t),y(wi,'touchend',e)),s&&(k.x=k.x+i.x-o.x,k.y=k.y+i.y-o",
            ".y)}var o={},i={},r=Date.now();n.preventDefault(),'mousedo",
            "wn'===n.type?(o.x=i.x=n.clientX,o.y=i.y=n.clientY,m(wi,'mo",
            "usemove',t),m(wi,'mouseup',e)):(o.x=i.x=n.touches[0].clien",
            "tX,o.y=i.y=n.touches[0].clientY,m(wi,'touchmove',t),m(wi,'",
            "touchend',e)),s&&(g.style[v]=x(k.x+'px',k.y+'px')+(k.rot?'",
            " rotate('+k.rot+'deg)':''),g.style.zIndex=E++)}var e,o,v=l",
            "('transform'),i=n%uu+1,r=n/13|0,u=(52-n)/4,g=p('div'),a=p(",
            "'div'),c=p('div'),s=!1,d=!1,k={i:n,r:i,suit:r,pos:n,$el:g,",
            "mount:function(n){n.appendChild(g),k.$root=n},unmount:func",
            "tion(){k.$root&&k.$root.removeChild(g),k.$root=null},sS:fu",
            "nction(n){'front'===n?('back'===k.side&&g.removeChild(c),k",
            ".side='front',g.appendChild(a),k.setrSuit(k.r,k.suit)):('f",
            "ront'===k.side&&g.removeChild(a),k.side='back',g.appendChi",
            "ld(c),g.setAttribute('class','c'))}},f=$.modules;for(e in ",
            "a.classList.add('f'),c.classList.add('back'),g.style[v]=x(",
            "-u+'px',-u+'px'),k.x=-u,k.y=-u,k.z=u,k.rot=0,k.sS('back'),",
            "m(g,'mousedown',t),m(g,'touchstart',t),f)o=f[e],o.c&&o.c(k",
            ");return k.animateTo=function(n){var e,o,i,r,u,a,t=n.delay",
            ",c=n.duration,s=n.x,d=void 0===s?k.x:s,s=n.y,f=void 0===s?",
            "k.y:s,s=n.rot,l=void 0===s?k.rot:s,p=n.ease,m=n.onStart,y=",
            "n.onProgress,h=n.onComplete;b(t,c).start(function(){e=k.x|",
            "|0,o=k.y||0,i=k.rot||0,m&&m()}).progress(function(n){var t",
            "=M[p||'cubicInOut'](n);r=d-e,u=f-o,a=l-i,y&&y(n,t),k.x=e+r",
            "*t,k.y=o+u*t,k.rot=i+a*t,g.style[v]=x(k.x+'px',k.y+'px')+(",
            "a?'rotate('+k.rot+'deg)':'')}).end(function(){h&&h()})},k.",
            "setrSuit=function(n,t){t=0===(t=t)?'s':1===t?'h':2===t?'t'",
            ":3===t?'d':'joker';g.setAttribute('class','c '+t+' r'+n)},",
            "k.setrSuit(i,r),k.enableDragging=function(){s||(s=!0,g.sty",
            "le.cursor='move')},k.enableFlipping=function(){d=d||!0},k.",
            "disableFlipping=function(){d=d&&!1},k.disableDragging=func",
            "tion(){s&&(s=!1,g.style.cursor='')},k}function m(n,t,e){n.",
            "addEventListener(t,e)}function y(n,t,e){n.removeEventListe",
            "ner(t,e)}function r(){return wi.getComputedStyle(dc.body).",
            "getPropertyValue('font-size').slice(0,-2)}function a(n){re",
            "turn n*Math.PI/180}function f(n){function i(n){n&&(e.push(",
            "n),1===e.length&&function t(){e[0](function(n){if(n)throw ",
            "n;(e=e.slice(1)).length&&t()})}())}var r=Array.prototype,e",
            "=[];return n.queue=i,n.queued=function(o){return function(",
            "){var t=this,e=arguments;i(function(n){o.apply(t,r.concat.",
            "apply(n,e))})}},n}function h(n){var o={};return(n=n||{}).o",
            "n=function(n,t,e){o[n]||(o[n]=[]),o[n].push({cb:t,ctx:e})}",
            ",n.one=function(n,t,e){o[n]||(o[n]=[]),o[n].push({cb:t,ctx",
            ":e,once:!0})},n.off=function(n,t){return n?t?void(o[n]=o[n",
            "].filter(function(n){return n.cb!==t})):void(o[n]=[]):void",
            "(o={})},n.trigger=function(n){var t=this,e=Array.prototype",
            ".slice(arguments,1);(o[n]||[]).filter(function(n){return n",
            ".cb.apply(t,e),!n.once})},n}function $(n){var t,e,o,i=new ",
            "Array(n?55:52),r=p('div'),u=h({mount:function(n){(t=n).app",
            "endChild(r)},unmount:function(){t.removeChild(r)},cs:i,$el",
            ":r}),a=$.modules;for(e in f(u),a)o=a[e],o.d&&o.d(u);r.clas",
            "sList.add('d');for(var c,s=i.length;s;s--)(c=i[s-1]=d(s-1)",
            ").sS('back'),c.mount(r);return u}var u,c=[];wi.requestAnim",
            "ationFrame||(wi.requestAnimationFrame=function(n){setTimeo",
            "ut(n,0)});var o,s,v,g,k,w=cE=dc.createElement.bind(dc)('p'",
            ").style,C={},E=52,M={linear:function(n){return n},quadIn:f",
            "unction(n){return n*n},quadOut:function(n){return n*(2-n)}",
            ",quadInOut:function(n){return n<.5?2*n*n:(4-2*n)*n-1},cubi",
            "cIn:function(n){return n*n*n},cubicOut:function(n){return-",
            "-n*n*n+1},cubicInOut:function(n){return n<.5?4*n*n*n:(n-1)",
            "*(2*n-2)*(2*n-2)+1},quartIn:function(n){return n*n*n*n},qu",
            "artOut:function(n){return 1- --n*n*n*n},quartInOut:functio",
            "n(n){return n<.5?8*n*n*n*n:1-8*--n*n*n*n},quintIn:function",
            "(n){return n*n*n*n*n},quintOut:function(n){return 1+--n*n*",
            "n*n*n},quintInOut:function(n){return n<.5?16*n*n*n*n*n:1+1",
            "6*--n*n*n*n*n}},n={d:function(t){t.flip=t.queued(function(",
            "n,e){var o=t.cs.filter(function(n){return'front'===n.side}",
            ").length/t.cs.length;t.cs.forEach(function(n,t){n.sS(e||(.",
            "5<o?'back':'front'))}),n()})}},t={d:function(n){n.sort=n.q",
            "ueued(function(e,o){var i=n.cs;i.sort(function(n,t){return",
            " o?n.i-t.i:t.i-n.i}),i.forEach(function(n,t){n.sort(t,i.le",
            "ngth,function(n){n===i.length-1&&e()},o)})})},c:function(u",
            "){var a=u.$el;u.sort=function(n,t,e,o){var i=n/4,r=10*n;u.",
            "animateTo({delay:r,duration:400,x:-i,y:-150,rot:0,onComple",
            "te:function(){a.style.zIndex=n}}),u.animateTo({delay:500+r",
            ",duration:400,x:-i,y:-i,rot:0,onComplete:function(){e(n)}}",
            ")}}},e={d:function(n){n.sh=n.queued(function(e){var o=n.cs",
            ";s=r(),function(n){for(var t,e,o=n.length-1;o;o--)t=Math.r",
            "andom()*o|0,e=n[o],n[o]=n[t],n[t]=e}(o),o.forEach(function",
            "(n,t){n.pos=t,n.sh(function(n){n===o.length-1&&e()})})})},",
            "c:function(r){var u=r.$el;r.sh=function(n){var t,e=r.pos,o",
            "=e/4,i=2*e;r.animateTo({delay:i,duration:200,x:(t=40*Math.",
            "random()+20,(Math.round(Math.random())?-1:1)*t*s/16),y:-o,",
            "rot:0}),r.animateTo({delay:200+i,duration:200,x:-o,y:-o,ro",
            "t:0,onStart:function(){u.style.zIndex=e},onComplete:functi",
            "on(){n(e)}})}}},D={d:function(t){t.poker=t.queued(function",
            "(e){var n=t.cs,o=n.length;v=r(),n.slice(-5).reverse().forE",
            "ach(function(t,n){t.poker(n,o,function(n){t.sS('front'),4=",
            "==n&&e()})})})},c:function(o){var i=o.$el;o.poker=function",
            "(n,t,e){o.animateTo({delay:250*n,duration:250,x:Math.round",
            "(70*(n-2.05)*v/16),y:Math.round(-110*v/16),rot:0,onStart:f",
            "unction(){i.style.zIndex=t-1+n},onComplete:function(){e(n)",
            "}})}}},q={d:function(n){n.intro=n.queued(function(e){var o",
            "=n.cs;o.forEach(function(t,n){t.sS('front'),t.intro(n,func",
            "tion(n){b(250,0).start(function(){t.sS('back')}),n===o.len",
            "gth-1&&e()})})})},c:function(i){var r=l('transform'),u=i.$",
            "el;i.intro=function(n,t){var e=500+10*n,o=n/4;u.style[r]=x",
            "(-o+'px','-250px'),u.style.opacity=0,i.x=-o,i.y=-250-o,i.r",
            "ot=0,i.animateTo({delay:e,duration:1e3,x:-o,y:-o,onStart:f",
            "unction(){u.style.zIndex=n},onProgress:function(n){u.style",
            ".opacity=n},onComplete:function(){u.style.opacity='',t&&t(",
            "n)}})}}},I={d:function(n){n.fan=n.queued(function(e){var o",
            "=n.cs,i=o.length;g=r(),o.forEach(function(n,t){n.fan(t,i,f",
            "unction(n){n===o.length-1&&e()})})})},c:function(r){var u=",
            "r.$el;r.fan=function(n,t,e){var o=n/4,i=10*n,t=n/(t-1)*260",
            "-130;r.animateTo({delay:i,duration:300,x:-o,y:-o,rot:0}),r",
            ".animateTo({delay:300+i,duration:300,x:55*Math.cos(a(t-90)",
            ")*g/16,y:55*Math.sin(a(t-90))*g/16,rot:t,onStart:function(",
            "){u.style.zIndex=n},onComplete:function(){e(n)}})}}},S={d:",
            "function(n){n.bysuit=n.queued(function(t){var e=n.cs;k=r()",
            ",e.forEach(function(n){n.bysuit(function(n){n===e.length-1",
            "&&t()})})})},c:function(e){var o=e.r,i=e.suit;e.bysuit=fun",
            "ction(n){var t=e.i;e.animateTo({delay:10*t,duration:400,x:",
            "-Math.round(8*(6.75-o)*k/16),y:-Math.round(92*(1.5-i)*k/16",
            "),rot:0,onComplete:function(){n(t)}})}}};return $.animatio",
            "nFrames=b,$.ease=M,$.modules={bysuit:S,fan:I,intro:q,poker",
            ":D,sh:e,sort:t,flip:n},$.c=d,$.prefix=l,$.translate=x,$}()",
            ";var prefix=D.prefix,transform=prefix('transform'),transla",
            "te=D.translate,$co=dc.getElementById('co'),$tb=dc.getEleme",
            "ntById('tb'),$sort=cE=dc.createElement.bind(dc)('button'),",
            "$sh=cE=dc.createElement.bind(dc)('button'),$bysuit=cE=dc.c",
            "reateElement.bind(dc)('button'),$fan=cE=dc.createElement.b",
            "ind(dc)('button'),$poker=cE=dc.createElement.bind(dc)('but",
            "ton'),$flip=cE=dc.createElement.bind(dc)('button');$sh.tex",
            "tContent='Shuffle',$sort.textContent='Sort',$bysuit.textCo",
            "ntent='By suit',$fan.textContent='Fan',$poker.textContent=",
            "'Deal',$flip.textContent='Flip',$tb.appendChild($flip),$tb",
            ".appendChild($sh),$tb.appendChild($bysuit),$tb.appendChild",
            "($fan),$tb.appendChild($poker),$tb.appendChild($sort),$tb.",
            "insertAdjacentHTML('beforeend','');var d=D(),acesClicked=[",
            "],kC=[];d.cs.forEach(function(n,e){function t(){var n;if(e",
            "%uu==0)acesClicked[e]=!0,4===acesClicked.filter(function(n",
            "){return n}).length&&(dc.body.removeChild($tb),d.$el.style",
            ".display='none',setTimeout(function(){startWinning()},250)",
            ");else if(e%uu==12){if(kC&&(kC[e]=!0,4===kC.filter(functio",
            "n(n){return n}).length)){for(var t=0;t<3;t++)(n=D.c(52+t))",
            ".mount(d.$el),n.$el.style[transform]='scale(0)',n.sS('fron",
            "t'),n.enableDragging(),n.enableFlipping(),d.cs.push(n);d.s",
            "ort(!0),kC=!1}}else acesClicked=[],kC=kC&&[]}n.enableDragg",
            "ing(),n.enableFlipping(),n.$el.addEventListener('mousedown",
            "',t),n.$el.addEventListener('touchstart',t)}),$sh.addEvent",
            "Listener('click',function(){d.sh(),d.sh()}),$sort.addEvent",
            "Listener('click',function(){d.sort()}),$bysuit.addEventLis",
            "tener('click',function(){d.sort(!0),d.bysuit()}),$fan.addE",
            "ventListener('click',function(){d.fan()}),$flip.addEventLi",
            "stener('click',function(){d.flip()}),$poker.addEventListen",
            "er('click',function(){d.queue(function(n){d.cs.forEach(fun",
            "ction(n,t){setTimeout(function(){n.sS('back')},7.5*t)}),n(",
            ")}),d.sh(),d.sh(),d.poker()}),d.mount($co),d.intro(),d.sor",
            "t();var randomDelay=1e4+3e4*Math.random();setTimeout(funct",
            "ion(){pM('Psst..I want to share a secret with you...')},ra",
            "ndomDelay),setTimeout(function(){pM('...try clicking all k",
            "ings and nothing in between...')},randomDelay+5e3),setTime",
            "out(function(){pM('...have fun ;)')},randomDelay+1e4);</sc",
            "ript></body></html>"
          ],
          "mediaType": "text/html"
        }
      ],
      "image": [
        "data:image/svg+xml;utf8,<svg viewBox='0 0 78 100' xmlns='http://",
        "www.w3.org/2000/svg' style='background-color:%23f6f1e9;border-ra",
        "dius:6px;'><text y='79' fill='blue' style='font-family:arial;fo",
        "nt-size:110;'>🂠</text></svg>"
      ],
      "onchain": "✅",
      "collection": "Hold 'em! 🂠"
    }
    Media display windowMedia display window
    ...cl1ck