106 lines
6.1 KiB
HTML
106 lines
6.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
|
||
<link rel="manifest" href="icons/site.webmanifest">
|
||
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
|
||
<meta name="msapplication-TileColor" content="#da532c">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<title>MTG Life Counter</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<div id="player1" class="player">
|
||
<div class="name" id="name1" contenteditable="true">
|
||
Player 1</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease1()" id="lifeUp">▲</div>
|
||
<div id="lifeCount1">20</div>
|
||
<div onclick="lifeDecrease1()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="player2" class="player">
|
||
<div class="name" id="name2" contenteditable="true">
|
||
Player 2</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease2()" id="lifeUp">▲</div>
|
||
<div id="lifeCount2">20</div>
|
||
<div onclick="lifeDecrease2()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
<div id="player3" class="player">
|
||
<div class="name" id="name3" contenteditable="true">
|
||
Player 3</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease3()" id="lifeUp">▲</div>
|
||
<div id="lifeCount3">20</div>
|
||
<div onclick="lifeDecrease3()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
<div id="player4" class="player">
|
||
<div class="name" id="name4" contenteditable="true">
|
||
Player 4</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease4()" id="lifeUp">▲</div>
|
||
<div id="lifeCount4">20</div>
|
||
<div onclick="lifeDecrease4()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
<div id="player5" class="player">
|
||
<div class="name" id="name5" contenteditable="true">
|
||
Player 5</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease5()" id="lifeUp">▲</div>
|
||
<div id="lifeCount5">20</div>
|
||
<div onclick="lifeDecrease5()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
<div id="player6" class="player">
|
||
<div class="name" id="name6" contenteditable="true">
|
||
Player 6</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease6()" id="lifeUp">▲</div>
|
||
<div id="lifeCount6">20</div>
|
||
<div onclick="lifeDecrease6()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
<div id="player7" class="player">
|
||
<div class="name" id="name7" contenteditable="true">
|
||
Player 7</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease7()" id="lifeUp">▲</div>
|
||
<div id="lifeCount7">20</div>
|
||
<div onclick="lifeDecrease7()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
<div id="player8" class="player">
|
||
<div class="name" id="name8" contenteditable="true">
|
||
Player 8</div>
|
||
<div class="life">
|
||
<div onclick="lifeIncrease8()" id="lifeUp">▲</div>
|
||
<div id="lifeCount8">20</div>
|
||
<div onclick="lifeDecrease8()" id="lifeDown">▼</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</main>
|
||
<div id="buttonWrapper">
|
||
<div onclick="removePlayer()" id="removePlayer" class="buttons">−</div>
|
||
<div onclick="resetLife()" id="reset" class="buttons">↺<span class="buttonText">life</span></div>
|
||
<div onclick="resetName()" id="reset" class="buttons">↻<span class="buttonText">name</span></div>
|
||
<div onclick="addPlayer()" id="addPlayer" class="buttons">+</div>
|
||
</div>
|
||
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html> |