-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
496cf55
commit 40d5d72
Showing
1 changed file
with
144 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,144 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <link rel="manifest" href="https://kaloodinaz.github.io/2048-online/manifest.json"/> | ||
| <meta name="theme-color" content="#151515" /> | ||
| <title>2048 Game | Play Puzzle Game 2048</title> | ||
| <meta name="description" content="Learn everything about 2048, the addictive tile-matching puzzle game. Discover strategies, gameplay tips, and how to play 2048 for endless fun"> | ||
| <link href="https://kaloodinaz.github.io/2048-online/main.css" rel="stylesheet" type="text/css"> | ||
| <link rel="shortcut icon" href="https://kaloodinaz.github.io/2048-online/favicon.ico"> | ||
| <link rel="apple-touch-icon" href="https://kaloodinaz.github.io/2048-online/icons/apple-touch-icon.png"> | ||
| <link rel="apple-touch-startup-image" href="https://kaloodinaz.github.io/2048-online/icons/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="https://kaloodinaz.github.io/2048-online/icons/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, initial-scale=1"> | ||
| </head> | ||
| <body> | ||
| <script> | ||
| if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('https://kaloodinaz.github.io/2048-online/sw.js') | ||
| .then(registration => {console.log('Service Worker registered successfully:', registration);}) | ||
| .catch(error => {console.log('Error in Service Worker registration:', error);});});} | ||
| </script> | ||
| <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="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> | ||
| </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> | ||
|
|
||
| <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> | ||
|
|
||
| <div class="block block-728"><script type="text/javascript"> | ||
| atOptions = { | ||
| 'key' : 'd1d26e15f7c349fd8e403bb5ea491a31', | ||
| 'format' : 'iframe', | ||
| 'height' : 90, | ||
| 'width' : 728, | ||
| 'params' : {} | ||
| }; | ||
| </script> | ||
| <script type="text/javascript" src="//www.highperformanceformat.com/d1d26e15f7c349fd8e403bb5ea491a31/invoke.js"></script></div> | ||
| <div class="block block-300"><script type="text/javascript"> | ||
| atOptions = { | ||
| 'key' : '0fee57062f9bb330edc13a4e4349876d', | ||
| 'format' : 'iframe', | ||
| 'height' : 250, | ||
| 'width' : 300, | ||
| 'params' : {} | ||
| }; | ||
| </script> | ||
| <script type="text/javascript" src="//www.highperformanceformat.com/0fee57062f9bb330edc13a4e4349876d/invoke.js"></script></div> | ||
|
|
||
|
|
||
| <p> | ||
| <strong class="important">Note:</strong> This site is the official version of 2048. You can play it on your phone via this. All other apps or sites are derivatives or fakes, and should be used with caution. | ||
| </p> | ||
| <hr> | ||
|
|
||
|
|
||
| <div class="block block-728"><script type="text/javascript"> | ||
| atOptions = { | ||
| 'key' : 'd1d26e15f7c349fd8e403bb5ea491a31', | ||
| 'format' : 'iframe', | ||
| 'height' : 90, | ||
| 'width' : 728, | ||
| 'params' : {} | ||
| }; | ||
| </script> | ||
| <script type="text/javascript" src="//www.highperformanceformat.com/d1d26e15f7c349fd8e403bb5ea491a31/invoke.js"></script></div> | ||
| <div class="block block-300"><script type="text/javascript"> | ||
| atOptions = { | ||
| 'key' : '0fee57062f9bb330edc13a4e4349876d', | ||
| 'format' : 'iframe', | ||
| 'height' : 250, | ||
| 'width' : 300, | ||
| 'params' : {} | ||
| }; | ||
| </script> | ||
| <script type="text/javascript" src="//www.highperformanceformat.com/0fee57062f9bb330edc13a4e4349876d/invoke.js"></script></div> | ||
|
|
||
|
|
||
| <hr><p> | ||
| By <a target="_blank" href="https://kaloodinaz.github.io/">Kaloo Dinaz Games</a> | ||
|
|
||
| </p> | ||
| </div> | ||
| <script defer src="https://kaloodinaz.github.io/2048-online/main.js"></script> | ||
| </body> | ||
| </html> |