Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@kaloodinaz
kaloodinaz authored Dec 19, 2024
1 parent 8c55c77 commit e9a4537
Showing 1 changed file with 53 additions and 53 deletions.
106 changes: 53 additions & 53 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,35 +2,27 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="theme-color" content="#151515">
<meta name="description" content="Play the addictive game 2048 online in up to 4x4 size. Use your strategy and logic to combine numbers and achieve high scores in this addictive puzzle game. Put your skills to the test in 2048 4x4 right now!">
<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.0, maximum-scale=1, user-scalable=no, minimal-ui">
<link rel="manifest" href="/manifest.json"/>
<meta name="theme-color" content="#151515" />
<title>2048 Game | Play 2048 Game Online</title>
<link rel="manifest" href="/manifest.json">
<meta name="description" content="Play the addictive game 2048 online in up to 4x4 size. Use your strategy and logic to combine numbers and achieve high scores in this addictive puzzle game. Put your skills to the test in 2048 4x4 right now!">
<link href="main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
<link rel="apple-touch-startup-image" href="icons/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="icons/apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)">
<link rel="apple-touch-startup-image" href="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="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.0, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', () => {
navigator.serviceWorker.register('/sw.js')
.then(registration => {
console.log('Service Worker registered successfully:', registration);
})
.catch(error => {
console.log('Error in Service Worker registration:', error);
});
});
}
</script>
if('serviceWorker' in navigator) {window.addEventListener('load', () => {navigator.serviceWorker.register('/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>
Expand All @@ -39,42 +31,42 @@ <h1 class="title">2048</h1>
<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>
<button class="restart-button">New Game</button>
</div>
<div class="block block-728">
<script type="text/javascript">
atOptions = {
'key': 'd1d26e15f7c349fd8e403bb5ea491a31',
'format': 'iframe',
'height': 90,
'width': 728,
'params': {}
};
</script>
<script 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 src="//www.highperformanceformat.com/0fee57062f9bb330edc13a4e4349876d/invoke.js"></script>
<a class="restart-button">New Game</a>
</div>

<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>

<div class="game-container">
<div class="game-message">
<p></p>
<div class="lower">
<button class="keep-playing-button">Keep going</button>
<button class="retry-button">Try again</button>
<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>
Expand All @@ -101,17 +93,25 @@ <h1 class="title">2048</h1>
<div class="grid-cell"></div>
</div>
</div>
<div class="tile-container"></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>
<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>
<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>
<p>By Kaloo Dinaz</p>
<p>
By Kaloo Dinaz
</p>
</div>
<script defer src="main.js"></script>
<script defer src="main.js"></script>
</body>
</html>

0 comments on commit e9a4537

Please sign in to comment.