ducklet
4908b1fc6e
In its current state the implementation should allow a user to resume their session if the websocket connection is reset, for whatever reason. This could be expanded to allow session sharing (multiple agents logging in to the same client), or manual session resume via some sort of password (encode uid & key to some pass-phrase kinda thing, or QR code).
61 lines
882 B
CSS
61 lines
882 B
CSS
body {
|
|
font-family: sans-serif;
|
|
overflow: hidden;
|
|
}
|
|
#error {
|
|
background-color: #fee;
|
|
border: 3px solid red;
|
|
padding: 1em;
|
|
font-family: monospace;
|
|
display: none;
|
|
}
|
|
#error code {
|
|
white-space: pre;
|
|
}
|
|
input {
|
|
width: 20em;
|
|
}
|
|
h2 {
|
|
font-size: 1em;
|
|
}
|
|
ul {
|
|
/*list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;*/
|
|
}
|
|
li.me::after {
|
|
content: " — that's you!";
|
|
font-style: italic;
|
|
}
|
|
li.buzzing {
|
|
color: red;
|
|
font-weight: bold;
|
|
font-size: 2em;
|
|
list-style-type: none;
|
|
}
|
|
li.buzzing.first::before {
|
|
content: "🥇 ";
|
|
}
|
|
li.buzzing.too-late {
|
|
color: black;
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
}
|
|
li.buzzing.too-late::before {
|
|
content: "🥈 ";
|
|
}
|
|
#info {
|
|
position: absolute;
|
|
}
|
|
#buzzbox {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: 90%;
|
|
/*position: absolute;*/
|
|
}
|
|
#active {
|
|
color: red;
|
|
display: none;
|
|
}
|