diff options
| author | Jules Laplace <jules@okfoc.us> | 2017-04-27 14:03:38 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2017-04-27 14:03:38 -0400 |
| commit | 89e0282ece3db0d31c81bb30794d559889fb7dee (patch) | |
| tree | a37ed2b07c14bf154f3af9403b591680dcddd134 /index.html | |
| parent | 370e7a69816bfc604386e4fd21acb465e48bdb0b (diff) | |
startAudioContext
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 28 |
1 files changed, 25 insertions, 3 deletions
@@ -1,6 +1,7 @@ <html> <head> <title>cells</title> +<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <style> body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; @@ -31,6 +32,25 @@ div { #scale_list .selected { font-weight: bold; } +@media only screen and (max-device-width: 800px) { + #labels { + display: none; + } + .nxlabel { + display: none; + } + .nx input { + display: inline-block !important; + } + br { + display: none; + } + .top { + display: block; + margin-top: 10px; + margin-bottom: 10px; + } +} </style> </head> <body> @@ -39,9 +59,11 @@ div { <canvas nx="matrix" id="grid"></canvas> </div> <div> - <canvas nx="number" label="tempo" id="tempo"></canvas> - <br><br> - <canvas nx="select" id="scale"></canvas> + <span class="top"> + <canvas nx="number" label="tempo" id="tempo"></canvas> + <br><br> + <canvas nx="select" id="scale"></canvas> + </span> <br> <br><br><br> <br><br><br> |