65 lines
1.6 KiB
HTML
65 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="utf-8">
|
|
<title>FourD</title>
|
|
<style>
|
|
body { margin: 0; }
|
|
div#description {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 20%;
|
|
z-index: 2;
|
|
font-family: sans-serif;
|
|
padding: 1em;
|
|
}
|
|
div#container {
|
|
position: fixed;
|
|
top: 20px;
|
|
left: 20px;
|
|
}
|
|
canvas {
|
|
width: 512px;
|
|
height: 512px;
|
|
image-rendering: crisp-edges; /* for firefox */
|
|
image-rendering: pixelated;
|
|
}
|
|
div#giflink {
|
|
position.fixed;
|
|
top: 600px;
|
|
left: 300px;
|
|
}
|
|
div#release_notes {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 20%;
|
|
z-index: 2;
|
|
padding: 1em;
|
|
font-family: sans-serif;
|
|
}
|
|
div#info {
|
|
position: fixed;
|
|
bottom:0;
|
|
right: 0;
|
|
z-index: 2;
|
|
border:0.5em;
|
|
font-family: sans-serif }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script type="module" src="/main.js"></script>
|
|
<div id="container">
|
|
<canvas id="canvas" style="width: 512px; height: 512px"></canvas>
|
|
</div>
|
|
<div id="giflink"></div>
|
|
<div id="description"></div>
|
|
<div id="release_notes"></div>
|
|
<div id="info">this is a bitcrushed version of <a href="">FourJS</a> which I hacked up for <a href="https://genuary.art">Genuary 2026</a>
|
|
|
|
by <a target="_blank" href="https://mikelynch.org/">Mike Lynch</a> |
|
|
<a target="_blank" href="">source</a></div>
|
|
</body>
|
|
</html>
|