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:
-

- - +

Participants

-
+ + +
+ No participants yet :( +