trueLMAO/frontend-minimal/static/index.html
2023-02-23 22:32:04 +00:00

74 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1"
name="viewport"
/>
<link
href="data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAdJ6tAP///wAmOUAAq6ahAIpyUwB4TxkA45MrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAZjMzMAAABmZjERETMAAGZjERERERAAZmMREiIhFABmZzIlIiIwQGZ3d1IiACAAZ3d3IiIAUAB3d3ciIgB3AHd3dyIiB3cAd3d3QiRXd1B3d3V0RXd3cHYzd1d3d3cAdjERdVVXdwBmMRZ1d3d2AHdhZ3d3d2YAd2Z3d3dwZgBgPwAAAA8AAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAADAAAAAwAAAAMAAAADAAAAEwAA"
rel="icon"
type="image/x-icon"
/>
<style>
canvas {
width: 100%;
max-height: 90vh;
box-shadow: 2px 2px 5px black;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
}
main {
width: 800px;
}
html, body {
height: 100%;
margin: 0;
}
body, a {
background-color: #111;
color: #777;
}
body {
display: flex;
justify-content: center;
align-items: center;
font-family: monospace;
}
h1, span {
font-size: 15px;
margin: 6px 0;
}
.file {
background-color: #333;
color: #aaa;
font-family: monospace;
font-size: 14px;
padding: 1px 4px;
}
input[type="file"] {
display: none;
}
</style>
<title>trueLMAO</title>
</head>
<body>
<noscript>noscript mode</noscript>
<main>
<canvas width="320" height="224"></canvas>
<label for="file" class="file">
choose ROM
</label>
<br />
<input id="file" type="file" />
<pre class="frameCount"></pre>
<a href="https://archive.org/download/sonicproto_bin/sonicproto.bin">example rom</a>
</main>
<script type="module" src="./app.js"></script>
</body>
</html>