diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-08-14 02:18:35 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-08-14 02:18:35 +0200 |
| commit | 0ba30e46c0bb9cd8a4ee74cbb0e215ebab1263c4 (patch) | |
| tree | 595348b286b3c22e5b6702e223c7dcf5b5fc6bf9 /index.html | |
| parent | 71853816c933e95ee23ba741c4c8d6c97246681a (diff) | |
switch seq/ interv behavior
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 19 |
1 files changed, 17 insertions, 2 deletions
@@ -33,6 +33,7 @@ h3 { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); + width: 600px; display: flex; flex-direction: column; justify-content: space-between; @@ -76,11 +77,13 @@ body { display: flex; flex-direction: row; align-items: center; - margin-bottom: 10px; + margin-bottom: 20px; } .radio > span { margin-left: 10px; } +label { display: flex; flex-direction: row; margin-bottom: 10px; } +label > span { display:; block; min-width: 80px; } </style> </head> <body class='loading'> @@ -88,7 +91,19 @@ body { <div class='tools'> <div> <h2>Sonification of wealth inequality</h2> - <select id="scale"></select> + <label> + <span>scale</span> + <select id="scale"></select> + </label> + <label> + <span>dataset</span> + <select id="dataset"></select> + </label> + <label> + <span>behavior</span> + <select id="behavior"></select> + </label> + <h3 id="dataset_name"></h3> <div class='radio'> <div id="timing"></div> |