mirror of
https://github.com/gabrielecirulli/2048.git
synced 2026-08-30 17:13:37 +08:00
Gabriele Cirulli
223 lines
10 KiB
HTML
223 lines
10 KiB
HTML
<!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">×</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&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"
|
|
data-ad-client="ca-pub-2670526606338388"
|
|
data-ad-slot="3711201455"
|
|
data-ad-format="auto"
|
|
data-full-width-responsive="false"></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>
|