chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MTG life box fixed

Browse Source
This commit is contained in:
chris 2024-03-15 19:14:17 -04:00
parent 5dcd9e7c2f
commit d7cf8988ec
1 changed files with 52 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
MTG/index.html
View File

@ -30,6 +30,9 @@
<span class="icon" onclick="commander()"> <span class="icon" onclick="commander()">
<i class="fa-solid fa-crown"></i> <i class="fa-solid fa-crown"></i>
</span> </span>
<span class="icon" onclick="flip()">
<i class="fa-solid fa-wand-sparkles"></i>
</span>
<span class="icon" onclick="fullscreen()"> <span class="icon" onclick="fullscreen()">
<i class="fa-solid fa-expand"></i> <i class="fa-solid fa-expand"></i>
</span> </span>
@ -42,27 +45,32 @@
<main> <main>
<div id="player1" class="player"> <div id="player1" class="player">
<div class="name" id="name1" contenteditable="true">Player 1</div> <div class="name" id="name1" contenteditable="true">Player 1</div>
<div class="life"> <div class="life">
<span class="vert"> <span class="vert">
<div onclick="lifeIncrease5(1)" class="lifeUp fiveLife"> <div onclick="lifeIncrease5(1)" 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>
<div onclick="lifeIncrease(1)" class="lifeUp"> <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> </div>
</span> </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> <div id="lifeCount1">20</div>
<span class="vert"> <span class="vert">
<div onclick="lifeDecrease5(1)" class="lifeDown fiveLife"> <div onclick="lifeDecrease5(1)" class="lifeDown" class="fiveLife">
<i class="fas fa-arrow-circle-down"></i> <span class="icon">
<i class="fas fa-arrow-circle-down"></i>
</span>
</div> </div>
<div onclick="lifeDecrease(1)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -73,10 +81,14 @@
<div class="life"> <div class="life">
<span class="vert"> <span class="vert">
<div onclick="lifeIncrease5(2)" class="lifeUp" class="fiveLife"> <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>
<div onclick="lifeIncrease(2)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount2">20</div> <div id="lifeCount2">20</div>
@ -85,7 +97,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(2)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -98,7 +112,7 @@
<i class="fas fa-arrow-circle-up"></i> <i class="fas fa-arrow-circle-up"></i>
</div> </div>
<div onclick="lifeIncrease(3)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount3">20</div> <div id="lifeCount3">20</div>
@ -107,7 +121,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(3)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -120,7 +136,7 @@
<i class="fas fa-arrow-circle-up"></i> <i class="fas fa-arrow-circle-up"></i>
</div> </div>
<div onclick="lifeIncrease(4)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount4">20</div> <div id="lifeCount4">20</div>
@ -129,7 +145,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(4)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -142,7 +160,7 @@
<i class="fas fa-arrow-circle-up"></i> <i class="fas fa-arrow-circle-up"></i>
</div> </div>
<div onclick="lifeIncrease(5)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount5">20</div> <div id="lifeCount5">20</div>
@ -151,7 +169,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(5)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -164,7 +184,7 @@
<i class="fas fa-arrow-circle-up"></i> <i class="fas fa-arrow-circle-up"></i>
</div> </div>
<div onclick="lifeIncrease(6)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount6">20</div> <div id="lifeCount6">20</div>
@ -173,7 +193,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(6)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -186,7 +208,7 @@
<i class="fas fa-arrow-circle-up"></i> <i class="fas fa-arrow-circle-up"></i>
</div> </div>
<div onclick="lifeIncrease(7)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount7">20</div> <div id="lifeCount7">20</div>
@ -195,7 +217,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(7)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>
@ -208,7 +232,7 @@
<i class="fas fa-arrow-circle-up"></i> <i class="fas fa-arrow-circle-up"></i>
</div> </div>
<div onclick="lifeIncrease(8)" class="lifeUp"> <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> </div>
</span> </span>
<div id="lifeCount8">20</div> <div id="lifeCount8">20</div>
@ -217,7 +241,9 @@
<i class="fas fa-arrow-circle-down"></i> <i class="fas fa-arrow-circle-down"></i>
</div> </div>
<div onclick="lifeDecrease(8)" class="lifeDown"> <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> </div>
</span> </span>
</div> </div>