You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.0 KiB
45 lines
2.0 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset= "UTF-8">
|
|
<meta name="viewport" content = "width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" href="/css/game.css" />
|
|
<script type="module" src="/scripts/game.js"></script>
|
|
<link rel="icon" type="image/png" href="/img/favicon-1.png"/>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
|
|
<title>Champion Names</title>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<input type="text" class="in" id="guess" placeholder="Start typing to start the timer!">
|
|
<div class="timer">
|
|
<span class="timer_Nums" id="timer">20:00</span>
|
|
</div>
|
|
</div>
|
|
<div class="infoContainer">
|
|
<p id="guessedInfo">Guessed: 0</p>
|
|
<p id="totalInfo">Out of:</p>
|
|
</div>
|
|
<div class="bt" id="giveUp"><span class="bt_text">Give Up?</span></div>
|
|
<div class='hidden' id='endCard'>
|
|
<div class="rank" id="rank"></div>
|
|
<p><span id="guessed">You guessed:</span> <span id="total"> Out of:</span> <br><span id="percentage"> </span></p>
|
|
<div class="bt" id="reload"><span class="bt_text">Try again?</span></div>
|
|
<div class="bt" id="missed_bt"><span class="bt_text">What have I missed?</span></div>
|
|
</div>
|
|
<div class='hidden' id="missingGrid">
|
|
<i class="close material-symbols-outlined"id="close_bt">
|
|
cancel
|
|
</i>
|
|
</div>
|
|
<div id="ChampGrid">
|
|
</div>
|
|
</body>
|
|
<footer>
|
|
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="masterhc" data-description="Support me on Buy me a coffee!" data-message="" data-color="#FFDD00" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
|
|
</footer>
|
|
|
|
|
|
</html>
|