diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 169 |
1 files changed, 97 insertions, 72 deletions
@@ -1,25 +1,52 @@ <!DOCTYPE html> <html> <head> +<!-- external --> <script type="text/javascript"> window.cookieconsent_options = {"message":"Unsurprisingly, this website uses cookies for ads and traffic analysis.","dismiss":"Got it!","learnMore":"Learn more","link":"//orteil.dashnet.org/cookieconsentpolicy.html","target":"_blank","theme":"//orteil.dashnet.org/cookieconsent.css","domain":"dashnet.org"}; </script> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script> +<!--<link href="https://fonts.googleapis.com/css?family=Kavoon&subset=latin,latin-ext" rel="stylesheet" type="text/css">--> +<link href='https://fonts.googleapis.com/css?family=Merriweather:900&subset=latin,latin-ext' rel='stylesheet' type='text/css'> + +<!-- Facebook Pixel Code --> + <script> + !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? + n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; + n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; + t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, + document,'script','https://connect.facebook.net/en_US/fbevents.js'); + fbq('init', '357399801355203'); + fbq('track', 'PageView'); + </script> + <noscript><img height="1" width="1" style="display:none" + src="https://www.facebook.com/tr?id=357399801355203&ev=PageView&noscript=1"></noscript> +<!-- end code --> +<!-- /external --> + <title>Cookie Clicker</title> <!-- -Code and graphics copyright Orteil, 2013-2021 +Code and graphics copyright Orteil, 2013-2022 Feel free to alter this code to your liking, but please do not re-host it, do not profit from it and do not present it as your own. --> <meta name="viewport" content="width=900, initial-scale=1"> <link rel="shortcut icon" href="img/favicon.ico" /> -<!--<link href="https://fonts.googleapis.com/css?family=Kavoon&subset=latin,latin-ext" rel="stylesheet" type="text/css">--> -<link href='https://fonts.googleapis.com/css?family=Merriweather:900&subset=latin,latin-ext' rel='stylesheet' type='text/css'> -<script src="showads.js"></script><!-- this just detects adblockers so we can adjust the layout and play nice --> <script src="base64.js"></script> -<script src="main.js?v=2.091"></script> + +<script> +var VERSION=2.048; +var BETA=0; +var App=typeof App==='undefined'?0:App; +</script> + +<link href="style.css?v=4" rel="stylesheet" type="text/css"> +<script src="main.js?v=4"></script> + +<!-- ad --> +<script src="showads.js"></script><!-- this just detects adblockers so we can adjust the layout and play nice --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ @@ -27,7 +54,8 @@ Feel free to alter this code to your liking, but please do not re-host it, do no enable_page_level_ads: true }); </script> -<link href="style.css?v=2.053" rel="stylesheet" type="text/css"> +<!-- /ad --> + <!--[if IE]> <style type="text/css"> #ifIE9{display:block;} @@ -35,26 +63,13 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <![endif]--> <!--[if lt IE9]><script src="excanvas.compiled.js"></script><![endif]--> -<!-- Facebook Pixel Code --> - <script> - !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? - n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; - n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; - t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, - document,'script','https://connect.facebook.net/en_US/fbevents.js'); - fbq('init', '357399801355203'); - fbq('track', 'PageView'); - </script> - <noscript><img height="1" width="1" style="display:none" - src="https://www.facebook.com/tr?id=357399801355203&ev=PageView&noscript=1"></noscript> -<!-- end code --> </head> <body> <div id="wrapper"> <div id="topBar"> - <div><b>Cookie Clicker</b>™ © <a href="//orteil.dashnet.org" target="_blank" id="topbarOrteil">Orteil</a>, 2021 - <a href="//dashnet.org" target="_blank" id="topbarDashnet">DashNet</a></div> + <div><b style="font-weight:bold;">Cookie Clicker</b>™ © <a href="//orteil.dashnet.org" target="_blank" id="topbarOrteil">Orteil</a>, 2022 - <a href="//dashnet.org" target="_blank" id="topbarDashnet">DashNet</a></div> <div><a href="https://twitter.com/orteil42" target="_blank" id="topbarTwitter">twitter</a></div> <div><a href="https://orteil42.tumblr.com" target="_blank" id="topbarTumblr">tumblr</a></div> <div style="position:relative;"><div style="width:22px;height:32px;background:url(img/discord.png);position:absolute;left:0px;top:0px;pointer-events:none;"></div><a href="https://discordapp.com/invite/cookie" target="_blank" style="padding-left:16px;" id="topbarDiscord">Discord</a></div> @@ -65,29 +80,31 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <div><a class="lightblueLink" style="font-weight:bold;" href="https://store.steampowered.com/app/1454400/Cookie_Clicker/" target="_blank" id="topbarSteamCC">Cookie Clicker on Steam</a></div> <div><a href="//orteil.dashnet.org/randomgen/" target="_blank" id="topbarRandomgen">RandomGen</a></div> <div><a href="//orteil.dashnet.org/igm/" target="_blank" id="topbarIGM">Idle Game Maker</a></div> + <div style="float:right;"><a id="changeLanguage" style="font-variant:small-caps;">Change language</a></div> <div id="links" class="hoverer"> Other versions <div class="hoverable"> - <a href="../" target="_blank" id="linkVersionLive">Live version</a> - <a href="beta" target="_blank" id="linkVersionBeta">Try the beta!</a> - <a href="//orteil.dashnet.org/cookieclicker/v10466" target="_blank" id="linkVersionOld">v. 1.0466</a> - <a href="//orteil.dashnet.org/experiments/cookie/" target="_blank">Classic</a> + <a href="../" target="_blank" id="linkVersionLive">Live version</a> + <a href="beta" target="_blank" id="linkVersionBeta">Try the beta!</a> + <a href="//orteil.dashnet.org/cookieclicker/v10466" target="_blank" id="linkVersionOld">v. 1.0466</a> + <a href="//orteil.dashnet.org/experiments/cookie/" target="_blank">Classic</a> </div> </div> </div> - <div id="game"> - <div id="javascriptError"> - <div id="loader"> - <div class="spinnyBig"></div> - <div class="spinnySmall"></div> - <div id="loading" class="title">Loading...</div> - <div id="failedToLoad" class="title">This is taking longer than expected.<br> - <div style="font-size:65%;line-height:120%;">Slow connection? If not, please make sure your javascript is enabled, then refresh.<br> - If problems persist, this might be on our side - wait a few minutes, then hit ctrl+f5!</div></div> - <div id="ifIE9" class="title" style="font-size:100%;line-height:120%;">Your browser may not be recent enough to run Cookie Clicker.<br>You might want to update, or switch to a more modern browser such as Chrome or Firefox.</div> - <!--<div class="title">Oops, looks like we've got a problem.</div> - <div>Please bear with us while we fix it.<br>Your save is safe, don't worry!</div>--> + <div id="versionNumber" class="title"></div> + <script>document.getElementById('versionNumber').innerHTML='v. '+VERSION;</script> + <div id="offGameMessageWrap"> + <div id="offGameMessage"> + <div id="loader"> + <div class="spinnyBig"></div> + <div class="spinnySmall"></div> + <div id="loading" class="title">Loading...</div> + <div id="failedToLoad" class="title">This is taking longer than expected.<br> + <div style="font-size:65%;line-height:120%;"><!-- error -->Slow connection? If not, please make sure your javascript is enabled, then refresh.<br> + If problems persist, this might be on our side - wait a few minutes, then hit ctrl+f5!<!-- /error --></div></div> + <div id="ifIE9" class="title" style="font-size:100%;line-height:120%;">Your browser may not be recent enough to run Cookie Clicker.<br>You might want to update, or switch to a more modern browser such as Chrome or Firefox.</div> + </div> </div> </div> @@ -102,8 +119,7 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <div id="notes"></div> <div id="darken"></div> <div id="toggleBox" class="framed prompt"></div> - <div id="promptAnchor"><div id="prompt" class="framed"><div id="promptContent"></div><div class="close" onclick="PlaySound('snd/tick.mp3');Game.ClosePrompt();">x</div></div></div> - <div id="versionNumber" class="title"></div> + <div id="promptAnchor"><div id="prompt" class="framed"><div id="promptContent"></div><div class="close" onclick="PlaySound('snd/tickOff.mp3');Game.ClosePrompt();">x</div></div></div> <div id="ascend"> <div id="ascendBG"></div> <div id="ascendZoomable"><div id="ascendContent"><div id="ascendUpgrades" style="position:absolute;"></div></div></div> @@ -122,23 +138,25 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <div id="specialPopup" class="framed prompt offScreen"></div> <div id="buffs" class="crateBox"></div> <div id="cookieAnchor"> - <div id="bigCookie"></div> + <button id="bigCookie"></button> <div id="cookieNumbers"></div> </div> <div id="sectionLeftExtra"></div> </div> - <div class="separatorLeft"></div> - <div class="separatorRight"></div> + <div class="separatorLeft" id="leftBeam"></div> + <div class="separatorRight" id="rightBeam"></div> <div id="sectionMiddle" class="inset"> <div id="comments" class="inset title"> - <div id="prefsButton" class="button">Options</div> - <div id="statsButton" class="button">Stats</div> - <div id="logButton" class="button"><div id="checkForUpdate">New update!</div>Info</div> - <div id="legacyButton" class="button">Legacy<div id="ascendMeterContainer" class="smallFramed meterContainer"><div id="ascendMeter" class="meter filling"></div></div><div class="roundedPanel" id="ascendNumber"></div><div id="ascendTooltip" class="framed"></div></div> - <div id="commentsTextBelow" class="commentsText"></div> - <div id="commentsText" class="commentsText"></div> + <div id="prefsButton" class="panelButton"><div class="subButton">Options</div></div> + <div id="statsButton" class="panelButton"><div>Stats</div></div> + <div id="logButton" class="panelButton"><div>Info</div><div id="checkForUpdate">New update!</div></div> + <div id="legacyButton" class="panelButton"><div class="subButton">Legacy</div><div id="ascendMeterContainer" class="smallFramed meterContainer"><div id="ascendMeter" class="meter filling"></div></div><div class="roundedPanel" id="ascendNumber"></div><div id="ascendTooltip" class="framed"></div></div> + <div id="commentsText"> + <div id="commentsText1" class="commentsText"></div> + <div id="commentsText2" class="commentsText"></div> + </div> <div class="separatorBottom"></div> </div> <div id="centerArea"> @@ -146,21 +164,11 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <div id="buildingsMaster"></div> <div id="rows"></div> <div id="menu"></div> - <!-- - <div id="donateBox"> - <form target="_blank" action="https://www.paypal.com/cgi-bin/webscr" method="post" id="donate" style="margin:0px 16px;"> - <input type="hidden" name="cmd" value="_s-xclick"> - <input type="hidden" name="hosted_button_id" value="BBN2WL3TC6QH4"> - <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal — The safer, easier way to pay online."> - <img alt="" border="0" src="https://www.paypalobjects.com/nl_NL/i/scr/pixel.gif" width="1" height="1"> - </form> - <small>Help us keep developing the game!</small> - </div> - --> </div> </div> - + <div id="sectionRight" class="inset"> + <!-- ad --> <div class="ifNoAds" style="width:300px;text-align:center;padding:8px 0px;background:rgba(0,0,0,0.95);font-size:10px;opacity:0.5;text-shadow:0px 0px 2px #000,0px 1px 0px #000;text-align:center;"> Cookie Clicker is mainly supported by ads.<br>Consider unblocking our site or checking out our <a href="https://www.patreon.com/dashnet" target="_blank">Patreon</a>! </div> @@ -178,8 +186,22 @@ Feel free to alter this code to your liking, but please do not re-host it, do no (adsbygoogle = window.adsbygoogle || []).push({}); </script> + <script> + document.addEventListener('DOMContentLoaded',function(){ + setTimeout(function(){ + var adSlot=document.querySelector("ins[data-ad-slot='7077525342']"); + if(adSlot && adSlot.getAttribute('data-ad-status')=='unfilled') + { + var backfill=document.createElement('div');backfill.innerHTML='<iframe style="border:none;" src="https://serve.playsaurus.com/300x250.html" width="300" height="250" sandbox="allow-scripts allow-popups"></iframe>'; + adSlot.parentNode.replaceChild(backfill,adSlot); + } + },3000); + }); + </script> + <div class="supportComment">^ Sponsored link ^</div> </div> + <!-- /ad --> <div id="store"> <div id="storeTitle" class="inset title zoneTitle">Store</div> <div id="toggleUpgrades" class="storeSection upgradeBox"></div> @@ -188,7 +210,7 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <div id="upgrades" class="storeSection upgradeBox"></div> <div id="products" class="storeSection"></div> </div> - + <!-- ad --> <div id="detectAds" class="adBanner" style="background:transparent;width:1px;height:1px;"></div> <div id="support" style="margin-top:130px;"> <div class="supportComment">v Sponsored links v</div> @@ -207,6 +229,19 @@ Feel free to alter this code to your liking, but please do not re-host it, do no <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> + + <script> + document.addEventListener('DOMContentLoaded',function(){ + setTimeout(function(){ + var adSlot=document.querySelector("ins[data-ad-slot='9780186019']"); + if(adSlot && adSlot.getAttribute('data-ad-status')=='unfilled') + { + var backfill=document.createElement('div');backfill.innerHTML='<iframe style="border:none;" src="https://serve.playsaurus.com/300x600.html" width="300" height="600" sandbox="allow-scripts allow-popups"></iframe>'; + adSlot.parentNode.replaceChild(backfill,adSlot); + } + },3000); + }); + </script> <div style="height:16px;"></div> @@ -218,21 +253,11 @@ Feel free to alter this code to your liking, but please do not re-host it, do no </div> </div> - </div> - - <div id="focusButtons"> - <div id="focusLeft" class="title">Cookie</div> - <div id="focusMiddle" class="title" style="font-size:80%;padding-top:18px;padding-bottom:14px;">Buildings</div> - <div id="focusRight" class="title">Store</div> - <div id="focusMenu" class="title">Menu</div> - </div> - <div id="compactOverlay" class="title"> - <div id="compactCommentsText" class="commentsText"></div> - <div id="compactCookies"></div> - <div class="separatorBottom"></div> + <!-- /ad --> </div> <div id="tooltipAnchor"><div id="tooltip" class="framed" onMouseOut="Game.tooltip.hide();"></div></div> + <div id="preloadImages" style="display:none;"></div> </div> |