MTG life box fixed
This commit is contained in:
parent
5dcd9e7c2f
commit
d7cf8988ec
@ -30,6 +30,9 @@
|
||||
<span class="icon" onclick="commander()">
|
||||
<i class="fa-solid fa-crown"></i>
|
||||
</span>
|
||||
<span class="icon" onclick="flip()">
|
||||
<i class="fa-solid fa-wand-sparkles"></i>
|
||||
</span>
|
||||
<span class="icon" onclick="fullscreen()">
|
||||
<i class="fa-solid fa-expand"></i>
|
||||
</span>
|
||||
@ -42,27 +45,32 @@
|
||||
<main>
|
||||
<div id="player1" class="player">
|
||||
<div class="name" id="name1" contenteditable="true">Player 1</div>
|
||||
|
||||
<div class="life">
|
||||
<span class="vert">
|
||||
<div onclick="lifeIncrease5(1)" class="lifeUp fiveLife">
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
<div onclick="lifeIncrease5(1)" class="lifeUp" class="fiveLife">
|
||||
<span class="icon">
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(1)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon">
|
||||
<span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
<!-- <span class="icon" style="font-size: 2vh" onclick="flip()">
|
||||
<i class="fa-solid fa-arrow-right-arrow-left"></i>
|
||||
</span> -->
|
||||
<div id="lifeCount1">20</div>
|
||||
|
||||
<span class="vert">
|
||||
<div onclick="lifeDecrease5(1)" class="lifeDown fiveLife">
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
<div onclick="lifeDecrease5(1)" class="lifeDown" class="fiveLife">
|
||||
<span class="icon">
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(1)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -73,10 +81,14 @@
|
||||
<div class="life">
|
||||
<span class="vert">
|
||||
<div onclick="lifeIncrease5(2)" class="lifeUp" class="fiveLife">
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</span>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(2)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon">
|
||||
<span class="icon"> <span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span> </span>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount2">20</div>
|
||||
@ -85,7 +97,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(2)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -98,7 +112,7 @@
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(3)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon"> <span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span> </span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount3">20</div>
|
||||
@ -107,7 +121,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(3)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -120,7 +136,7 @@
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(4)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon"> <span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span> </span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount4">20</div>
|
||||
@ -129,7 +145,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(4)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -142,7 +160,7 @@
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(5)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount5">20</div>
|
||||
@ -151,7 +169,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(5)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -164,7 +184,7 @@
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(6)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount6">20</div>
|
||||
@ -173,7 +193,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(6)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -186,7 +208,7 @@
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(7)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount7">20</div>
|
||||
@ -195,7 +217,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(7)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
@ -208,7 +232,7 @@
|
||||
<i class="fas fa-arrow-circle-up"></i>
|
||||
</div>
|
||||
<div onclick="lifeIncrease(8)" class="lifeUp">
|
||||
<i class="fas fa-chevron-circle-up"></i>
|
||||
<span class="icon"> <i class="fas fa-chevron-circle-up"></i> </span>
|
||||
</div>
|
||||
</span>
|
||||
<div id="lifeCount8">20</div>
|
||||
@ -217,7 +241,9 @@
|
||||
<i class="fas fa-arrow-circle-down"></i>
|
||||
</div>
|
||||
<div onclick="lifeDecrease(8)" class="lifeDown">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
<span class="icon">
|
||||
<i class="fas fa-chevron-circle-down"></i>
|
||||
</span>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user