88 lines
3.0 KiB
HTML
88 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>MTG Life Counter</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
<link rel="stylesheet" href="menu/menu.css" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"
|
|
/>
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
</head>
|
|
<body>
|
|
<script defer src="script.js"></script>
|
|
|
|
<div id="navContainer"></div>
|
|
<div class="buttons1" id="buttonWrapper">
|
|
<span class="icons">
|
|
<i class="fa-solid fa-circle-minus"></i>
|
|
</span>
|
|
<span class="icons">
|
|
<i class="fa-solid fa-rotate-left"></i>
|
|
</span>
|
|
<span class="icons">
|
|
<i class="fa-solid fa-circle-plus"></i>
|
|
</span>
|
|
<span class="icons">
|
|
<i class="fa-solid fa-user-group"></i>
|
|
</span>
|
|
<span class="icons" id="commander-toggle">
|
|
<i class="fa-solid fa-crown"></i>
|
|
</span>
|
|
<span class="icons" id="poison-toggle">
|
|
<i class="fa-solid fa-skull-crossbones"></i>
|
|
</span>
|
|
<span class="icons">
|
|
<i class="fa-solid fa-expand"></i>
|
|
</span>
|
|
<span class="icons" id="dice-button">
|
|
<i class="fa-solid fa-dice"></i>
|
|
</span>
|
|
</div>
|
|
|
|
<main></main>
|
|
|
|
<div class="modal" id="dice-modal">
|
|
<div class="modal-content">
|
|
<span class="close-button">×</span>
|
|
<div class="die-container">
|
|
<div class="content">
|
|
<div class="die">
|
|
<figure class="face face-1"></figure>
|
|
<figure class="face face-2"></figure>
|
|
<figure class="face face-3"></figure>
|
|
<figure class="face face-4"></figure>
|
|
<figure class="face face-5"></figure>
|
|
<figure class="face face-6"></figure>
|
|
<figure class="face face-7"></figure>
|
|
<figure class="face face-8"></figure>
|
|
<figure class="face face-9"></figure>
|
|
<figure class="face face-10"></figure>
|
|
<figure class="face face-11"></figure>
|
|
<figure class="face face-12"></figure>
|
|
<figure class="face face-13"></figure>
|
|
<figure class="face face-14"></figure>
|
|
<figure class="face face-15"></figure>
|
|
<figure class="face face-16"></figure>
|
|
<figure class="face face-17"></figure>
|
|
<figure class="face face-18"></figure>
|
|
<figure class="face face-19"></figure>
|
|
<figure class="face face-20"></figure>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script defer src="menu/menu.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
|
<script
|
|
src="https://kit.fontawesome.com/17513d4ff3.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
</body>
|
|
</html> |