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.
60 lines
2.4 KiB
60 lines
2.4 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/champion.css" />
|
|
<script type="module" src="/scripts/champion.js"></script>
|
|
<link rel="icon" type="image/png" href="/img/favicon-2.png">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
|
|
<title>Champion Names</title>
|
|
|
|
</head>
|
|
<body>
|
|
<h1 class="name" id="name"></h1>
|
|
<h2 class="title" id="title"></h2>
|
|
<div class="wrapper">
|
|
<div class="card champion desktop" id="champion">
|
|
<div class="bt_skins previous desktop" id="previous">
|
|
<span class="material-symbols-outlined">
|
|
chevron_left
|
|
</span>
|
|
</div>
|
|
<div class="bt_skins desktop">
|
|
<div class="chroma hidden" id="chroma">
|
|
<div class="center"></div>
|
|
</div>
|
|
</div>
|
|
<div class="bt_skins next desktop" id="next">
|
|
<span class="material-symbols-outlined">
|
|
chevron_right
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="abilities desktop">
|
|
<div class="card ability" id="P"></div>
|
|
<div class="card ability" id="Q"></div>
|
|
<div class="card ability" id="W"></div>
|
|
<div class="card ability" id="E"></div>
|
|
<div class="card ability" id="R"></div>
|
|
</div>
|
|
<div class="abilityInfo desktop" >
|
|
<p class="spellName" id="spellName"> Test</p>
|
|
<p id="description">
|
|
</p>
|
|
<div class="lore desktop">
|
|
<p class="lore_title">Lore:</p>
|
|
<p class="lore_text" id="lore"></p>
|
|
</div>
|
|
</div>
|
|
</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>
|