gemini/webball/index.html
sneedgroup-holder f49958c8c6 add some balls
2024-11-21 22:55:29 +00:00

1 line
No EOL
7.9 KiB
HTML
Executable file

<!doctypehtml><html lang=en-us><head><meta charset=utf-8><meta content="text/html; charset=utf-8"http-equiv=Content-Type><title>3D Pinball for Windows - Space Cadet</title><style>:root{--ActiveBorder:rgb(212, 208, 200);--ActiveTitle:rgb(10, 36, 106);--AppWorkspace:rgb(128, 128, 128);--Background:rgb(58, 110, 165);--ButtonAlternateFace:rgb(192, 192, 192);--ButtonDkShadow:rgb(64, 64, 64);--ButtonFace:rgb(212, 208, 200);--ButtonHilight:rgb(255, 255, 255);--ButtonLight:rgb(212, 208, 200);--ButtonShadow:rgb(128, 128, 128);--ButtonText:rgb(0, 0, 0);--GradientActiveTitle:rgb(166, 202, 240);--GradientInactiveTitle:rgb(192, 192, 192);--GrayText:rgb(128, 128, 128);--Hilight:rgb(10, 36, 106);--HilightText:rgb(255, 255, 255);--HotTrackingColor:rgb(0, 0, 128);--InactiveBorder:rgb(212, 208, 200);--InactiveTitle:rgb(128, 128, 128);--InactiveTitleText:rgb(212, 208, 200);--InfoText:rgb(0, 0, 0);--InfoWindow:rgb(255, 255, 225);--Menu:rgb(212, 208, 200);--MenuBar:rgb(192, 192, 192);--MenuHilight:rgb(0, 0, 128);--MenuText:rgb(0, 0, 0);--Scrollbar:rgb(212, 208, 200);--TitleText:rgb(255, 255, 255);--Window:rgb(255, 255, 255);--WindowFrame:rgb(0, 0, 0);--WindowText:rgb(0, 0, 0)}body{font-family:Tahoma,Geneva,Verdana,sans-serif;background-color:var(--Background);text-align:center}textarea.emscripten{font-family:monospace;width:80%}canvas.emscripten{border:0 none;background-color:#000}.titlebar{text-align:start;margin:0;padding:1px;position:relative;overflow:hidden;display:flex;user-select:none}.titlebar .titlebar-icon{width:16px;height:16px;padding:1px}.titlebar .titlebar-title{display:flex;padding:0 2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;font-weight:700;align-items:center}.titlebar .titlebar-wincontrols{display:inline-block;margin:0;padding:1px;min-width:fit-content}.titlebar-wincontrols .buttons-wrapper{display:inline-block;width:auto;margin:0;padding:1px}.titlebar-wincontrols .spacer{display:inline-block;margin:0;padding:0;width:2px}.titlebar-wincontrols .button{display:inline-block;min-width:12px;min-height:10px;width:12px;height:10px;text-align:center;vertical-align:middle;line-height:10px}.window{font-size:8pt;color:var(--WindowText);background-color:var(--ButtonFace);border:1px solid var(--ActiveBorder);box-shadow:-.5px -.5px 0 .5px var(--ButtonHilight),0 0 0 1px var(--ButtonShadow),-.5px -.5px 0 1.5px var(--ButtonLight),0 0 0 2px var(--ButtonDkShadow);padding-right:0;margin-left:auto;margin-right:auto;display:inline-block}.window.active{border:1px solid var(--ActiveBorder)}.window.active .titlebar .titlebar-icon{background-color:var(--ActiveTitle);color:var(--TitleText)}.window.active .titlebar .titlebar-title{background-color:var(--ActiveTitle);background-image:linear-gradient(to right,var(--ActiveTitle),var(--GradientActiveTitle));color:var(--TitleText)}.window.active .titlebar .titlebar-wincontrols,.window.active .titlebar .titlebar-wincontrols .buttons-wrapper{background-color:var(--GradientActiveTitle);font-size:8pt;font-weight:700}.button{margin:2px}.button span.button-content{display:inline-block}.button:active .button-content{transform:translate(1px,1px)}.button{background-color:var(--ButtonFace);color:var(--ButtonText);box-shadow:-.5px -.5px 0 .5px var(--ButtonLight),0 0 0 1px var(--ButtonShadow),-.5px -.5px 0 1.5px var(--ButtonHilight),0 0 0 2px var(--ButtonDkShadow)}.button:active{box-shadow:-.5px -.5px 0 .5px var(--ButtonShadow),0 0 0 1px var(--ButtonShadow),-.5px -.5px 0 1.5px var(--WindowFrame),0 0 0 2px var(--WindowFrame)}.button svg path{fill:var(--ButtonText)}.titlebar .button:active{box-shadow:-.5px -.5px 0 .5px var(--ButtonShadow),0 0 0 1px var(--ButtonLight),-.5px -.5px 0 1.5px var(--ButtonDkShadow),0 0 0 2px var(--ButtonHilight)}#status{margin:40px 32px}</style></head><body><div class="active window"><div class=titlebar><span class=titlebar-title>3D Pinball for Windows - Space Cadet</span><div class=titlebar-wincontrols><ul class=buttons-wrapper><li class="button minimize"><svg class="button-content replaced-svg"height=0.104181in width=0.125017in xmlns=http://www.w3.org/2000/svg viewBox="0 0 12 10"><path d="M 2.00,7.00 C 2.00,7.00 8.00,7.00 8.00,7.00 8.00,7.00 8.00,9.00 8.00,9.00 8.00,9.00 2.00,9.00 2.00,9.00 2.00,9.00 2.00,7.00 2.00,7.00 Z"fill=black id=Minimize stroke-width=0 stroke=black></path></svg></li><li class="button maximize"><svg class="button-content replaced-svg"height=0.104181in width=0.125017in xmlns=http://www.w3.org/2000/svg viewBox="0 0 12 10"><path d="M 2.00,2.00 C 2.00,2.00 9.00,2.00 9.00,2.00 9.00,2.00 9.00,8.00 9.00,8.00 9.00,8.00 2.00,8.00 2.00,8.00 2.00,8.00 2.00,2.00 2.00,2.00 Z M 1.00,0.00 C 1.00,0.00 1.00,9.00 1.00,9.00 1.00,9.00 10.00,9.00 10.00,9.00 10.00,9.00 10.00,0.00 10.00,0.00 10.00,0.00 1.00,0.00 1.00,0.00 Z"fill=black id=Maximize stroke-width=0 stroke=black></path></svg></li><li class=spacer></li><li class="button close"><svg class="button-content replaced-svg"height=10 width=12 xmlns=http://www.w3.org/2000/svg version=1.1 xmlns:svg=http://www.w3.org/2000/svg><g id=layer1 transform=translate(0,-1042.3622)><path d="m 2.0025485,1043.3853 2.0198115,0 0,1.0185 0.984011,0 0,0.984 1.985286,0 0,-0.984 1.001274,0 0,-1.0185 2.002548,0 0,1.0013 0,0 0,0 -1.001274,0 0,1.0012 -1.001274,0 0,0.9841 -1.001274,0 0,1.0012 1.001274,0 0,1.0013 1.001274,0 0,1.0013 1.001274,0 0,1.0013 -2.002548,0 0,-1.0013 -1.001274,0 0,-0.984 -1.985286,0 0,0.984 -1.001274,0 0,1.0013 -2.0025485,0 0,-1.0013 1.0012745,0 0,-1.0013 1.001274,0 0,-1.0013 1.001274,0 0,-1.0012 -1.001274,0 0,-0.9841 -1.001274,0 0,-1.0012 -1.0012745,0 0,-1.0186 z"fill=black id=Close stroke-width=0></path></g></svg></li></ul></div></div><div class=emscripten id=status>Downloading...</div><div class=emscripten><progress hidden id=progress max=100 value=0></progress></div><canvas class=emscripten id=canvas oncontextmenu=event.preventDefault() style=display:none tabindex=-1></canvas></div><script>var statusElement=document.getElementById("status"),progressElement=document.getElementById("progress"),Module={preRun:[],postRun:[],print:function(){var e=document.getElementById("output");return e&&(e.value=""),function(e){arguments.length>1&&(e=Array.prototype.slice.call(arguments).join(" ")),console.log(e)}}(),printErr:function(e){arguments.length>1&&(e=Array.prototype.slice.call(arguments).join(" ")),console.error(e)},canvas:function(){var e=document.getElementById("canvas");return e.addEventListener("webglcontextlost",(function(e){alert("WebGL context lost. You will need to reload the page."),e.preventDefault()}),!1),e}(),setStatus:function(e){if(Module.setStatus.last||(Module.setStatus.last={time:Date.now(),text:""}),e!==Module.setStatus.last.text){var t=e.match(/([^(]+)\((\d+(\.\d+)?)\/(\d+)\)/),n=Date.now();if(!(t&&n-Module.setStatus.last.time<30)){if(Module.setStatus.last.time=n,Module.setStatus.last.text=e,t)e=t[1],progressElement.value=100*parseInt(t[2]),progressElement.max=100*parseInt(t[4]),progressElement.hidden=!1;else progressElement.value=null,progressElement.max=null,progressElement.hidden=!0,document.getElementById("canvas").style.display="";statusElement.innerHTML=e,""===e?(statusElement.style.display="none",progressElement.style.display="none"):(statusElement.style.display="",progressElement.style.display="")}}},totalDependencies:0,monitorRunDependencies:function(e){this.totalDependencies=Math.max(this.totalDependencies,e),Module.setStatus(e?"Preparing... ("+(this.totalDependencies-e)+"/"+this.totalDependencies+")":"All downloads complete.")}};Module.setStatus("Downloading..."),window.onerror=function(){Module.setStatus("Exception thrown, see JavaScript console"),Module.setStatus=function(e){e&&Module.printErr("[post-exception status] "+e)}}</script><script async src=SpaceCadetPinball.js></script><p>Probably the best showcase of web bloat. Thanks to <a href="https://github.com/alula/SpaceCadetPinball/tree/gh-pages" target="_blank">alula on GitHub</a> for the page.</p></body></html>