git repos / oastat_static_web_generator

commit c5087feb

sago007 · 2025-12-28 17:18
c5087febaedafeca63d6ddb6d620be55ea95ad77 patch · browse files
parent ab380d11380e9242509f29893b1c7ae6eeabaf85 

Change visual representation of the kill matrix

Changed files

M src/pages/game.cpp before
M static_content/css/oastat.css before
M templates/game.tpl before
diff --git a/src/pages/game.cpp b/src/pages/game.cpp index acb5955..98a4438 100644 --- a/src/pages/game.cpp +++ b/src/pages/game.cpp
@@ -105,6 +105,9 @@ void write_html_game(cppdb::session& database, const OastatGame& game, const std
if (kills > 0) {
cell_dict->ShowSection("HAS_KILLS");
}
+ if (killer == victim) {
+ cell_dict->ShowSection("IS_DIAGONAL");
+ }
}
}
}
diff --git a/static_content/css/oastat.css b/static_content/css/oastat.css index 0cc09df..daeeaba 100644 --- a/static_content/css/oastat.css +++ b/static_content/css/oastat.css
@@ -111,16 +111,78 @@ td {
/* Kill matrix styling */
.kill-matrix {
font-size: 0.9em;
+ border: 2px solid #34495e;
}
-.kill-matrix th:first-child,
-.kill-matrix td:first-child {
+/* Top-left corner cell - diagonal split appearance */
+.kill-matrix th:first-child {
+ background: linear-gradient(to top right, #34495e 0%, #34495e 49.5%, #fff 49.5%, #fff 50.5%, #5d6d7e 50.5%, #5d6d7e 100%);
+ color: #333;
+ text-align: center;
+ font-size: 0.75em;
+ position: relative;
+ padding: 8px;
+}
+
+/* Column headers (victims) */
+.kill-matrix thead th:not(:first-child) {
+ background: #5d6d7e;
+ color: #ffffff;
+ writing-mode: horizontal-tb;
+ text-align: center;
+ font-size: 0.8em;
+ min-width: 60px;
+ padding: 10px 5px;
+}
+
+/* Row headers (killers) */
+.kill-matrix tbody td:first-child {
+ background: #5d6d7e;
+ color: #ffffff;
text-align: left;
font-weight: 600;
+ padding-left: 12px;
+ min-width: 120px;
+}
+
+/* Data cells */
+.kill-matrix tbody td:not(:first-child) {
+ background: #f8f9fa;
+ text-align: center;
+ color: #95a5a6;
+ font-weight: normal;
}
.kill-matrix td.has-kills {
- background: #e8f5e9;
- font-weight: 600;
- color: #2e7d32;
+ background: #d4edda;
+ font-weight: 700;
+ color: #155724;
+ font-size: 1.1em;
+}
+
+.kill-matrix td.diagonal {
+ background: #34495e;
+ color: #95a5a6;
+ font-style: italic;
+}
+
+/* Remove hover effect from kill matrix */
+.kill-matrix tr:hover {
+ background: inherit;
+}
+
+.kill-matrix tbody tr:hover td:not(:first-child) {
+ background: #e9ecef;
+}
+
+.kill-matrix tbody tr:hover td.has-kills {
+ background: #c3e6cb;
+}
+
+.kill-matrix tbody tr:hover td.diagonal {
+ background: #2c3e50;
+}
+
+.kill-matrix tbody tr:hover td:first-child {
+ background: #4a5f7f;
}
diff --git a/templates/game.tpl b/templates/game.tpl index 263684a..926baae 100644 --- a/templates/game.tpl +++ b/templates/game.tpl
@@ -66,20 +66,24 @@
{{#HAS_KILL_MATRIX}}
<h2>Kill Matrix</h2>
<table class="kill-matrix">
+ <thead>
<tr>
- <th>Killer \ Victim</th>
+ <th>Killer ⟍ Victim</th>
{{#MATRIX_HEADER}}
<th>{{PLAYER_NICKNAME}}</th>
{{/MATRIX_HEADER}}
</tr>
+ </thead>
+ <tbody>
{{#MATRIX_ROWS}}
<tr>
- <td><strong>{{KILLER_NICKNAME}}</strong></td>
+ <td>{{KILLER_NICKNAME}}</td>
{{#MATRIX_CELLS}}
- <td{{#HAS_KILLS}} class="has-kills"{{/HAS_KILLS}}>{{KILL_COUNT}}</td>
+ <td{{#HAS_KILLS}} class="has-kills"{{/HAS_KILLS}}{{#IS_DIAGONAL}} class="diagonal"{{/IS_DIAGONAL}}>{{KILL_COUNT}}</td>
{{/MATRIX_CELLS}}
</tr>
{{/MATRIX_ROWS}}
+ </tbody>
</table>
{{/HAS_KILL_MATRIX}}