diff --git a/index.html b/index.html index eb87cdc..eb9c9f0 100644 --- a/index.html +++ b/index.html @@ -18,6 +18,7 @@
Contribution by:
Supisara Burapachaisri, Kimberley Cosmilla, Francesco Luzzana, Miriam Schöb, Mitsa Chaida-Michelakou, Ål Nik (Alexandra Nikolova), Gersande Schellinx, Jian Haake, Emma Prato, Carmen, Erica Gargaglione
+
Caretakers:
Erica Gargaglione, Miriam Schöb, Mitsa Chaida-Michelakou
diff --git a/script.js b/script.js index 6f3649a..a53506b 100644 --- a/script.js +++ b/script.js @@ -36,16 +36,19 @@ function populateSeats(parliament) { if (audio.paused) { audio.play(); mic.innerHTML="Pause"; - mic.style.color ="red"; + mic.style.color ="white"; + mic.style.background = "red" } else { audio.pause(); mic.innerHTML="Talk" + } }); audio.addEventListener("ended", () => { audio.pause(); audio.currentTime = 0; - mic.innerHTML = "Talk Again" + mic.style.background = "white" + mic.style.color ="red"; }); }); party.appendChild(seat); diff --git a/style.css b/style.css index a6815e8..aef8508 100644 --- a/style.css +++ b/style.css @@ -11,10 +11,11 @@ body, html{ margin: 0; padding: 0; color: var(--color1); + font-family: sans-serif; } .btn{ position: fixed; - z-index: 99; + z-index: 99; top: 16px; left: 16px; font-size: 36px; @@ -25,26 +26,33 @@ body, html{ height: 48px; border-radius: 50%; background-color: white; + padding: 2px 0; } .btn:hover{ cursor: pointer; } .info{ display: none; - font-size: 3ch; + font-size: 2.5ch; position: fixed; top: 0; left: 0; z-index: 1; - width: 40vw; + width: 50vw; height: 100vh; background-color: white; border: solid 2px var(--color1); overflow: auto; + padding-left: 16px; } h2{ margin: 0; margin-top: 96px; + font-weight: normal; +} + +dt { + font-style: italic; } .hemicycle{ @@ -97,4 +105,5 @@ h4{ .label{ width: 90px; overflow-wrap: break-word; + font-size: 1.5ch; }