Made time and region selection html selects, updated about to new site

This commit is contained in:
2022-06-09 04:38:43 -04:00
committed by sneaky-emily
parent 168d58947b
commit 16511f1abd
4 changed files with 807 additions and 715 deletions

40
dist/index.html vendored
View File

@@ -4,7 +4,7 @@
<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 ever.">
<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/token/current.json" as="fetch" type="application/json" crossorigin="anonymous">
@@ -18,29 +18,31 @@
<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>
<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>
<br />
<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="30d">1 Month</option>
<option value="90d">3 Months</option>
<option value="6m">6 Months</option>
<option value="1y">1 Year</option>
<option value="all">All Available</option>
</select>
</div>
<div id="source">
<p>
<a href="https://github.com/sneaky-emily/wowtoken.app">Source</a>
|
<a href="https://emilyd.xyz/projects/wowtoken-app/">About</a>
<a href="https://emily.sh/blog/2021/04/developing-a-simple-wow-token-tracker/">About</a>
</p>
</div>
</div>