diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 24 |
1 files changed, 16 insertions, 8 deletions
@@ -2,12 +2,15 @@ <html> <head> <title>harp</title> +<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,900italic,900,700italic,700,500italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="../css/css.css"> <style> html,body { font-size: 12px; font-weight: normal; background: black; color: white; } circle { cursor: pointer } input[type=text] { width: 30px } +#mobile_controls { display: none } +.mobile #mobile_controls { display: inline } </style> </head> <body class="loading"> @@ -21,21 +24,26 @@ input[type=text] { width: 30px } <option selected>sawtooth</option> <option>square</option> </select> - <label>x</label> + <label for="x">x</label> <input id="x" type="number" min="0" max="100" step="0.1" value="0.7"> - <label>y</label> + <label for="y">y</label> <input id="y" type="number" min="0" max="100" step="0.1" value="1"> - <label>randomize</label> + <label for="rand">randomize</label> <input id="rand" type="number" min="0" max="500" step="1" value="32"> - <label>tet</label> + <label for="tet">tet</label> <input id="tet" type="number" min="2" max="500" step="1" value="12"> - <label>root</label> <input id="root" type="number" min="20" max="20000" value="440"> - <label>interval</label> + <label for="root">root</label> + <input id="root" type="number" min="20" max="20000" value="440"> + <label for="interval">interval</label> <input id="interval" type="text" value="2/1"> - <label>duration</label> + <label for="duration">duration</label> <input id="duration" type="number" min="0" max="5000" step="50" value="1250"> - <label>use scale</label> + <label for="use_scale">use scale</label> <input id="use_scale" type="checkbox" checked> + <div id="mobile_controls"> + <label for="draw">draw</label> + <input id="draw" type="checkbox" checked> + </div> </div> </body> |