wowtoken-app/wowtoken.app
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial branch and changes for Classic token

Browse Source
This commit is contained in:
Emily Doherty 2023-05-23 18:19:06 -07:00
parent 86555f5983
commit e090a93605
3 changed files with 28 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/index.html
View File

@ -4,15 +4,15 @@
<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.">
<meta name="description" content="Track current and historical gold price trends for the World of Warcraft (WoW) Classic 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">
<link rel="preload" href="https://data.wowtoken.app/token/history/us/72h.json" as="fetch" type="application/json" crossorigin="anonymous">
<link rel="preload" href="https://data.wowtoken.app/classic/token/current.json" as="fetch" type="application/json" crossorigin="anonymous">
<link rel="preload" href="https://data.wowtoken.app/classic/token/history/us/72h.json" as="fetch" type="application/json" crossorigin="anonymous">
</head>
<body>
<div class="flex-container">
<div><h1>1 Token = <u id="token">0</u> Gold</h1></div>
<div><h1>1 Classic Token = <u id="token">0</u> Gold</h1></div>
<div id="chart-frame">
<div class="lds-ripple" id="loader"><div></div><div></div></div>
<canvas id="token-chart"></canvas>
@ -31,12 +31,12 @@
<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="336h" disabled>14 Days</option>
<option value="720h" disabled>1 Month</option>
<option value="90d" disabled>3 Months</option>
<option value="6m" disabled>6 Months</option>
<option value="1y" disabled>1 Year</option>
<option value="2y" disabled>2 Years</option>
<option value="all">All Available</option>
</select>
</p>
@ -46,6 +46,9 @@
Copy URL to this Chart
</button>
</div>
<div>
<p><em>Looking for the retail WoW Token price? Find it <a href="https://wowtoken.app">here!</a></em></p>
</div>
</div>
<details id="advanced">
<summary>Advanced Options</summary>
@ -75,8 +78,8 @@
<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
in retail and classic World of Warcraft, or use gold to buy game time.
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">

8
src/index.js
View File

@ -45,7 +45,7 @@ function populateChart() {
data: {
datasets: [{
borderColor: 'gold',
label: currentRegionSelection.toUpperCase() + " WoW Token Price",
label: currentRegionSelection.toUpperCase() + " WoW Classic Token Price",
data: chartJsData,
cubicInterpolationMode: 'monotone',
pointRadius: 0
@ -67,7 +67,7 @@ function populateChart() {
async function callUpdateURL() {
let resp = await fetch("https://data.wowtoken.app/token/current.json");
let resp = await fetch("https://data.wowtoken.app/classic/token/current.json");
let data = await resp.json();
updateTokens(data);
}
@ -171,7 +171,7 @@ function updateAggregatePreference(newAggregate) {
}
function urlBuilder() {
let url = "https://data.wowtoken.app/token/history/";
let url = "https://data.wowtoken.app/classic/token/history/";
if (currentAggregateSelection !== 'none') {
url += `${currentAggregateSelection}/`
}
@ -263,7 +263,7 @@ function detectURLQuery() {
}
function buildDeepLinksURL() {
let url = "https://wowtoken.app/?"
let url = "https://classic.wowtoken.app/?"
if (currentTimeSelection !== '72h'){
url += `time=${currentTimeSelection}&`
}

18
src/style.css
View File

@ -176,8 +176,8 @@ h6 {
font-weight: 700;
}
html {
background-color: #073642;
color: #839496;
background-color: #6b4233;
color: #b7b7b7;
margin: 1em;
}
/*body {
@ -197,7 +197,7 @@ a:hover {
color: #cb4b16;
}
h1 {
color: #d33682;
color: #ffd5e9;
}
h2,
h3,
@ -209,7 +209,7 @@ h6 {
pre {
background-color: #002b36;
color: #839496;
border: 1pt solid #586e75;
border: 1pt solid #000000;
padding: 1em;
box-shadow: 5pt 5pt 8pt #073642;
}
@ -304,10 +304,10 @@ h6 {
display: flex;
flex-direction: column;
justify-content: center;
background-color: #002b36;
background-color: #2f201e;
margin: 0 auto;
max-width: 85%;
border: 1pt solid #586e75;
border: 1pt solid #000000;
padding: 1em;
}
@ -325,8 +325,8 @@ p {
}
details {
background-color: #073642;
border: 1px solid #aaa;
background-color: #6b4233;
border: 1px solid #000000;
border-radius: 4px;
padding: 0.5em 0.5em 0;
font-size: 17px;
@ -347,7 +347,7 @@ details[open] {
}
details[open] summary {
border-bottom: 1px solid #aaa;
border-bottom: 1px solid #000000;
margin-bottom: 0.5em;
}