77 lines
3 KiB
HTML
77 lines
3 KiB
HTML
<!DOCTYPE html>
|
|
<html scroll-behavior="smooth" style="height: 100%">
|
|
<head>
|
|
<!-- nunito font, copying wynndata -->
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="stylesheet" href="article.css">
|
|
<link rel="icon" href="./media/memes/agony.png">
|
|
<link rel="manifest" href="manifest.json">
|
|
<title>Base DPS Visualizer</title>
|
|
</head>
|
|
<body class="all" style="height: 95%; overflow: auto; display: flex; flex-direction: column">
|
|
<header class="header nomarginp">
|
|
<div class="headerleft" id = "headerleft">
|
|
</div>
|
|
<div class="headercenter" id = "headercenter">
|
|
<div>
|
|
<p class="itemp" id="header">Base DPS Visualization</p>
|
|
</div>
|
|
</div>
|
|
<div class="headerright" id = "headerright">
|
|
</div>
|
|
</header>
|
|
<table style="padding-bottom:20px">
|
|
<tr>
|
|
<td>
|
|
<button class = "button-narrow" id = "wand" onclick = "setData('wand')">
|
|
wands
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class = "button-narrow" id = "spear" onclick = "setData('spear')">
|
|
spears
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class = "button-narrow" id = "dagger" onclick = "setData('dagger')">
|
|
daggers
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class = "button-narrow" id = "bow" onclick = "setData('bow')">
|
|
bows
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class = "button-narrow" id = "relik" onclick = "setData('relik')">
|
|
reliks
|
|
</button>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
<button class = "button-narrow" id = "powderToggle" onclick = "togglePowder()">
|
|
prepowder (true)
|
|
</button>
|
|
</td>
|
|
<td>
|
|
<button class = "button-narrow" id = "strDexToggle" onclick = "toggleStrDex()">
|
|
1.20.3 (false)
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<p id="info">
|
|
SELECTED ITEM TYPE: wand
|
|
</p>
|
|
|
|
<script src="https://d3js.org/d3.v7.js"></script>
|
|
<script type="text/javascript" src="utils.js"></script>
|
|
<script type="text/javascript" src="loadheader.js"></script>
|
|
<script type="text/javascript" src="icons.js"></script>
|
|
<script type="text/javascript" src="dps_vis.js"></script>
|
|
</body>
|
|
</html>
|