-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 35 KB
/
index.html
1
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="semantic-ui/semantic.min.css"> <script src="js/jquery.min.js"></script> <script src="semantic-ui/semantic.min.js"></script> <script src="js/circle-progress.js"></script> <script src="js/flipclock.min.js"></script> <link rel="stylesheet" href="css/flipclock.min.css"> <link rel="stylesheet" href="css/main.min.css"> <title>YACSS - Crimefest Statistics</title> </head> <body> <h1 class="ui center aligned header">Yet Another <a href="http://www.overkillsoftware.com/games/roadtocrimefest/" target="_blank">Crimefest</a> Statistics Site</h2> <div class="ui one column centered stackable grid container"> <div class="two column centered row"> <div class="column" id="left"> <div class="ui large violet message"> <div class="content"> Refreshing in <span style="color: violet;" id="countdown">10</span> seconds. </div></div><div class="ui icon warning message" id="devMessage"> <i class="warning icon"></i> <div class="content"> <div class="header"> Developer site </div>This is a non-minified, non-stable and experimental site. Please visit the <a href="index.html">Main Site</a> if you aren't a developer. </div></div><div class="ui icon blue message"> <i class="thumbs archive icon"></i> <div class="content"> <div class="header"> Archive mode </div>This particular site was made for the Crimfest 2015 Community Event for the Game <a href="https://store.steampowered.com/app/218620/PAYDAY_2/">PayDay 2</a>. I will leave this site available as an archived version. </div></div><div class="ui icon blue message" id="loadingMessage"> <i class="refresh loading icon"></i> <div class="content"> <div class="header"> Just one second </div>Fetching Steam data... </div></div><div class="ui icon error message" id="warningMessage"> <i class="warning sign icon"></i> <div class="content"> <div class="header"> An error occured (SteamGlobalStats) </div>Failed fetching Steam Web API data. Check <a href="https://steamstat.us/" target_"_blank">Steamstat.us</a> if it's down. </div></div><div class="ui icon error message" id="warningCurrentMessage"> <i class="warning sign icon"></i> <div class="content"> <div class="header"> An error occured (Player_Count) </div>Failed fetching current PayDay2 player count via Steam Web API. Check <a href="https://steamstat.us/" target_"_blank">Steamstat.us</a> if it's down. </div></div></div><div class="mobile only column" id="left"> <div class="ui icon info message"> <i class="mobile icon"></i> <div class="content"> You are visiting the mobile site. </div></div></div></div></div><script>$("#warningMessage").hide(); $("#warningCurrentMessage").hide(); var url=window.location.pathname; var filename=url.substring(url.lastIndexOf('/')+1); if (filename !="index-dev.html"){$("#devMessage").hide();}else{console.log("You are visiting the developer site of YACSS");}</script> <div class="ui two column centered stackable grid" id="grid"> <div class="five column centered row"> <div class="ui horizontal inverted divider"> <p><i class="wait icon"></i>Countdown to Crimefest</p></div><div class="six wide computer only column"> <h3 class="ui center aligned header">Time until the 24th of October (End of Crimefest)</h4> <div class="clock" style="margin:2em;"></div></div><div class="ui horizontal inverted divider"> <p><i class="tag icon"></i>Final Challenge</p></div><div class="column"> <h3 class="ui center aligned header">Offshore Payday does count!</h4> <div class="circle Final"></div><span id="FinalNumber">0</span> / 5,000,000 <h4 class="ui center aligned header">Last Drop</h4> Get 5,000,000 Card Loot Drops during the Road to Crimefest </div><div class="ui horizontal inverted divider"> <p><i class="tags icon"></i>Challenge 6</p></div><div class="column"> <h3 class="ui center aligned header">Chains</h4> <div class="circle ChainsSixth"></div><span id="ChainsSixthNumber">0</span> / 2,500 <h4 class="ui center aligned header">I Am A Stone, I Do Not Move</h4> Complete 2,500 Watchdogs heists with your personal accuracy above 70% during the Road to Crimefest. </div><div class="column"> <h3 class="ui center aligned header">Clover</h4> <div class="circle CloverSixth"></div><span id="CloverSixthNumber">0</span> / 80,000 <h4 class="ui center aligned header">An Offer They Can't Refuse</h4> Convert 80,000 law enforcers to fight on your side using the Joker Skill during the Road to Crimefest. </div><div class="column"> <h3 class="ui center aligned header">Dallas</h4> <div class="circle DallasSixth"></div><span id="DallasSixthNumber">0</span> / 250,000 <h4 class="ui center aligned header">Buttshot!</h4> Kill 250,000 Shields with shotguns during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Houston</h4> <div class="circle HoustonSixth"></div><span id="HoustonSixthNumber">0</span> / 20 <h4 class="ui center aligned header">OVERKILL Salutes You! <a class='ui tag green label'><i class='checkmark icon'></i>Done!</a></h4> Complete 20 Crimefest challenges during the Road to Crimefest event. </div><div class="ui horizontal inverted divider"> <p><i class="tags icon"></i>Challenge 5</p></div><div class="column"> <h3 class="ui center aligned header">Chains</h4> <div class="circle ChainsFifth"></div><span id="ChainsFifthNumber">0</span> / 20,000 <h4 class="ui center aligned header">SevenThreeFiveFiveSixZeroEight</h4> Complete 20,000 GO Bank heists while using the CAR-4 Rifle or the AK Rifle during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Clover</h4> <div class="circle CloverFifth"></div><span id="CloverFifthNumber">0</span> / 20,000 <h4 class="ui center aligned header">Bearded Wisdom</h4> Help Vlad's brother in law escape 20,000 times on White Xmas during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Dallas</h4> <div class="circle DallasFifth"></div><span id="DallasFifthNumber">0</span> / 150,000 <h4 class="ui center aligned header">Winters Came and Went</h4> Defeat Captain Winters' squadmembers 150,000 times during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Houston</h4> <div class="circle HoustonFifth"></div><span id="HoustonFifthNumber">0</span> / 250,000 <h4 class="ui center aligned header">I looked, and behold, a white horse.</h4> Complete 250,000 heists on the Death Wish difficulty during the Road to Crimefest event </div><div class="ui horizontal inverted divider"> <p><i class="tags icon"></i>Challenge 4</p></div><div class="column"> <h3 class="ui center aligned header">Chains</h4> <div class="circle ChainsFourth"></div><span id="ChainsFourthNumber">0</span> / 50,000 <h4 class="ui center aligned header">Unbox Day!</h4> Complete 50,000 heists with a vault during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Clover</h4> <div class="circle CloverFourth"></div><span id="CloverFourthNumber">0</span> / 30,000 <h4 class="ui center aligned header">Dark Arts</h4> Complete the Framing Frame heist 30,000 times during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Dallas</h4> <div class="circle DallasFourth"></div><span id="DallasFourthNumber">0</span> / 30,000 <h4 class="ui center aligned header">Crime.net Overload!</h4> Reach a peak of 30,000 players playing PAYDAY 2 online at the same time during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Houston</h4> <div class="circle HoustonFourth"></div><span id="HoustonFourthNumber">0</span> / 4,000,000 <h4 class="ui center aligned header">Don't Tase Me Bro</h4> Kill 4,000,000 Tasers during the Road to Crimefest event. </div><div class="ui horizontal inverted divider"> <p><i class="tags icon"></i>Challenge 3</p></div><div class="column"> <h3 class="ui center aligned header">Chains</h4> <div class="circle ChainsThird"></div><span id="ChainsThirdNumber">0</span> / 70,000 <h4 class="ui center aligned header">Get to cooking!</h4> Complete heists where you manufacture illegal drugs 70,000 times during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Clover</h4> <div class="circle CloverThird"></div><span id="CloverThirdNumber">0</span> / 40,000 <h4 class="ui center aligned header">A Hundred Different Ways!</h4> Eliminate the rat on the Hoxton Revenge heist 40,000 times during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Dallas</h4> <div class="circle DallasThird"></div><span id="DallasThirdNumber">0</span> / 3,000,000,000,000 <h4 class="ui center aligned header">PAYDAY, All Day, Every Day</h4> Earn $3,000,000,000,000 during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Houston</h4> <div class="circle HoustonThird"></div><span id="HoustonThirdNumber">0</span> / 1,000,000 <h4 class="ui center aligned header">Jacket Up!</h4> Kill 1,000,000 gangsters with any baseball bat during the Road to Crimefest event. </div><div class="ui horizontal inverted divider"> <p><i class="tags icon"></i>Challenge 2</p></div><div class="column"> <h3 class="ui center aligned header">Chains</h4> <div class="circle ChainsSecond"></div><span id="ChainsSecondNumber">0</span> / 300,000 <h4 class="ui center aligned header">Get the Fuck Down!</h4> Zip-tie 300,000 civilians during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Clover</h4> <div class="circle CloverSecond"></div><span id="CloverSecondNumber">0</span> / 100,000,000,000 <h4 class="ui center aligned header">Grind Fest</h4> Earn 100,000,000,000 experience during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Dallas</h4> <div class="circle DallasSecond"></div><span id="DallasSecondNumber">0</span> / 70,000 <h4 class="ui center aligned header">Let's Do This</h4> Kill 70,000 Bulldozers with submachine guns during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Houston</h4> <div class="circle HoustonSecond"></div><span id="HoustonSecondNumber">0</span> / 15,000,000 <h4 class="ui center aligned header">Self Defense, I swear!</h4> Kill 15,000,000 enemies during the Road to Crimefest event. </div><div class="ui horizontal inverted divider"> <p><i class="tags icon"></i>Challenge 1</p></div><div class="column"> <h3 class="ui center aligned header">Chains</h4> <div class="circle ChainsFirst"></div><span id="ChainsFirstNumber">0</span> / 1,000,000 <h4 class="ui center aligned header">We're all Bonnie here!</h4> Kill One Million enemies with the whisky bottle during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Clover</h4> <div class="circle CloverFirst"></div><span id="CloverFirstNumber">0</span> / 2,000,000 <h4 class="ui center aligned header">WOLOLOLOLOLOOO!</h4> Kill Two Million cloakers during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Dallas</h4> <div class="circle DallasFirst"></div><span id="DallasFirstNumber">0</span> / 100,000 <h4 class="ui center aligned header">Hair Fallout</h4> Steal the warheads for Vlad in the Meltdown heist 100,000 times during the Road to Crimefest event. </div><div class="column"> <h3 class="ui center aligned header">Houston</h4> <div class="circle HoustonFirst"></div><span id="HoustonFirstNumber">0</span> / 120,000 <h4 class="ui center aligned header">Wankers</h4> Help Hoxton break into the FBI and steal the server 120,000 times during the Road to Crimefest event. </div></div></div><div class="ui inverted vertical footer segment" id="footer"> <div class="ui container"> <div class="ui stackable inverted divided equal height stackable grid"> <div class="three wide column"> <h4 class="ui inverted header">About</h4> <div class="ui inverted link list"> <a href="https://www.reddit.com/user/Der-Eddy/" class="item"><i class="reddit square icon"></i> /u/Der-Eddy</a> <a href="http://steamcommunity.com/id/der-eddy/" class="item"><i class="steam square icon"></i> Der-Eddy</a> <a href="https://github.com/Der-Eddy/crimefest-statistics" class="item"><i class="github square icon"></i> Github Repository</a> <a href="https://www.reddit.com/r/paydaytheheist/comments/3net30/yet_another_crimefest_statistics_site_link_inside/" class="item"><i class="reddit square icon"></i> Reddit Topic</a> <a href="https://blog.eddy-dev.net/about/" class="item"><i class="info icon"></i> Contact</a> <a href="https://blog.eddy-dev.net/about/" class="item"><i class="info icon"></i> Do-not-Track</a> </div></div><div class="three wide column"> <h4 class="ui inverted header">Made with</h4> <div class="ui inverted link list"> <a href="http://semantic-ui.com/" class="item"><i class="css3 icon"></i> Semantic-UI</a> <a href="https://github.com/kottenator/jquery-circle-progress" class="item"><i class="circle notched icon"></i> jQuery Circle Progress</a> <a href="http://www.flipclockjs.com/" class="item"><i class="wait icon"></i> FlipClock.js</a> <a href="http://jquery.com/" class="item"><i class="code icon"></i> jQuery</a> <a href="https://pages.github.com/" class="item"><i class="github icon"></i> GitHub Pages</a> <a href="https://www.cloudflare.com/" class="item"><i class="soundcloud icon"></i> Cloudflare</a> </div></div><div class="five wide column"> <h4 class="ui inverted header">Other cool informations</h4> <p>Consider visiting <a href="https://www.reddit.com/r/paydaytheheist">/r/paydaytheheist</a> for cool discussions, news and other stuff for PayDay2!</p><br><br><p>This site is <a href="https://github.com/Der-Eddy/crimefest-statistics">Open-Sourced</a> with the <a href="#" onclick="$('#license').modal('show');">MIT License</a></p></div><div class="four wide column"> <h4 class="ui inverted header">Other statistics</h4> <div class="ui tiny inverted statistic"> <div class="value" id="currentPlayer"> 0 </div><div class="label"> Current PayDay2 Player </div></div><div class="ui tiny inverted statistic" data-content="During Crimefest" id="maxPlayerStatistic"> <div class="value" id="maxPlayer"> 0 </div><div class="label"> Max PayDay2 Player </div></div></div></div></div></div><div class="ui small modal" id="license"> <i class="close icon"></i> <div class="header"> License </div><div class="content"> <div class="description"> <p>The MIT License (MIT)</p><br><p>Copyright (c) 2015 - 2018</p><br><p>Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sellcopies of the Software, and to permit persons to whom the Software isfurnished to do so, subject to the following conditions:</p><br><p>The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.</p><br><p>THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.</p></div></div></div><script>var clock; $(document).ready(function(){var currentDate=new Date(); var futureDate=new Date("October 25, 2020 00:00:00"); var diff=futureDate.getTime() / 1000 - currentDate.getTime() / 1000; clock=$('.clock').FlipClock(diff,{clockFace: 'DailyCounter', countdown: true});}); var ChainsFirst=$('.ChainsFirst.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); ChainsFirst.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var DallasFirst=$('.DallasFirst.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); DallasFirst.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var CloverFirst=$('.CloverFirst.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); CloverFirst.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var HoustonFirst=$('.HoustonFirst.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); var ChainsSecond=$('.ChainsSecond.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); ChainsSecond.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var DallasSecond=$('.DallasSecond.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); DallasSecond.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var CloverSecond=$('.CloverSecond.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); CloverSecond.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 5.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var HoustonSecond=$('.HoustonSecond.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); HoustonSecond.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 5.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var ChainsThird=$('.ChainsThird.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); ChainsThird.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var DallasThird=$('.DallasThird.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); DallasThird.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var CloverThird=$('.CloverThird.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); CloverThird.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var HoustonThird=$('.HoustonThird.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); HoustonThird.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); HoustonFirst.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var ChainsFourth=$('.ChainsFourth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); ChainsFourth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 7 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var DallasFourth=$('.DallasFourth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); DallasFourth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var CloverFourth=$('.CloverFourth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); CloverFourth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var HoustonFourth=$('.HoustonFourth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); HoustonFourth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var ChainsFifth=$('.ChainsFifth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); ChainsFifth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var DallasFifth=$('.DallasFifth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); DallasFifth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var CloverFifth=$('.CloverFifth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); CloverFifth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var HoustonFifth=$('.HoustonFifth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); HoustonFifth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 6.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var ChainsSixth=$('.ChainsSixth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); ChainsSixth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var DallasSixth=$('.DallasSixth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); DallasSixth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var CloverSixth=$('.CloverSixth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); CloverSixth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var HoustonSixth=$('.HoustonSixth.circle').circleProgress({value: 0, size: 150, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); HoustonSixth.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); var Final=$('.Final.circle').circleProgress({value: 0, size: 200, startAngle: 1.5 * Math.PI, thickness: 20, reverse: true, fill:{image: "img/circle-bg.jpg",}}); Final.on('circle-animation-progress', function(e, v, stepValue){var obj=$(this).data('circle-progress'), ctx=obj.ctx, s=obj.size, sv=(100 * stepValue).toFixed(), fill=obj.arcFill; ctx.save(); ctx.font=s / 4.0 + "px sans-serif"; ctx.textAlign='center'; ctx.textBaseline='middle'; ctx.fillStyle=fill; ctx.fillText(sv + '%', s / 2, s / 2); ctx.restore();}); function refresh(doneTag){$("#warningMessage").fadeOut(); $("#warningCurrentMessage").fadeOut(); $.getJSON( "api.json", function( data ){$("#loadingMessage").fadeOut(); var Final=parseInt(data.response.globalstats.crimefest_challenge_final.total); $("#FinalNumber").text(Final.toLocaleString()); $('.Final').circleProgress('value', Final / 5000000); var ChainsSixth=parseInt(data.response.globalstats.crimefest_challenge_chains_6.total); $("#ChainsSixthNumber").text(ChainsSixth.toLocaleString()); $('.ChainsSixth').circleProgress('value', ChainsSixth / 2500); var DallasSixth=parseInt(data.response.globalstats.crimefest_challenge_dallas_6.total); $("#DallasSixthNumber").text(DallasSixth.toLocaleString()); $('.DallasSixth').circleProgress('value', DallasSixth / 250000); var CloverSixth=parseInt(data.response.globalstats.crimefest_challenge_clover_6.total); $("#CloverSixthNumber").text(CloverSixth.toLocaleString()); $('.CloverSixth').circleProgress('value', CloverSixth / 80000); var ChainsFifth=parseInt(data.response.globalstats.crimefest_challenge_chains_5.total); $("#ChainsFifthNumber").text(ChainsFifth.toLocaleString()); $('.ChainsFifth').circleProgress('value', ChainsFifth / 20000); var DallasFifth=parseInt(data.response.globalstats.crimefest_challenge_dallas_5.total); $("#DallasFifthNumber").text(DallasFifth.toLocaleString()); $('.DallasFifth').circleProgress('value', DallasFifth / 150000); var CloverFifth=parseInt(data.response.globalstats.crimefest_challenge_clover_5.total); $("#CloverFifthNumber").text(CloverFifth.toLocaleString()); $('.CloverFifth').circleProgress('value', CloverFifth / 20000); var HoustonFifth=parseInt(data.response.globalstats.crimefest_challenge_houston_5.total); $("#HoustonFifthNumber").text(HoustonFifth.toLocaleString()); $('.HoustonFifth').circleProgress('value', HoustonFifth / 250000); var ChainsFourth=parseInt(data.response.globalstats.crimefest_challenge_chains_4.total); $("#ChainsFourthNumber").text(ChainsFourth.toLocaleString()); $('.ChainsFourth').circleProgress('value', ChainsFourth / 50000); var CloverFourth=parseInt(data.response.globalstats.crimefest_challenge_clover_4.total); $("#CloverFourthNumber").text(CloverFourth.toLocaleString()); $('.CloverFourth').circleProgress('value', CloverFourth / 30000); var HoustonFourth=parseInt(data.response.globalstats.crimefest_challenge_houston_4.total); $("#HoustonFourthNumber").text(HoustonFourth.toLocaleString()); $('.HoustonFourth').circleProgress('value', HoustonFourth / 4000000); var ChainsThird=parseInt(data.response.globalstats.crimefest_challenge_chains_3.total); $("#ChainsThirdNumber").text(ChainsThird.toLocaleString()); $('.ChainsThird').circleProgress('value', ChainsThird / 70000); var DallasThird=parseInt(data.response.globalstats.crimefest_challenge_dallas_3.total) * 10000; $("#DallasThirdNumber").text(DallasThird.toLocaleString()); $('.DallasThird').circleProgress('value', DallasThird / 3000000000000); var CloverThird=parseInt(data.response.globalstats.crimefest_challenge_clover_3.total); $("#CloverThirdNumber").text(CloverThird.toLocaleString()); $('.CloverThird').circleProgress('value', CloverThird / 40000); var HoustonThird=parseInt(data.response.globalstats.crimefest_challenge_houston_3.total); $("#HoustonThirdNumber").text(HoustonThird.toLocaleString()); $('.HoustonThird').circleProgress('value', HoustonThird / 1000000); var ChainsSecond=parseInt(data.response.globalstats.crimefest_challenge_chains_2.total); $("#ChainsSecondNumber").text(ChainsSecond.toLocaleString()); $('.ChainsSecond').circleProgress('value', ChainsSecond / 300000); var DallasSecond=parseInt(data.response.globalstats.crimefest_challenge_dallas_2.total) + 13000; $("#DallasSecondNumber").text(DallasSecond.toLocaleString()); $('.DallasSecond').circleProgress('value', DallasSecond / 70000); var CloverSecond=parseInt(data.response.globalstats.crimefest_challenge_clover_2.total) * 100; $("#CloverSecondNumber").text(CloverSecond.toLocaleString()); $('.CloverSecond').circleProgress('value', CloverSecond / 100000000000); var HoustonSecond=parseInt(data.response.globalstats.crimefest_challenge_houston_2.total); $("#HoustonSecondNumber").text(HoustonSecond.toLocaleString()); $('.HoustonSecond').circleProgress('value', HoustonSecond / 15000000); var ChainsFirst=parseInt(data.response.globalstats.crimefest_challenge_chains_1.total); $("#ChainsFirstNumber").text(ChainsFirst.toLocaleString()); $('.ChainsFirst').circleProgress('value', ChainsFirst / 1000000); var DallasFirst=parseInt(data.response.globalstats.crimefest_challenge_dallas_1.total); $("#DallasFirstNumber").text(DallasFirst.toLocaleString()); $('.DallasFirst').circleProgress('value', DallasFirst / 100000); var CloverFirst=parseInt(data.response.globalstats.crimefest_challenge_clover_1.total); $("#CloverFirstNumber").text(CloverFirst.toLocaleString()); $('.CloverFirst').circleProgress('value', CloverFirst / 2000000); var HoustonFirst=parseInt(data.response.globalstats.crimefest_challenge_houston_1.total) + 48000; $("#HoustonFirstNumber").text(HoustonFirst.toLocaleString()); $('.HoustonFirst').circleProgress('value', HoustonFirst / 120000);}).error(function(){$("#loadingMessage").fadeOut(); $("#warningMessage").fadeIn();}) .done(function(){if (doneTag===true){var doneChallenges=0; $( ".circle" ).each(function( ){if ($(this).circleProgress('value') >=1){$(this).next().next().append("<a class='ui tag green label'><i class='checkmark icon'></i>Done!</a>"); doneChallenges++;}$("#HoustonSixthNumber").text(doneChallenges.toLocaleString()); $('.HoustonSixth').circleProgress('value', doneChallenges / 20);});}}); $.getJSON( "currentPlayer.json", function( data ){var currentPlayer=parseInt(data.response.player_count); $("#currentPlayer").text(currentPlayer.toLocaleString()); if (currentPlayer==0){$("#warningCurrentMessage").fadeIn();}}).error(function(){$("#loadingMessage").fadeOut(); $("#warningCurrentMessage").fadeIn();}); $.getJSON( "maxPlayer.json", function( data ){var DallasFourth=parseInt(data.response.player_count); $("#DallasFourthNumber").text(DallasFourth.toLocaleString()); $('.DallasFourth').circleProgress('value', DallasFourth / 30000); $("#maxPlayer").text(DallasFourth.toLocaleString());}).error(function(){$("#loadingMessage").fadeOut();});}refresh(true); var time=10; setInterval( function(){time--; $('#countdown').html(time); if (time===0){time=11; refresh(false);}}, 1000 ); $('#maxPlayerStatistic').popup(); </script> </body></html>