From c1394890e11336dec8f4f3e8b3a21fe34228ce18 Mon Sep 17 00:00:00 2001 From: pommicket Date: Thu, 18 Sep 2025 16:03:51 -0400 Subject: Score, stats, etc. --- pub/index.html | 76 +++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 68 insertions(+), 8 deletions(-) (limited to 'pub/index.html') diff --git a/pub/index.html b/pub/index.html index 5b6236a..046a43f 100644 --- a/pub/index.html +++ b/pub/index.html @@ -97,18 +97,34 @@ .select-tile-container { position: relative; cursor: pointer; + margin: 2px; } .select-tile-container .tile { - background-color: #c88; + background-color: transparent; font-weight: normal; + border: 2px solid black; + } + .select-tile-container .tile.possible, + .select-tile-container .tile.correct { + background-color: #8c7; + font-weight: bold; + text-decoration: underline; } - .select-tile-container .tile.possible { + .select-tile-container .tile.missed { background-color: #8c7; + } + .select-tile-container .tile.not-possible { + background-color: #c88; + } + .select-tile-container .tile.wrong { + background-color: #c88; font-weight: bold; + text-decoration: underline; } .select-tile-container .tile.placing { background-color: #88c; font-weight: bold; + text-decoration: underline; } #submit { outline: 0; @@ -127,24 +143,68 @@ transform: translate(2px, 2px); box-shadow: 0 0 0; } + .solution-letter.wrong { + text-decoration: line-through; + font-weight: bold; + color: #800; + } + .solution-letter.wrong { + text-decoration: line-through; + font-weight: bold; + color: #800; + } + .solution-letter.correct { + color: #040; + } + .solution-letter.missed { + color: #00a; + font-weight: bold; + } + /* all browsers which support grid should support + the JavaScript we use (if they have javascript at all). */ + @supports(display: grid) { + #no-grid { + display: none; + } + } + progress#score-meter::-moz-progress-bar { background: var(--color); } + progress#score-meter::-webkit-progress-value { background: var(--color); } + progress#score-meter { color: var(--color); } + +

+ Your browser is too old. You'll have to update to a newer version to + do these puzzles. +

Find all the possible plays with a single blank!
- + +
-