-
Notifications
You must be signed in to change notification settings - Fork 6
/
demo.html
1 lines (1 loc) · 15 KB
/
demo.html
1
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Useless Throwie</title><style>html,body{height:100%}body{background:#342e32;display:flex;align-items:center;justify-content:center;overflow:hidden}.switch{width:75%;max-width:250px;cursor:pointer;position:relative}.switch:not(.on) .on,.switch.on .off{display:none}.switch:before{content:'';display:block;position:absolute;top:16%;left:13%;right:13%;bottom:18%;z-index:30}.switch svg{z-index:10}.finger{width:50%;min-width:400px;position:absolute;top:100%;left:60%;z-index:20}</style><link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBQTFRFTklOUk1QTJmfBQQFVE5Ramdom5qaQj1CQ1ZcRUBEPjg8SkVKPTtBPDc6FBITV1FVJiEkUUtORGJnfXp7VlBTSUNGk5GSWVRXHxgbKCQmRkJIQ0tRQTs+QkZLTEZJNDI0PT9GRURJdXFzg4GBOTQ3KicoRkZMgn+AIh8hRHJ3MCsuNjM4VU9TERAQHxweDw0OS0dMSENJTcTJTkhLmJWXRltgpqSloJ6fgH1+WlVYY19hmZiYLSoujYuMeHR1////01DZHQAAAEB0Uk5T////////////////////////////////////////////////////////////////////////////////////AMJ7sUQAAAFISURBVHjazNNtV4IwGAbgrdA5GNOpaOgcqFgmIClkpVn//1+1F1SyrK/efNuucx/2DMDnPwHXAV429WN2u6Lo9fb7aWdS2ybbugab7sVYGkwT69ITGAAtm/6SCFozDR4go3ctP3nrNxMIAXCcwQAjQihkJWAaWP1m15L7T85K7ofEpoz5GrwyoACUBQcwHo1CQhkoQZ6X4NAwHrYfh4TmuQEdIRRgp4Zx42bdCKkQJXBEKgE4Ndw/36zbIXVES4MPzytB8g2knmfAxID8vOEIah5WQPxswAZssQZOpUG9JEkxnmvQN2BVOYU6pnsEAiEFvMok1aDiFCEDOOIlSKqjDlLEDQg4zyTgDOTynjBCxHajOH7POF9qMOP2LMtuq8lU5LoBS1tloVbp0l/E9ikGBK5KNPcXkXsW80UVQXYhQXE1f9bf+RJgAHr2nD6GusaOAAAAAElFTkSuQmCC"></head><body><div class="finger"><svg viewBox="0 0 813.683 1163.078"><g fill="#FFE7C0" stroke="#010101" stroke-width="4"><path d="M812 1078.781S474.84 553.805 472.148 540.843c-4.483-21.582 13.461-62.645 6.458-141.052-2.8-31.35-15.085-95.652-38.794-112.946-23.709-17.294-44.165-19.988-52.787-30.797-8.621-10.809-9.387-18.701-25.331-28.645s-21.539-3.229-40.94-5.936c-17.211-2.401-23.19-28.655-44.743-35.141s-56.57 4.858-56.57 4.858c-17.825-29.364-37.759-60.657-52.067-89.751-38.885-33.808-59.769-45.072-82.071-66.407C45.939 14.479 19.942-2.605 9.277 3.119c-14.156 7.597-6.102 34.73 10.789 50.256C39.469 71.21 42.843 78.547 64.25 107.416c15.623 21.068 39.332 33.51 39.332 33.51s14.021 49.701 24.25 84.848c6.886 23.66 2.155 12.97 8.621 58.366 3.233 22.698 5.122 30.259 2.966 39.718-2.156 9.46-8.356 20.818-8.356 20.818s-7.718-13.221-14.55-28.651c-3.226-21.625-12.401-44.335-22.634-55.668-21.362-23.658-35.568-25.926-54.963-17.281-23.798 10.608-23.706 16.234-15.076 51.901s-.048 34.035 15.629 70.249c17.075 39.444 19.843 34.985 25.862 55.106s13.8 51.672 31.793 69.173c18.183 17.685 48.581 36.113 62.501 44.312 28.543 16.811 66.089 28.121 98.094 38.386C288.353 631.035 628.255 1162 628.255 1162"/><path d="M24.785 291.159c9.685 1.821 7.264-8.499 17.554-15.177 10.29-6.678 22.396-4.25 24.212-9.106 1.816-4.857-7.264-29.14-7.264-29.14m19.975 74.063c-27.844 9.713-32.686 20.641-36.923 31.568m39.884-25.986c-27.844 9.713-32.686 20.641-36.923 31.568M72.604 28.9c-21.791 3.642-21.185 7.892-24.817 11.535m31.172-8.196c-21.791 3.642-21.185 7.892-24.817 11.535m101.566 47.398c-17.434.818-28.356 9.081-33.945 11.753m38.911-7.55c-18.857 2.365-31.689 7.089-32.641 10.881M38.384 10.12c-9.018.238-13.063 7.273-19.459 6.664-5.003-.476-11.628-1.904-16.612-6.664"/></g></svg></div><div class="switch"><svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 466 356"><filter id="f"><feGaussianBlur stdDeviation="12"/></filter><filter id="e"><feGaussianBlur stdDeviation="4"/></filter><linearGradient id="g" gradientUnits="userSpaceOnUse" x1="65" y1="178" x2="401" y2="178"><stop offset="0" stop-color="#20171b"/><stop offset=".11" stop-color="#383135"/><stop offset=".22" stop-color="#20171b"/><stop offset=".78" stop-color="#20171b"/><stop offset=".89" stop-color="#383135"/><stop offset="1" stop-color="#20171b"/></linearGradient><linearGradient id="h" gradientUnits="userSpaceOnUse" x1="233" y1="63" x2="233" y2="293"><stop offset="0" stop-color="#6d6e71"/><stop offset=".006" stop-color="#66676a"/><stop offset=".016" stop-color="#515254"/><stop offset=".029" stop-color="#101010"/><stop offset=".03"/></linearGradient><linearGradient id="i" gradientUnits="userSpaceOnUse" x1="177.118" y1="32.712" x2="344.882" y2="323.288"><stop offset="0" stop-color="#666065"/><stop offset="1" stop-color="#1a1819"/></linearGradient><linearGradient id="l" gradientUnits="userSpaceOnUse" x1="344.882" y1="32.712" x2="177.118" y2="323.288"><stop offset="0" stop-color="#666065"/><stop offset="1" stop-color="#1a1819"/></linearGradient><linearGradient id="j" gradientUnits="userSpaceOnUse" x1="125" y1="178" x2="397" y2="178"><stop offset="0" stop-color="#5b5558"/><stop offset="1" stop-color="#3b383f"/></linearGradient><linearGradient id="m" gradientUnits="userSpaceOnUse" x1="125" y1="178" x2="397" y2="178"><stop offset="0" stop-color="#3b383f"/><stop offset="1" stop-color="#5c5658"/></linearGradient><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="233" x2="233" y2="356"><stop offset="0" stop-color="#585254"/><stop offset="1" stop-color="#3b3539"/></linearGradient><defs><path id="a" d="M431 356H35c-19.33 0-35-15.67-35-35V35C0 15.67 15.67 0 35 0h396c19.33 0 35 15.67 35 35v286c0 19.33-15.67 35-35 35z"/></defs><clipPath id="c"><use xlink:href="#a" overflow="visible"/></clipPath><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="102.77" y1="-47.564" x2="363.229" y2="403.564"><stop offset="0" stop-color="#b3b3b3"/><stop offset=".181" stop-color="#b1b1b1"/><stop offset=".246" stop-color="#abaaab"/><stop offset=".292" stop-color="#a09f9f"/><stop offset=".33" stop-color="#908e8f"/><stop offset=".362" stop-color="#7b7879"/><stop offset=".39" stop-color="#625d60"/><stop offset=".4" stop-color="#575154"/><stop offset=".52"/></linearGradient><filter id="k" x="-5000%" y="-5000%" width="10000%" height="10000%"><feFlood result="flood" flood-color="#52C4C8" flood-opacity="1"/><feComposite in="flood" result="mask" in2="SourceGraphic" operator="in"/><feMorphology in="mask" result="dilated" operator="dilate" radius="6"/><feGaussianBlur in="dilated" result="blurred" stdDeviation="15"/><feMerge><feMergeNode in="blurred"/><feMergeNode in="SourceGraphic"/></feMerge></filter><path fill="url(#b)" d="M431 356H35c-19.33 0-35-15.67-35-35V35C0 15.67 15.67 0 35 0h396c19.33 0 35 15.67 35 35v286c0 19.33-15.67 35-35 35z"/><path clip-path="url(#c)" fill="url(#d)" filter="url(#e)" d="M432.7-2H33.3C13.805-2-2 13.846-2 33.393v289.214C-2 342.154 13.805 358 33.3 358h399.4c19.496 0 35.3-15.846 35.3-35.393V33.393C468 13.846 452.195-2 432.7-2zm23.197 324.607c0 12.825-10.406 23.258-23.197 23.258H33.3c-12.791 0-23.197-10.433-23.197-23.258V33.393c0-12.825 10.406-23.258 23.197-23.258h399.4c12.791 0 23.197 10.434 23.197 23.258v289.214z"/><path d="M397 302H69c-8.284 0-15-6.716-15-15V69c0-8.284 6.716-15 15-15h328c8.284 0 15 6.716 15 15v218c0 8.284-6.716 15-15 15z"/><path d="M0 0h280v222H0z" filter="url(#f)" transform="rotate(-10 672.277 -377.997)" class="on"/><path d="M0 0h280v222H0z" filter="url(#f)" transform="rotate(10 -282.132 683.497)" class="off"/><path fill="url(#g)" d="M396 293H70a5 5 0 0 1-5-5V68a5 5 0 0 1 5-5h326a5 5 0 0 1 5 5v220a5 5 0 0 1-5 5z"/><path opacity=".2" fill="url(#h)" d="M396 293H70a5 5 0 0 1-5-5V68a5 5 0 0 1 5-5h326a5 5 0 0 1 5 5v220a5 5 0 0 1-5 5z"/><g class="on"><path fill="url(#i)" d="M396 293H126a5 5 0 0 1-5-5V68a5 5 0 0 1 5-5h270a5 5 0 0 1 5 5v220a5 5 0 0 1-5 5z"/><path fill="url(#j)" d="M125 67h272v222H125z"/><path fill="#52C4C8" filter="url(#k)" d="M341 125.5h26v105h-26z"/></g><g class="off"><path transform="translate(-56)" fill="url(#l)" d="M396 293H126a5 5 0 0 1-5-5V68a5 5 0 0 1 5-5h270a5 5 0 0 1 5 5v220a5 5 0 0 1-5 5z"/><path transform="translate(-56)" fill="url(#m)" d="M125 67h272v222H125z"/><path fill="#073233" d="M288 125.5h26v105h-26z"/></g></svg></div><script>var offMp3=new Audio("data:audio/mp3;base64,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"),onMp3=new Audio("data:audio/mp3;base64,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"),sw=function(){function a(a){fngr.end(),c(!d.classList.contains("on"))}function b(a){d.classList.contains("on")?fngr.begin():fngr.end()}function c(a){if(a){d.classList.add("on"),onMp3.play();var b=new XMLHttpRequest;b.open("GET","/on"),b.send(null)}else{d.classList.remove("on"),offMp3.play();var b=new XMLHttpRequest;b.open("GET","/off"),b.send(null)}}var d=document.querySelector(".switch");return d.addEventListener("mouseup",b),d.addEventListener("mousedown",a),{click:c}}(),fngr=function(){function a(){e(),c(),l.push(setTimeout(f,m.delay))}function b(){e(),l.push(setTimeout(h,o.delay))}function c(){m=d({top:[47,53],left:[52,58],delay:[0,500],speed:[100,400]}),n=d({top:[47,53],left:[42,48],delay:[0,500],speed:[100,600]}),o=d({top:[100,100],left:[40,60],delay:[100,500],speed:[100,400]})}function d(a){return{top:j(a.top[0],a.top[1]),left:j(a.left[0],a.left[1]),delay:j(a.delay[0],a.delay[1]),speed:j(a.speed[0],a.speed[1])}}function e(){var a=k.getBoundingClientRect();for(k.style.top=a.top+"px",k.style.left=a.left+"px";l.length;)clearTimeout(l.shift())}function f(){i(m),l.push(setTimeout(g,m.speed+n.delay))}function g(){i(n),l.push(setTimeout(sw.click,n.speed/2)),l.push(setTimeout(h,n.speed+o.delay))}function h(){i(o)}function i(a){k.style.transitionDuration=a.speed+"ms",k.style.top=a.top+"%",k.style.left=a.left+"%"}function j(a,b){return a===b?a:Math.floor(Math.random()*(b-a+1))+a}var k=document.querySelector(".finger"),l=[],m={},n={},o={};return k.style.transitionProperty="all",k.style.transitionTimingFunction="cubic-bezier(0.785, 0.135, 0.15, 0.86)",{begin:a,end:b}}();</script></body></html>