116 lines
6.7 KiB
HTML
116 lines
6.7 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 price trends for the World of Warcraft (WoW) in game token, including the US, EU, TW, and KR regions. Prices updated every minute. Simple, quick, and easy info, no ads or tracking, ever.">
|
|
<link rel="preconnect" href="https://data.wowtoken.app">
|
|
<link rel="dns-prefetch" href="https://data.wowtoken.app">
|
|
<link rel="preload" href="https://data.wowtoken.app/v2/current/retail.json" as="fetch" type="application/json" crossorigin="anonymous">
|
|
<link rel="preload" href="https://data.wowtoken.app/v2/relative/retail/us/72h.json" as="fetch" type="application/json" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<div class="flex-container">
|
|
<div class="data-header">
|
|
<h1>1 Token = <u id="token">0</u> Gold</h1>
|
|
<div class="high-low">
|
|
<p>Lowest in last <em id="low-time">3 days</em>: <u id="low-val">0</u></p>
|
|
<p>Highest in last <em id="high-time">3 days</em>: <u id="high-val">0</u></p>
|
|
</div>
|
|
</div>
|
|
<div id="chart-frame">
|
|
<div class="lds-ripple" id="loader"><div></div><div></div></div>
|
|
<canvas id="token-chart"></canvas>
|
|
<div id="option_select">
|
|
<fieldset id="basic-options">
|
|
<legend>Basic chart options</legend>
|
|
<div>
|
|
<label for="region">Region:</label>
|
|
<select name="region" id="region">
|
|
<option value="us">US</option>
|
|
<option value="eu">EU</option>
|
|
<option value="kr">KR</option>
|
|
<option value="tw">TW</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="time">Time Selection:</label>
|
|
<select name="time" id="time">
|
|
<option value="72h">3 Days</option>
|
|
<option value="168h">7 Days</option>
|
|
<option value="336h">14 Days</option>
|
|
<option value="720h">1 Month</option>
|
|
<option value="90d">3 Months</option>
|
|
<option value="6m">6 Months</option>
|
|
<option value="1y">1 Year</option>
|
|
<option value="2y">2 Years</option>
|
|
<option value="all">All Available</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<label for="enable-advanced">Enable advanced charting options:</label>
|
|
<input type="checkbox" id="enable-advanced" name="enable-advanced" />
|
|
</div>
|
|
</fieldset>
|
|
<fieldset id="advanced-options">
|
|
<legend>Advanced chart options</legend>
|
|
<fieldset id="basic-smoothing">
|
|
<label for="aggregate">Smoothing Function:</label>
|
|
<select name="aggregate" id="aggregate">
|
|
<option id='agg_none' value="none">None</option>
|
|
<option id='agg_davg' value="avg">Daily Average</option>
|
|
</select>
|
|
</fieldset>
|
|
<fieldset id="period-overlay-options">
|
|
<label for="period-overlay" id="period-overlay-label">
|
|
Overlay previous <em id="period-time">0 hours</em> on current period:
|
|
</label>
|
|
<input type="checkbox" id="period-overlay" name="period-overlay">
|
|
</fieldset>
|
|
<fieldset id="y-start-options">
|
|
<label for="y-start">Start y-axis at 0:</label>
|
|
<input type="checkbox" id="y-start" name="y-start"/>
|
|
</fieldset>
|
|
|
|
</fieldset>
|
|
<div class="tooltip">
|
|
<button id="copyURLButton">
|
|
<span class="tooltiptext" id="urlTooltip">Copy to clipboard</span>
|
|
Copy URL to this Chart
|
|
</button>
|
|
</div>
|
|
<div class="other-projects">
|
|
<p><em>
|
|
Get alerted when the Token hits certain thresholds using TokenBot, find out more <a href="https://blog.emily.sh/token-bot/">here!</a>
|
|
</em></p>
|
|
<hr />
|
|
<p><em>Looking for the classic WoW Token price? Find it <a href="https://classic.wowtoken.app">here!</a></em></p>
|
|
</div>
|
|
</div>
|
|
<details id="about">
|
|
<summary>About this Site</summary>
|
|
This is a site developed to track the value of the World of Warcraft Token from various
|
|
regions over time. I developed it because I wanted a quick and simple way to track the
|
|
cost without being advertised to or tracked, and to play around with various "serverless"
|
|
technologies. As such, my promise to you is never to use any tracking Javascript, and the
|
|
only logging is for debugging purposes of the backend - which does not get IPs.
|
|
</details>
|
|
<details id="what-is">
|
|
<summary>What is the WoW Token</summary>
|
|
The World of Warcraft Token is a first-party system developed by Blizzard to allow you
|
|
to either spend currency (local denomination or Blizzard Balance) and convert it to gold
|
|
in retail World of Warcraft, or use gold to buy game time or Blizzard Balance. To find out
|
|
more, visit the support article on Blizzard's website
|
|
<a href="https://us.battle.net/support/en/article/31218">here</a>.
|
|
</details>
|
|
<div id="source">
|
|
<p>
|
|
<a href="https://blog.emily.sh/wowtoken-app/">Source</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|