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

Compare commits

base: wowtoken-app:86555f598397d49173272aa9c03004af46f916a2
Branches Tags
wowtoken-app:main
wowtoken-app:classic
wowtoken-app:feature/candlestick
...
compare: wowtoken-app:a1b1dc63ff1a901100599e973c90a41dbb5e49ab
Branches Tags
wowtoken-app:classic
wowtoken-app:main
wowtoken-app:feature/candlestick

4 Commits
86555f5983 ... a1b1dc63ff

Author SHA1 Message Date
Emily Doherty
a1b1dc63ff Remove extraneous time selections, enable 14d 2023-05-30 03:49:54 -07:00
Emily Doherty
249f9e281f Textual updates 2023-05-23 19:14:30 -07:00
Emily Doherty
bda9edf3df Bump node version 2023-05-23 18:27:53 -07:00
Emily Doherty
e090a93605 Initial branch and changes for Classic token 2023-05-23 18:19:06 -07:00
4 changed files with 26 additions and 28 deletions
Show Stats Expand all files Collapse all files

2
buildspec.yml
View File

@ -3,7 +3,7 @@ version: 0.2
phases: phases:
install: install:
runtime-versions: runtime-versions:
nodejs: 16 nodejs: 18
commands: commands:
- echo Installing dependencies... - echo Installing dependencies...
- npm install - npm install

26
src/index.html
View File

@ -1,18 +1,18 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>WoW Historical Token Prices Tracker</title> <title>WoW Classic Historical Token Prices Tracker</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <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="preconnect" href="https://data.wowtoken.app">
<link rel="dns-prefetch" 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/classic/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/history/us/72h.json" as="fetch" type="application/json" crossorigin="anonymous">
</head> </head>
<body> <body>
<div class="flex-container"> <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 id="chart-frame">
<div class="lds-ripple" id="loader"><div></div><div></div></div> <div class="lds-ripple" id="loader"><div></div><div></div></div>
<canvas id="token-chart"></canvas> <canvas id="token-chart"></canvas>
@ -32,11 +32,6 @@
<option value="72h">3 Days</option> <option value="72h">3 Days</option>
<option value="168h">7 Days</option> <option value="168h">7 Days</option>
<option value="336h">14 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> <option value="all">All Available</option>
</select> </select>
</p> </p>
@ -46,6 +41,9 @@
Copy URL to this Chart Copy URL to this Chart
</button> </button>
</div> </div>
<div>
<p><em>Looking for the retail WoW Token price? Find it <a href="https://wowtoken.app">here!</a></em></p>
</div>
</div> </div>
<details id="advanced"> <details id="advanced">
<summary>Advanced Options</summary> <summary>Advanced Options</summary>
@ -65,7 +63,7 @@
</details> </details>
<details id="about"> <details id="about">
<summary>About this Site</summary> <summary>About this Site</summary>
This is a site developed to track the value of the World of Warcraft Token from various This is a site developed to track the value of the World of Warcraft Classic Token from various
regions over time. I developed it because I wanted a quick and simple way to track the 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" 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 technologies. As such, my promise to you is never to use any tracking Javascript, and the
@ -73,10 +71,10 @@
</details> </details>
<details id="what-is"> <details id="what-is">
<summary>What is the WoW Token</summary> <summary>What is the WoW Token</summary>
The World of Warcraft Token is a first-party system developed by Blizzard to allow you The World of Warcraft Classic 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 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 in classic World of Warcraft, or use gold to buy game time.
more, visit the support article on Blizzard's website To find out more, visit the support article on Blizzard's website
<a href="https://us.battle.net/support/en/article/31218">here</a>. <a href="https://us.battle.net/support/en/article/31218">here</a>.
</details> </details>
<div id="source"> <div id="source">

8
src/index.js
View File

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

18
src/style.css
View File

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