wowtoken.app

git clone https://git.emily.sh/wowtoken-app/wowtoken.app.git
Log | Files | Refs | README | LICENSE

index.html (6848B)


      1 <!doctype html>
      2 <html lang="en">
      3     <head>
      4         <title>WoW Historical Token Prices Tracker</title>
      5         <meta charset="UTF-8">
      6         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      7         <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.">
      8         <link rel="preconnect" href="https://data.wowtoken.app">
      9 	    <link rel="dns-prefetch" href="https://data.wowtoken.app">
     10         <link rel="preload" href="https://data.wowtoken.app/v2/current/retail.json" as="fetch" type="application/json" crossorigin="anonymous">
     11         <link rel="preload" href="https://data.wowtoken.app/v2/relative/retail/us/72h.json" as="fetch" type="application/json" crossorigin="anonymous">
     12     </head>
     13     <body>
     14         <div class="flex-container">
     15             <div class="data-header">
     16                 <h1>1 Token = <u id="token">0</u> Gold</h1>
     17                 <div class="high-low">
     18                     <p>Lowest in last <em id="low-time">3 days</em>: <u id="low-val">0</u></p>
     19                     <p>Highest in last <em id="high-time">3 days</em>: <u id="high-val">0</u></p>
     20                 </div>
     21             </div>
     22             <div id="chart-frame">
     23                 <div class="lds-ripple" id="loader"><div></div><div></div></div>
     24                 <canvas id="token-chart"></canvas>
     25                 <div id="option_select">
     26                     <fieldset id="basic-options">
     27                         <legend>Basic chart options</legend>
     28                         <div>
     29                             <label for="region">Region:</label>
     30                             <select name="region" id="region">
     31                                 <option value="us">US</option>
     32                                 <option value="eu">EU</option>
     33                                 <option value="kr">KR</option>
     34                                 <option value="tw">TW</option>
     35                             </select>
     36                         </div>
     37                         <div>
     38                             <label for="time">Time Selection:</label>
     39                             <select name="time" id="time">
     40                                 <option value="72h">3 Days</option>
     41                                 <option value="168h">7 Days</option>
     42                                 <option value="336h">14 Days</option>
     43                                 <option value="720h">1 Month</option>
     44                                 <option value="90d">3 Months</option>
     45                                 <option value="6m">6 Months</option>
     46                                 <option value="1y">1 Year</option>
     47                                 <option value="2y">2 Years</option>
     48                                 <option value="all">All Available</option>
     49                             </select>
     50                         </div>
     51                         <div>
     52                             <label for="enable-advanced">Enable advanced charting options:</label>
     53                             <input type="checkbox" id="enable-advanced" name="enable-advanced" />
     54                         </div>
     55                     </fieldset>
     56                     <fieldset id="advanced-options">
     57                         <legend>Advanced chart options</legend>
     58                         <fieldset id="basic-smoothing">
     59                             <label for="aggregate">Smoothing Function:</label>
     60                             <select name="aggregate" id="aggregate">
     61                                 <option id='agg_none' value="none">None</option>
     62                                 <option id='agg_davg' value="avg">Daily Average</option>
     63                             </select>
     64                         </fieldset>
     65                         <fieldset id="period-overlay-options">
     66                             <label for="period-overlay" id="period-overlay-label">
     67                                 Overlay previous <em id="period-time">0 hours</em> on current period:
     68                             </label>
     69                             <input type="checkbox" id="period-overlay" name="period-overlay">
     70                         </fieldset>
     71                         <fieldset id="y-start-options">
     72                             <label for="y-start">Start y-axis at 0:</label>
     73                             <input type="checkbox" id="y-start" name="y-start"/>
     74                         </fieldset>
     75 
     76                     </fieldset>
     77                     <div class="tooltip">
     78                         <button id="copyURLButton">
     79                             <span class="tooltiptext" id="urlTooltip">Copy to clipboard</span>
     80                             Copy URL to this Chart
     81                         </button>
     82                     </div>
     83                     <div class="other-projects">
     84                         <p><em>
     85                             Get alerted when the Token hits certain thresholds using GoblinBot, find out more <a href="https://blog.emily.sh/token-bot/">here!</a>
     86                         </em></p>
     87                         <hr />
     88                         <p><em>Looking for the classic WoW Token price? Find it <a href="https://classic.wowtoken.app">here!</a></em></p>
     89                     </div>
     90                 </div>
     91                 <details id="about">
     92                     <summary>About this Site</summary>
     93                     This is a site developed to track the value of the World of Warcraft Token from various
     94                     regions over time. I developed it because I wanted a quick and simple way to track the
     95                     cost without being advertised to or tracked, and to play around with various "serverless"
     96                     technologies. As such, my promise to you is never to use any tracking Javascript, and the
     97                     only logging is for debugging purposes of the backend - which does not get IPs.
     98                 </details>
     99                 <details id="what-is">
    100                     <summary>What is the WoW Token</summary>
    101                     The World of Warcraft Token is a first-party system developed by Blizzard to allow you
    102                     to either spend currency (local denomination or Blizzard Balance) and convert it to gold
    103                     in retail World of Warcraft, or use gold to buy game time or Blizzard Balance. To find out
    104                     more, visit the support article on Blizzard's website
    105                     <a href="https://us.battle.net/support/en/article/31218">here</a>.
    106                 </details>
    107                 <div id="source">
    108                     <p>
    109                         <a href="https://blog.emily.sh/wowtoken-app/">Source</a>
    110                     </p>
    111                 </div>
    112             </div>
    113         </div>
    114     </body>
    115 </html>