diff --git a/theme/moth.mjs b/theme/moth.mjs
index 4bce873..4e2854d 100644
--- a/theme/moth.mjs
+++ b/theme/moth.mjs
@@ -492,9 +492,7 @@ class State {
* @returns {Scores}
*/
CurrentScores() {
- let scores
- for (scores of this.ScoreHistory());
- return scores
+ return [...this.ScoresHistory()].pop()
}
}
@@ -676,4 +674,5 @@ class Server {
export {
Hash,
Server,
+ State,
}
\ No newline at end of file
diff --git a/theme/scoreboard-all.html b/theme/scoreboard-all.html
new file mode 100644
index 0000000..42613ca
--- /dev/null
+++ b/theme/scoreboard-all.html
@@ -0,0 +1,19 @@
+
+
+
+ Scoreboard
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/theme/scoreboard.css b/theme/scoreboard.css
index 1ebdaa6..b15d1cb 100644
--- a/theme/scoreboard.css
+++ b/theme/scoreboard.css
@@ -33,32 +33,37 @@
max-height: 60vh;
}
+/* Only the first child of a rotate class is visible */
+.rotate > div:nth-child(n + 2) {
+ display: none;
+}
+
/** Scoreboard */
-.rankings {
+.rankings.classic {
width: 100%;
position: relative;
background-color: #000c;
}
-.rankings div {
+.rankings.classic div {
height: 1.2rem;
display: flex;
align-items: center;
}
-.rankings div:nth-child(6n){
+.rankings.classic div:nth-child(6n){
background-color: #ccc3;
}
-.rankings div:nth-child(6n+3) {
+.rankings.classic div:nth-child(6n+3) {
background-color: #0f03;
}
-.rankings span {
+.rankings.classic span {
display: inline-block;
overflow: hidden;
}
-.rankings span.category {
+.rankings.classic span.category {
font-size: 80%;
}
-.rankings span.teamname {
+.rankings.classic span.teamname {
height: auto;
font-size: inherit;
color: white;
@@ -67,8 +72,8 @@
position: absolute;
right: 0.2em;
}
-.rankings span.teamname:hover,
-.rankings span.category:hover {
+.rankings.classic span.teamname:hover,
+.rankings.classic span.category:hover {
width: inherit;
max-width: 100%;
}
@@ -78,8 +83,24 @@
vertical-align: top;
}
+.rankings.category {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+}
+.rankings.category div {
+ border: solid black 2px;
+ min-width: 15em;
+}
+.rankings.category table {
+ width: 100%;
+}
+.rankings.category td.number {
+ text-align: right;
+}
+
@media only screen and (max-width: 450px) {
- .rankings span.teamname {
+ .rankings.classic span.teamname {
max-width: 6em;
text-overflow: ellipsis;
}
diff --git a/theme/scoreboard.html b/theme/scoreboard.html
index a88c549..a9be4fb 100644
--- a/theme/scoreboard.html
+++ b/theme/scoreboard.html
@@ -10,7 +10,7 @@
-
+