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;
}