Dominic Szablewski
24 lines
1.1 KiB
JavaScript
24 lines
1.1 KiB
JavaScript
|
|
document.body.innerHTML +=
|
|
'<style>'+
|
|
'*{font-family:sans-serif;}'+
|
|
'a,body{color:#fff;background:#111;text-align:center;margin:0;}'+
|
|
'#c{display:block;width:100%;image-rendering:optimizeSpeed;image-rendering:pixelated;max-height:100vh;object-fit:contain;}'+
|
|
'#g{position:relative;margin:0 0 32px 0;font-weight:bold;}'+
|
|
'#ts{position:absolute;bottom:2em;left:0;right:0;font-size:1.2vw;}'+
|
|
'#msg{position:absolute;top:8vw;left:0;right:0;font-size:1.2vw;display:none;}'+
|
|
'#a,#h{position:absolute;bottom:3%;left:20%;right:0;font-size:3.2vw;}'+
|
|
'#h{left:-20%;}'+
|
|
'h1{font-size:16vw;margin:0;}'+
|
|
'</style>'+
|
|
'<div id="g">'+
|
|
'<canvas id=c width=320 height=180></canvas>'+
|
|
'<div id="ts"><h1>Q1K3</h1>CLICK TO START</div>'+
|
|
'<div id="h"></div><div id="a"></div>'+
|
|
'<div id="msg"></div>'+
|
|
'</div>'+
|
|
'<p>MOUSE SPEED: <input id="m" type="range" value=10 min=1 max=50> INVERT: <input type="checkbox" id="mi"></p>'+
|
|
'<p><input id="f" type="button" value="FULLSCREEN"></p>'+
|
|
'<p>'+
|
|
'code: <a href="https://phoboslab.org">phoboslab.org</a> / music: <a href="http://no-fate.net">no-fate.net</a>'+
|
|
'</p>'; |