2014-03-05 15:38:29 +01:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > 2048< / title >
2014-03-05 16:10:54 +01:00
< link href = "style/main.css" rel = "stylesheet" type = "text/css" >
2014-03-11 14:38:38 +01:00
< link rel = "shortcut icon" href = "favicon.ico" >
2014-03-12 06:42:59 +01:00
< link rel = "apple-touch-icon" href = "meta/apple-touch-icon.png" >
2014-03-27 14:20:32 +01:00
< 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 -->
2014-03-12 06:33:56 +01:00
< meta name = "apple-mobile-web-app-capable" content = "yes" >
2014-03-27 14:20:32 +01:00
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" >
2014-03-08 12:50:45 +01:00
2014-03-10 18:47:10 +01:00
< meta name = "HandheldFriendly" content = "True" >
< meta name = "MobileOptimized" content = "320" >
2014-03-13 22:52:25 +01:00
< meta name = "viewport" content = "width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui" >
2014-03-05 15:38:29 +01:00
< / head >
< body >
< div class = "container" >
2014-03-09 23:03:13 +01:00
< div class = "heading" >
< h1 class = "title" > 2048< / h1 >
2014-03-10 21:02:16 +01:00
< div class = "scores-container" >
< div class = "score-container" > 0< / div >
< div class = "best-container" > 0< / div >
< / div >
2014-03-09 23:03:13 +01:00
< / div >
2014-03-22 17:00:50 +01:00
< div class = "above-game" >
2014-03-22 17:01:36 +01:00
< p class = "game-intro" > Join the numbers and get to the < strong > 2048 tile!< / strong > < / p >
2014-03-22 17:00:50 +01:00
< a class = "restart-button" > New Game< / a >
< / div >
2014-03-05 15:38:29 +01:00
< div class = "game-container" >
2014-03-10 11:31:10 +01:00
< div class = "game-message" >
< p > < / p >
2014-03-10 12:07:11 +01:00
< div class = "lower" >
2014-03-14 13:50:57 +01:00
< a class = "keep-playing-button" > Keep going< / a >
2014-03-10 12:07:11 +01:00
< a class = "retry-button" > Try again< / a >
< / div >
2014-03-10 11:31:10 +01:00
< / div >
2014-03-05 15:38:29 +01:00
< 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 >
2014-03-05 16:07:40 +01:00
< div class = "tile-container" >
2014-03-08 13:32:37 +01:00
2014-03-05 16:07:40 +01:00
< / div >
2014-03-05 15:38:29 +01:00
< / div >
2014-03-05 23:15:57 +01:00
< 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 >
2014-03-13 17:10:14 +01:00
< strong class = "important" > Note:< / strong > This site is the official version of 2048. You can play it on your phone via < a href = "http://git.io/2048" > http://git.io/2048.< / a > All other apps or sites are derivatives or fakes, and should be used with caution.
2014-03-13 16:51:55 +01:00
< / p >
< hr >
< p >
2014-03-11 10:45:15 +01:00
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 >
2014-03-05 23:15:57 +01:00
< / p >
2014-03-05 15:38:29 +01:00
< / div >
2014-03-11 14:48:42 +01:00
2014-03-23 19:51:29 +01:00
< script src = "js/bind_polyfill.js" > < / script >
< script src = "js/classlist_polyfill.js" > < / script >
2014-03-11 14:48:42 +01:00
< script src = "js/animframe_polyfill.js" > < / script >
2014-03-11 14:30:09 +01:00
< 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 >
2014-03-22 15:38:52 +01:00
< script src = "js/local_storage_manager.js" > < / script >
2014-03-11 14:30:09 +01:00
< script src = "js/game_manager.js" > < / script >
< script src = "js/application.js" > < / script >
2014-03-05 15:38:29 +01:00
< / body >
< / html >
