+
Share this link for players to join:
-
diff --git a/public/style.css b/public/style.css
index 230b8f2..540fc0a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -10,7 +10,6 @@ body {
}
h1 {
- font-style: italic;
color: #373fff;
line-height: 1.1;
}
@@ -22,6 +21,8 @@ form {
padding: 1em;
max-width: 40ch;
margin: 0 auto;
+ box-shadow: grey 1px 1px 3px;
+ border-radius: .25em;
}
label {
@@ -30,6 +31,7 @@ label {
input[type=text] {
text-transform: lowercase;
+ border-radius: .25em;
}
input {
@@ -42,7 +44,7 @@ input {
width: 100%;
}
-form button {
+button {
background-color: #bbbbf2;
border: 2px solid currentColor;
border-radius: .25em;
@@ -62,6 +64,20 @@ footer {
border-top: 1px solid lightgrey;
}
+blockquote {
+ background-color: #eee;
+ display: block;
+ margin: 1em auto;
+ padding: 1em;
+ max-width: 40ch;
+ box-shadow: grey 1px 1px 3px;
+ border-radius: .25em;
+}
+
+blockquote a {
+ color: #373fff;
+}
+
#buzzer {
width: 95vw;
height: 95vw;
@@ -159,3 +175,7 @@ figure.participant figcaption {
#messageBox.hide {
display: none;
}
+
+#participants {
+ margin-top: 1em;
+}
diff --git a/views/audience.handlebars b/views/audience.handlebars
index 6e46be6..54a3fe5 100644
--- a/views/audience.handlebars
+++ b/views/audience.handlebars
@@ -14,16 +14,18 @@
+
Share this link for players to join:
-