diff options
Diffstat (limited to 'cards/card.html')
| -rw-r--r-- | cards/card.html | 107 |
1 files changed, 103 insertions, 4 deletions
diff --git a/cards/card.html b/cards/card.html index 41b1267..764fe1d 100644 --- a/cards/card.html +++ b/cards/card.html @@ -20,6 +20,8 @@ } .symbol_wrapper_inner { display: flex; + flex-direction: column; + gap: 5px; } .symbol_wrapper_outer { display: flex; @@ -79,6 +81,10 @@ font-size: 60px; line-height: 40px; } + .joker_icon { + background-color: black; + padding: 6px 3px 2px 5px; + } .tap_icon { background-color: black; } @@ -267,10 +273,10 @@ <div class="group"> <div class="title"> <p> - Spear + Polearm </p> <div class="attrib_icon attrib_bl"> - ⚔️ 2 + ⚔️ 3 </div> <div class="attrib_icon attrib_br"> Str 🎲 @@ -291,7 +297,7 @@ </div> <div class="action"> <hr> - <p><strong>Reach</strong>: When making an attack, you ignore repostes from your target.</p> + <p><strong>Reach</strong>: When making an attack, you ignore repostes from your target unless they also have Reach.</p> </div> <div class="flavour_wrapper"> <div class="flavour"> @@ -301,7 +307,7 @@ </div> </div> <div class="card_type"> - Spear Weapon + Polearm Weapon </div> </div> </div> @@ -744,6 +750,99 @@ </div> </div> </div> + <div style="background:linear-gradient(225deg, rgba(0,0,0,1) -50%, rebeccapurple 100%)" class="card"> + <div class="group"> + <div class="title"> + <p> + Test Weapon + </p> + <div class="attrib_icon attrib_bl"> + ⚔️ 3 + </div> + <div class="attrib_icon attrib_br"> + Prc 🎲 + </div> + </div> + <div class="content"> + <div class="action"> + <div class="symbol_wrapper_outer"> + <div class="symbol_wrapper_inner"> + <span class="icon suit_icon spades_icon"> + ♠️ + </span> + </div> + <div class="action_detail"> + <p>🎲 <strong>d6 + Prc</strong> to hit.</p> + </div> + </div> + </div> + <div class="action"> + <hr> + <div class="symbol_wrapper_outer"> + <div class="symbol_wrapper_inner"> + <span class="icon suit_icon clubs_icon"> + ♣️ + </span> + </div> + <div class="action_detail"> + <p>🎲 <strong>d6 + Prc</strong> to hit.</p> + </div> + </div> + </div> + <div class="action"> + <hr> + <div class="symbol_wrapper_outer"> + <div class="symbol_wrapper_inner"> + <span class="icon suit_icon diamonds_icon"> + ♦️ + </span> + </div> + <div class="action_detail"> + <p>🎲 <strong>d6 + Prc</strong> to hit.</p> + </div> + </div> + </div> + <div class="action"> + <hr> + <div class="symbol_wrapper_outer"> + <div class="symbol_wrapper_inner"> + <span class="icon joker_icon"> + 🃏 + </span> + </div> + <div class="action_detail"> + <p>🎲 <strong>d6 + Prc</strong> to hit.</p> + </div> + </div> + </div> + <div class="action"> + <hr> + <div class="symbol_wrapper_outer"> + <div class="symbol_wrapper_inner"> + <span class="icon tap_icon"> + ↪️ + </span> + <span class="icon suit_icon hearts_icon"> + ♥️ + </span> + </div> + <div class="action_detail"> + <p>🎲 <strong>d6 + Prc</strong> to hit.</p> + </div> + </div> + </div> + <div class="flavour_wrapper"> + <div class="flavour"> + <hr> + <p>“Arrrgh”</p> + </div> + </div> + </div> + <div class="card_type"> + Curved Sword Weapon + </div> + </div> + </div> </div> <script src="./web/bundle.js"> </script> |