diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 18 |
1 files changed, 15 insertions, 3 deletions
@@ -13,6 +13,9 @@ body { div { display: inline-block; } +h2 { + margin: 10px 0; +} h3 { font-weight: 300; margin-top: 20px; @@ -77,13 +80,19 @@ body { display: flex; flex-direction: row; align-items: center; + margin-top: 20px; margin-bottom: 20px; } .radio > span { margin-left: 10px; } +.buttons { + margin: 0 0 10px 0; +} label { display: flex; flex-direction: row; margin-bottom: 10px; } -label > span { display:; block; min-width: 80px; } +label > span { display: block; min-width: 80px; } +#recording_msg { display: none; } +.recording #recording_msg { display: inline; } </style> </head> <body class='loading'> @@ -91,6 +100,11 @@ label > span { display:; block; min-width: 80px; } <div class='tools'> <div> <h2>Sonification of wealth inequality</h2> + <div class='buttons'> + <button id="export_midi">Export dataset as MIDI</button> + <button id="record_midi">Record MIDI</button> + <span id='recording_msg'>Recording</span> + </div> <label> <span>scale</span> <select id="scale"></select> @@ -103,8 +117,6 @@ label > span { display:; block; min-width: 80px; } <span>behavior</span> <select id="behavior"></select> </label> - - <h3 id="dataset_name"></h3> <div class='radio'> <div id="timing"></div> <span class='val'></span> |