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-08 12:50:45 +01:00
2014-03-10 18:47:10 +01:00
< 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" >
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 >
< div class = "score-container" > 0< / div >
< / div >
2014-03-05 23:15:57 +01:00
< p class = "game-intro" > Join the numbers and get to the < strong > 2048 tile!< / strong > < / p >
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" >
< 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-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:30:09 +01:00
< script src = "js/hammer.min.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/game_manager.js" > < / script >
< script src = "js/application.js" > < / script >
2014-03-05 15:38:29 +01:00
< / body >
< / html >
