Impaczus/2048
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes to ads

Browse Source
This commit is contained in:
Gabriele Cirulli
2019-01-13 20:32:06 +01:00
parent 1a691b62a1
commit a5508bcbba
5 changed files with 273 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+1
View File
@@ -1 +1,2 @@
.sass-cache/
.vscode/
index.html
+1 -1
View File
@@ -101,7 +101,7 @@
<div class="app-notice">
<span class="notice-close-button">&times;</span>
<p><strong class="important">New:</strong> Get the new 2048 app for <a href="https://itunes.apple.com/us/app/2048-by-gabriele-cirulli/id868076805" target="_blank">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.gabrielecirulli.app2048" target="_blank">Android!</a></p>
<p>Get 2048 for <a href="https://itunes.apple.com/us/app/2048-by-gabriele-cirulli/id868076805" target="_blank">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.gabrielecirulli.app2048" target="_blank">Android!</a></p>
</div>
<div class="game-container">
index2.html
+223
View File
@@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>2048</title>
<script>
if (typeof window !== undefined && typeof window.location !== undefined && window.location.hostname === "gabrielecirulli.github.io") {
if (typeof window.location.replace === "function") {
window.location.replace("https://play2048.co/");
} else {
window.location = "https://play2048.co/"
}
}
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-42620757-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag("js", new Date());
gtag("config", "UA-42620757-2");
</script>
<link href="style/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
<link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone 5+ -->
<link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"> <!-- iPhone, retina -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-itunes-app" content="app-id=868076805">
<meta property="og:title" content="2048"/>
<meta property="og:site_name" content="2048"/>
<meta property="og:description" content="Join the numbers and get to the 2048 tile! Careful: this game is extremely addictive!"/>
<meta property="og:image" content="http://gabrielecirulli.github.io/2048/meta/og_image.png"/>
<meta name="twitter:card" content="app" />
<meta name="twitter:site" content="@gabrielecirulli" />
<meta name="twitter:title" content="2048" />
<meta name="twitter:description" content="Join the numbers and get to the 2048 tile! Careful: this game is extremely addictive!" />
<meta name="twitter:image" content="http://gabrielecirulli.github.io/2048/meta/og_image.png" />
<meta name="twitter:url" content="http://gabrielecirulli.github.io/2048/" />
<meta name="twitter:app:country" content="US">
<meta name="twitter:app:name:iphone" content="2048">
<meta name="twitter:app:id:iphone" content="868076805">
<meta name="twitter:app:url:iphone" content="https://itunes.apple.com/us/app/2048-by-gabriele-cirulli/id868076805">
<meta name="twitter:app:name:ipad" content="2048">
<meta name="twitter:app:id:ipad" content="868076805">
<meta name="twitter:app:url:ipad" content="https://itunes.apple.com/us/app/2048-by-gabriele-cirulli/id868076805">
<meta name="twitter:app:name:googleplay" content="2048">
<meta name="twitter:app:id:googleplay" content="com.gabrielecirulli.app2048">
<meta name="twitter:app:url:googleplay" content="https://play.google.com/store/apps/details?id=com.gabrielecirulli.app2048">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-2670526606338388",
enable_page_level_ads: true
});
</script>
</head>
<body>
<div class="sidebar">
<ins
class="adsbygoogle"
style="display:inline-block;width:160px;height:600px"
data-ad-client="ca-pub-2670526606338388"
data-ad-slot="2901539552"
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="cookie-notice">
<p>2048 uses cookies to analyse traffic to the site and to serve ads. <a href="./privacy.html">Learn More</a></p>
<a class="cookie-notice-dismiss-button">Got it</a>
</div>
<div class="container">
<div class="heading">
<h1 class="title">2048</h1>
<div class="scores-container">
<div class="score-container">0</div>
<div class="best-container">0</div>
</div>
</div>
<div class="above-game">
<p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
<a class="restart-button">New Game</a>
</div>
<div class="app-notice">
<span class="notice-close-button">&times;</span>
<p>Get 2048 for <a href="https://itunes.apple.com/us/app/2048-by-gabriele-cirulli/id868076805" target="_blank">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.gabrielecirulli.app2048" target="_blank">Android!</a></p>
</div>
<div class="game-container">
<div class="game-message">
<p></p>
<div class="lower">
<a class="keep-playing-button">Keep going</a>
<a class="retry-button">Try again</a>
<div class="score-sharing"></div>
<div class="mailing-list">
<!-- MailChimp Signup Form -->
<form action="http://gabrielecirulli.us8.list-manage.com/subscribe/post?u=991201206817cfb4e4247ed6c&amp;id=7928ea817b" method="post" name="mc-embedded-subscribe-form" class="mailing-list-form" target="_blank">
<strong>Get email updates from Gabriele</strong>
<input type="email" value="" name="EMAIL" class="mailing-list-email-field" placeholder="Your email address" spellcheck="false">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -9999px;">
<input type="text" name="b_991201206817cfb4e4247ed6c_7928ea817b" value="">
</div>
<input type="submit" value="Go" name="subscribe" class="mailing-list-subscribe-button">
</form>
</div>
</div>
</div>
<div class="grid-container">
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
<div class="grid-row">
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
<div class="grid-cell"></div>
</div>
</div>
<div class="tile-container">
</div>
</div>
<div class="under-board-container">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2670526606338388"
data-ad-slot="3711201455"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<p class="game-explanation">
<strong class="important">How to play:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong>
</p>
<hr>
<p>
<strong class="important">Note:</strong> The game on <a href="http://git.io/2048">this site</a> is the original version of 2048. Apps for <a href="https://itunes.apple.com/us/app/2048-by-gabriele-cirulli/id868076805" target="_blank">iOS</a> and <a href="https://play.google.com/store/apps/details?id=com.gabrielecirulli.app2048" target="_blank">Android</a> are also available. Other versions are derivatives or fakes, and should be used with caution.
</p>
<hr>
<p>
Created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio</a> and conceptually similar to <a href="http://asherv.com/threes/" target="_blank">Threes by Asher Vollmer.</a>
</p>
<div class="sharing">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out 2048, a game where you join numbers to score high! #2048game" data-via="gabrielecirulli" data-url="http://git.io/2048" data-counturl="http://gabrielecirulli.github.io/2048/">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<form class="pp-donate" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="NVNPJLTBZ8AME">
<button name="submit"><img src="meta/icon_pp.svg">Donate</button>
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<span class="btc-donate">
<a href="bitcoin:1Ec6onfsQmoP9kkL3zkpB6c5sA4PVcXU2i">
<img src="meta/icon_bitcoin.svg">Donate BTC
</a>
<span class="address"><code>1Ec6onfsQmoP9kkL3zkpB6c5sA4PVcXU2i</code></span>
</span>
</div>
<footer class="links">
<a href="./privacy.html" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
</footer>
</div>
<script src="js/bind_polyfill.js"></script>
<script src="js/classlist_polyfill.js"></script>
<script src="js/animframe_polyfill.js"></script>
<script src="js/keyboard_input_manager.js"></script>
<script src="js/html_actuator.js"></script>
<script src="js/grid.js"></script>
<script src="js/tile.js"></script>
<script src="js/local_storage_manager.js"></script>
<script src="js/game_manager.js"></script>
<script src="js/application.js"></script>
</body>
</html>
style/main.css
+25 -10
View File
@@ -611,7 +611,7 @@ hr {
float: right; }
.game-explanation {
margin-top: 50px; }
margin-top: 30px; }
.sharing {
margin-top: 20px;
@@ -984,7 +984,7 @@ hr {
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
opacity: 0;
margin-top: -56px; }
margin-top: -40px; }
100% {
-webkit-transform: scale(1) translateZ(0);
@@ -998,7 +998,7 @@ hr {
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
opacity: 0;
margin-top: -56px; }
margin-top: -40px; }
100% {
-webkit-transform: scale(1) translateZ(0);
@@ -1012,7 +1012,7 @@ hr {
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
opacity: 0;
margin-top: -56px; }
margin-top: -40px; }
100% {
-webkit-transform: scale(1) translateZ(0);
@@ -1026,7 +1026,7 @@ hr {
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
opacity: 0;
margin-top: -76px; }
margin-top: -40px; }
100% {
-webkit-transform: scale(1) translateZ(0);
@@ -1040,7 +1040,7 @@ hr {
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
opacity: 0;
margin-top: -76px; }
margin-top: -40px; }
100% {
-webkit-transform: scale(1) translateZ(0);
@@ -1054,7 +1054,7 @@ hr {
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
opacity: 0;
margin-top: -76px; }
margin-top: -40px; }
100% {
-webkit-transform: scale(1) translateZ(0);
@@ -1069,9 +1069,9 @@ hr {
animation: pop-in-big 700ms ease 2s both;
background: #edc53f;
color: white;
padding: 18px;
padding: 10px;
margin-top: 30px;
height: 56px;
height: 40px;
box-sizing: border-box;
border-radius: 3px; }
.app-notice:after {
@@ -1096,7 +1096,7 @@ hr {
-moz-animation: pop-in-small 700ms ease 2s both;
animation: pop-in-small 700ms ease 2s both;
margin-top: 10px;
height: 76px; } }
height: 40px; } }
.links {
text-align: center;
@@ -1121,6 +1121,21 @@ hr {
.sidebar .adsbygoogle {
display: none; } }
.under-board-container {
height: 50px;
margin-top: 38px; }
.under-board-container,
.under-board-container .adsbygoogle {
display: none; }
@media (max-width: 880px) {
.under-board-container,
.under-board-container .adsbygoogle {
display: block; } }
.cookie-notice {
position: fixed;
font-size: 15px;
style/main.scss
+23 -6
View File
@@ -551,7 +551,7 @@ hr {
}
.game-explanation {
margin-top: 50px;
margin-top: 30px;
}
.sharing {
@@ -776,7 +776,7 @@ hr {
0% {
@include transform(scale(0) translateZ(0));
opacity: 0;
margin-top: -56px;
margin-top: -40px;
}
100% {
@@ -790,7 +790,7 @@ hr {
0% {
@include transform(scale(0) translateZ(0));
opacity: 0;
margin-top: -76px;
margin-top: -40px;
}
100% {
@@ -805,9 +805,9 @@ hr {
@include animation(pop-in-big 700ms ease 2s both);
background: #edc53f;
color: white;
padding: 18px;
padding: 10px;
margin-top: 30px;
height: 56px;
height: 40px;
box-sizing: border-box;
border-radius: $tile-border-radius;
@@ -841,7 +841,7 @@ hr {
@include smaller($mobile-threshold) {
@include animation(pop-in-small 700ms ease 2s both);
margin-top: 10px;
height: 76px;
height: 40px;
}
}
@@ -876,6 +876,23 @@ hr {
}
}
.under-board-container {
height: 50px;
margin-top: 38px;
}
.under-board-container,
.under-board-container .adsbygoogle {
display: none;
}
@media (max-width: 880px) {
.under-board-container,
.under-board-container .adsbygoogle {
display: block;
}
}
.cookie-notice {
position: fixed;
font-size: 15px;