dkforest

commit 877fa89ea5429287a25fe11385bcf8fa394b6e75
parent 8c9f5f1d997adb9a633ee5c810ae9f4c8a403601
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Sat,  9 Nov 2024 16:53:50 -0800

cleanup

Diffstat:
M
pkg/web/handlers/interceptors/chess.go
 | 
23
+++++++++++++----------

1 file changed, 13 insertions(+), 10 deletions(-)
diff --git a/pkg/web/handlers/interceptors/chess.go b/pkg/web/handlers/interceptors/chess.go
@@ -262,22 +262,22 @@ func (g *ChessGame) renderBoardHTML1(moveIdx int, position *chess.Position, isFl
 							{{ if or (eq $pidStr "piece_e8") (eq $pidStr "piece_e1") }}
 								{{ if $.WhiteWon }}
 									{{ if eq $pidStr "piece_e8" }}
-										<div id="{{ $pidStr }}_loser" style="display: block;" class="outcome loser">L</div>
+										<div id="{{ $pidStr }}_loser" style="display: block;" class="outcome loser"></div>
 									{{ else }}
-										<div id="{{ $pidStr }}_winner" style="display: block;" class="outcome winner">W</div>
+										<div id="{{ $pidStr }}_winner" style="display: block;" class="outcome winner"></div>
 									{{ end }}
 								{{ else if $.BlackWon }}
 									{{ if eq $pidStr "piece_e8" }}
-										<div id="{{ $pidStr }}_winner" style="display: block;" class="outcome winner">W</div>
+										<div id="{{ $pidStr }}_winner" style="display: block;" class="outcome winner"></div>
 									{{ else }}
-										<div id="{{ $pidStr }}_loser" style="display: block;" class="outcome loser">L</div>
+										<div id="{{ $pidStr }}_loser" style="display: block;" class="outcome loser"></div>
 									{{ end }}
 								{{ else if $.Draw }}
-									<div id="{{ $pidStr }}_draw" style="display: block;" class="outcome draw">½</div>
+									<div id="{{ $pidStr }}_draw" style="display: block;" class="outcome draw"></div>
 								{{ else }}
-									<div id="{{ $pidStr }}_draw" style="display: none;" class="outcome draw">½</div>
-									<div id="{{ $pidStr }}_winner" style="display: none;" class="outcome winner">W</div>
-									<div id="{{ $pidStr }}_loser" style="display: none;" class="outcome loser">L</div>
+									<div id="{{ $pidStr }}_draw" style="display: none;" class="outcome draw"></div>
+									<div id="{{ $pidStr }}_winner" style="display: none;" class="outcome winner"></div>
+									<div id="{{ $pidStr }}_loser" style="display: none;" class="outcome loser"></div>
 								{{ end }}
 							{{ end }}
 						</div>
@@ -475,8 +475,11 @@ func (g *ChessGame) drawPlayerCard(moveIdx int, key string, isBlack, isSpectator
 	margin: 1px 0 0 1px;
 }
 .winner { background-color: green; }
-.loser  { background-color: red; }
-.draw   { background-color: #666; }
+.loser  { background-color: red;   }
+.draw   { background-color: #666;  }
+.winner::after { content: "W" }
+.loser::after  { content: "L" }
+.draw::after   { content: "½" }
 
 @keyframes winner_anim {
 	0% { border-radius: 0px; width: 100%; height: 100%; padding: 0; opacity: 0.5; margin: 0; }