diff options
| author | Jules Laplace <jules@okfoc.us> | 2017-04-27 00:10:34 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2017-04-27 00:10:34 -0400 |
| commit | 0a9ef8576d7c76d61f98bd83e783fac8ed204de0 (patch) | |
| tree | a439111aeb43f427c83240a5a12017620b0fd255 /index.html | |
| parent | a356074dd17029ada978381ca005684a3533102e (diff) | |
slide left/right
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 12 |
1 files changed, 10 insertions, 2 deletions
@@ -4,8 +4,6 @@ <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; @@ -16,17 +14,27 @@ body { div { display: inline-block; } +.labels { + width: 20px; + line-height: 27px; +} </style> </head> <body> <div> + <div class='labels'> + 1 2 3 4 5 6 7 1 2 3 4 5 6 7 1 2 3 4 5 6 7 1 2 3 + </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> + <br> <canvas nx="button" label="slide ↑" id="slideUp"></canvas> <canvas nx="button" label="slide ↓" id="slideDown"></canvas> + <canvas nx="button" label="slide ←" id="slideLeft"></canvas> + <canvas nx="button" label="slide →" id="slideRight"></canvas> <br> <canvas nx="button" label="rotate ↑" id="rotateUp"></canvas> <canvas nx="button" label="rotate ↓" id="rotateDown"></canvas> |