3cb-data

commit 4c788fc68109d3a809ba441a40d192fd493b961f
parent eae108c776f67a6187ae0973472f564cbfcee20d
Author: Alex Wennerberg <alex@Alexs-MacBook-Air.local>
Date:   Wed, 17 Dec 2025 16:35:42 -0800

new banned icon

Diffstat:
M
static/style.css
 | 
12
++++++++++++
A
templates/banned_icon.html
 | 
9
+++++++++
M
templates/cards.html
 | 
3
++-
M
templates/matches.html
 | 
7
++++---

4 files changed, 27 insertions(+), 4 deletions(-)
diff --git a/static/style.css b/static/style.css
@@ -108,6 +108,18 @@ a:hover {
   display: block;
 }
 
+.banned-icon {
+  display: inline-block;
+  margin-left: 0;
+  vertical-align: middle;
+  cursor: help;
+}
+
+.card-name-group {
+  display: inline-block;
+  white-space: nowrap;
+}
+
 @media only screen and (max-width: 600px) {
   .hide-mobile {
     display:none;
diff --git a/templates/banned_icon.html b/templates/banned_icon.html
@@ -0,0 +1,9 @@
+{% macro banned_icon() %}
+<span class="banned-icon" title="banned">
+  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#dc2626" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="12" cy="12" r="10"></circle>
+    <line x1="15" y1="9" x2="9" y2="15"></line>
+    <line x1="9" y1="9" x2="15" y2="15"></line>
+  </svg>
+</span>
+{% endmacro %}
diff --git a/templates/cards.html b/templates/cards.html
@@ -1,4 +1,5 @@
 {% from 'card_icon.html' import card_icon %}
+{% from 'banned_icon.html' import banned_icon %}
 {% include 'header.html' %}
 <table class="cards-table">
   <thead>
@@ -10,7 +11,7 @@
   <tbody>
     {% for card in cards %}
       <tr>
-        <td>{{ card_icon(card.card) }}<a href="/card?name={{ card.card|url_encode }}">{{ card.card }}</a>{% if card.card in banned_cards %} <span style="color: red;">(banned)</span>{% endif %}</td>
+        <td><span class="card-name-group">{{ card_icon(card.card) }}<a href="/card?name={{ card.card|url_encode }}">{{ card.card }}</a>{% if card.card in banned_cards %}{{ banned_icon() }}{% endif %}</span></td>
         <td>{{ card.play_count }}</td>
       </tr>
     {% endfor %}
diff --git a/templates/matches.html b/templates/matches.html
@@ -1,4 +1,5 @@
 {% from 'card_icon.html' import card_icon %}
+{% from 'banned_icon.html' import banned_icon %}
 {% include 'header.html' %}
   {% if round %}
   <a href='https://docs.google.com/spreadsheets/d/{{ round.fileid }}/'>Google Sheet</a>{% endif %}
@@ -24,9 +25,9 @@
     <td style="border: 1px solid #ddd; padding: 8px;">{{ match.rank }}</td>
     <td style="border: 1px solid #ddd; padding: 8px;">{{ match.prelim_score }}</td>
     <td style="border: 1px solid #ddd; padding: 8px;">{{ match.final_score or '' }}</td>
-    <td style="border: 1px solid #ddd; padding: 8px;">{{ card_icon(match.card1) }}<a href="/card?name={{ match.card1 }}">{{ match.card1 }}</a>{% if match.card1 in banned_cards %} <span style="color: red;">(banned)</span>{% endif %}<br>{{ match.card1_type or 'N/A' }}{% if match.card1_cost %} {{ match.card1_cost|mana_symbols|safe }}{% endif %}</td>
-    <td style="border: 1px solid #ddd; padding: 8px;">{{ card_icon(match.card2) }}<a href="/card?name={{ match.card2 }}">{{ match.card2 }}</a>{% if match.card2 in banned_cards %} <span style="color: red;">(banned)</span>{% endif %}<br>{{ match.card2_type or 'N/A' }}{% if match.card2_cost %} {{ match.card2_cost|mana_symbols|safe }}{% endif %}</td>
-    <td style="border: 1px solid #ddd; padding: 8px;">{{ card_icon(match.card3) }}<a href="/card?name={{ match.card3 }}">{{ match.card3 }}</a>{% if match.card3 in banned_cards %} <span style="color: red;">(banned)</span>{% endif %}<br>{{ match.card3_type or 'N/A' }}{% if match.card3_cost %} {{ match.card3_cost|mana_symbols|safe }}{% endif %}</td>
+    <td style="border: 1px solid #ddd; padding: 8px;"><span class="card-name-group">{{ card_icon(match.card1) }}<a href="/card?name={{ match.card1 }}">{{ match.card1 }}</a>{% if match.card1 in banned_cards %}{{ banned_icon() }}{% endif %}</span><br>{{ match.card1_type or 'N/A' }}{% if match.card1_cost %} {{ match.card1_cost|mana_symbols|safe }}{% endif %}</td>
+    <td style="border: 1px solid #ddd; padding: 8px;"><span class="card-name-group">{{ card_icon(match.card2) }}<a href="/card?name={{ match.card2 }}">{{ match.card2 }}</a>{% if match.card2 in banned_cards %}{{ banned_icon() }}{% endif %}</span><br>{{ match.card2_type or 'N/A' }}{% if match.card2_cost %} {{ match.card2_cost|mana_symbols|safe }}{% endif %}</td>
+    <td style="border: 1px solid #ddd; padding: 8px;"><span class="card-name-group">{{ card_icon(match.card3) }}<a href="/card?name={{ match.card3 }}">{{ match.card3 }}</a>{% if match.card3 in banned_cards %}{{ banned_icon() }}{% endif %}</span><br>{{ match.card3_type or 'N/A' }}{% if match.card3_cost %} {{ match.card3_cost|mana_symbols|safe }}{% endif %}</td>
     <td style="border: 1px solid #ddd; padding: 8px;"><a href="/deck?c1={{ match.card1 }}&c2={{ match.card2 }}&c3={{ match.card3 }}">deck</a></td>
   </tr>
   {% endfor %}