47 lines
3.0 KiB
HTML
47 lines
3.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>WoW Historical Token Prices Tracker</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="Track current and historical gold prices for the World of Warcraft in game token, including the US, EU, TW, and KR regions. Prices updated every minute.">
|
|
<link rel="preconnect" href="https://data.wowtoken.app">
|
|
<link rel="dns-prefetch" href="https://data.wowtoken.app">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="preload" href="https://data.wowtoken.app/token/current.json" as="fetch" type="application/json" crossorigin="anonymous">
|
|
<link rel="preload" href="https://data.wowtoken.app/token/history/us/72h.json" as="fetch" type="application/json" crossorigin="anonymous">
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.3.2/dist/chart.min.js" integrity="sha256-qoN08nWXsFH+S9CtIq99e5yzYHioRHtNB9t2qy1MSmc=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/luxon@1.27.0/build/global/luxon.min.js" integrity="sha256-cJnCTPRTD3OUjTD4Ml0WEMsmTiLl71arKaZ9DEZJk0o=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@1.0.0/dist/chartjs-adapter-luxon.min.js" integrity="sha256-q8w2Mgq36OwAFKLLbdSi+aCHAb6WJhIswZ7N6k+xsf0=" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/cash-dom@8.1.0/dist/cash.min.js" integrity="sha256-xb3jchN35UY4gwqlR0mSg/dtv25q4yWmXmIg/WscJYo=" crossorigin="anonymous"></script>
|
|
<script src="js/token.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="flex-container">
|
|
<div><h1>1 Token = <u id="token">0</u> Gold</h1></div>
|
|
<div>
|
|
<canvas id="token-chart"></canvas>
|
|
<div id="option_select">
|
|
<p>
|
|
Region:
|
|
<a href="javascript:updateRegionPreference('us')">US</a>
|
|
<a href="javascript:updateRegionPreference('eu')">EU</a>
|
|
<a href="javascript:updateRegionPreference('kr')">KR</a>
|
|
<a href="javascript:updateRegionPreference('tw')">TW</a>
|
|
</p>
|
|
<p>
|
|
Time Selection:
|
|
<a href="javascript:updateTimePreference('72h')">3d</a>
|
|
<a href="javascript:updateTimePreference('168h')">7d</a>
|
|
<a href="javascript:updateTimePreference('336h')">14d</a>
|
|
<a href="javascript:updateTimePreference('30d')">30d</a>
|
|
<a href="javascript:updateTimePreference('90d')">3m</a>
|
|
<a href="javascript:updateTimePreference('6m')">6m</a>
|
|
<a href="javascript:updateTimePreference('all')">all</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|