diff options
| author | Jules Laplace <jules@okfoc.us> | 2017-04-26 21:13:55 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2017-04-26 21:13:55 -0400 |
| commit | a356074dd17029ada978381ca005684a3533102e (patch) | |
| tree | 43925d492e6dff19a853b4859ed13b093bc8b61c /index.html | |
cells..
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..e99d2c6 --- /dev/null +++ b/index.html @@ -0,0 +1,44 @@ +<html> +<head> +<title>cells</title> +<style> +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + color: white; + text-shadow: 0 0 1px #000; + transition: background-color 100ms; + user-select: none; + overflow: hidden; + background-image: url(http://i.asdf.us/im/84/imBreak_1340193016_tumblr_m5vynpMYYg1qiluqao1_500_.png); + background-position: top right; + background-repeat: no-repeat; +} +div { + display: inline-block; +} +</style> +</head> +<body> +<div> + <canvas nx="matrix" id="grid"></canvas> +</div> +<div> + <canvas nx="button" label="shift ↑" id="shiftUp"></canvas> + <canvas nx="button" label="shift ↓" id="shiftDown"></canvas> + <canvas nx="button" label="slide ↑" id="slideUp"></canvas> + <canvas nx="button" label="slide ↓" id="slideDown"></canvas> + <br> + <canvas nx="button" label="rotate ↑" id="rotateUp"></canvas> + <canvas nx="button" label="rotate ↓" id="rotateDown"></canvas> + <canvas nx="button" label="rotate ←" id="rotateLeft"></canvas> + <canvas nx="button" label="rotate →" id="rotateRight"></canvas> + <canvas nx="button" label="flip ↕" id="flip"></canvas> + <canvas nx="button" label="flop ↔" id="flop"></canvas> +</div> +</body> +<script> + var s = document.createElement('script'); + s.setAttribute('src','bundle.js?' + Date.now()); + document.body.appendChild(s) +</script> +</html> |