-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (189 loc) · 10.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>2048 Doge | Play the Fun Meme-Inspired Puzzle Game Online</title>
<meta name="description" content="Play 2048 Doge, the meme-inspired version of the popular 2048 puzzle game. Slide tiles, match Dogecoin faces, and reach the ultimate Doge tile! Enjoy this fun & challenging game online for free">
<link href="https://kaloodinaz.github.io/doge2048/style/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="https://kaloodinaz.github.io/doge2048/favicon.png">
<link rel="apple-touch-icon" href="https://kaloodinaz.github.io/doge2048/meta/apple-touch-icon.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5, minimal-ui">
<meta property="og:title" content="Wow! Such Dogecoin Game!" />
<meta property="og:url" content="https://kaloodinaz.github.io/doge2048/" />
<meta property="og:description" content="much tiles such fun" />
<meta property="og:image" content="https://kaloodinaz.github.io/doge2048/meta/doge-600.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="600">
<style>
.navbar{background-color:#333;border-radius:5px;overflow:hidden}
.navbar .navbar-header{float:left}
.navbar .nav{list-style:none;margin:0;padding:0;overflow:hidden}
.navbar .nav li{float:left}
.navbar .nav li a{display:block;color:#fff;text-align:center;padding:7px 10px;text-decoration:none;transition:background-color .3s}
.navbar .nav li a:hover{background-color:#575757}
.navbar .nav li.active a{background-color:#575757}
.container-fluid{max-width:1200px;margin:0 auto;padding:0 15px}
@media (max-width: 768px) {
.navbar .nav{float:none;clear:both;text-align:center}
.navbar .nav li{float:none;display:inline-block}
.navbar .nav li a{display:inline-block;padding:5px 10px;font-size:16px}
}
.navbar .menu-btn{display:none;background-color:#333;color:#fff;padding:7px 10px;text-align:center;border:none;cursor:pointer;font-size:16px}
@media (max-width: 768px) {
.navbar .menu-btn{display:block}
}
.navbar .nav-responsive{display:none}
@media (max-width: 768px) {
.navbar .nav-responsive{display:block;text-align:center}
.navbar .nav-responsive li{display:block;float:none}
}
.block{display:flex;justify-content:center;align-items:center;margin:0 auto}
.block-300{display:none;width:100%;height:250px;background-color:#181818}
.block-728{display:none;width:100%;max-width:728px;height:90px;background-color:#292929}
@media only screen and (max-width: 738px) {
.block-300{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:10px;border-radius:10px;margin-top:10px}
.block-728{display:none}
}
@media only screen and (min-width: 739px) {
.block-728{display:flex;justify-content:center;align-items:center;margin-bottom:10px;border-radius:10px;margin-top:10px}
.block-300{display:none}
}
</style>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="https://kaloodinaz.github.io/2048-online/">2048 classic game</a></li>
<li><a href="https://2048cupcakes.co.uk/">2048 cupcakes</a></li>
<li><a href="https://kaloodinaz.github.io/taylor-swift-2048">Taylor Swift 2048</a></li>
</ul>
</div>
</nav>
<div class="container">
<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="heading">
<h1 class="title">DOGE<span style="color:red">2</span><span style="color:#00FF00">0</span><span style="color:blue">4</span><span style="color:#00FFFF">8</span>
</h1>
<div class="scores-container">
<div class="score-container">0</div>
<div class="best-container">0</div>
</div>
</div>
<div class="game-container">
<div class="doge-says">
<p></p>
</div>
<div class="info">
<h2 class="gametitle">Introduction to 2048 Doge</h2>
<p>If you’re a fan of both memes and classic puzzle games, <strong>2048 Doge</strong> is a perfect blend of both worlds. This game is a playful twist on the popular 2048 puzzle game, featuring the iconic Doge meme. Instead of traditional numbers, you’ll slide and combine tiles with Doge faces to reach the ultimate Doge tile. It's a fun and engaging way to experience the classic game with a humorous twist.</p>
<h2>How to Play 2048 Dogecoin</h2>
<p>Playing <strong>2048 Doge</strong> is easy to pick up, especially if you're familiar with the original 2048 game. Here’s a quick guide on how to get started:</p>
<ul>
<li><strong>Objective:</strong> The goal is to combine tiles with Doge faces to reach the highest Doge tile possible, ideally reaching the 2048 Doge tile.</li>
<li><strong>Controls:</strong> Use the arrow keys on your keyboard or swipe gestures if you’re on a mobile device to move the tiles. Tiles with the same Doge face will merge into one when they collide.</li>
<li><strong>Strategy:</strong> Plan your moves carefully to prevent the board from filling up. Try to keep the higher-value tiles in one corner of the board to manage the space effectively.</li>
</ul>
<h2>Game Features</h2>
<p><strong>2048 Doge</strong> offers several features that set it apart from other versions of 2048:</p>
<ul>
<li><strong>Meme Faces:</strong> Instead of numbers, you’ll see various Doge meme faces on the tiles, adding a fun and lighthearted element to the game.</li>
<li><strong>Simple Design:</strong> The game retains the minimalist design of the original 2048, making it easy to focus on the gameplay.</li>
<li><strong>Challenging Gameplay:</strong> Just like the original, <strong>2048 Doge v2 unblocked</strong> provides a challenging and addictive experience that will keep you coming back for more.</li>
</ul>
<h2>Where to Play 2048 Doge</h2>
<p>You can play <strong>2048 Doge v2</strong> directly in your browser. Simply visit the following link to start playing:</p>
<a href="https://kaloodinaz.github.io/doge2048/" class="game-link">Play 2048 Doge</a>
<h2>Conclusion</h2>
<p><strong>2048 Doge unblocked</strong> is a delightful twist on a classic puzzle game, bringing together the fun of the Doge meme with the addictive gameplay of 2048. Whether you’re a meme enthusiast or a puzzle game lover, this game is sure to provide hours of entertainment. Give it a try and see how high you can score!</p>
<p>© 2024 2048 Doge Game. All rights reserved.</p>
</div>
<div class="key">
<!-- <div class="hide-key"><a>HIDE</a></div> -->
<h1 class="gametitle">Key:</h1>
<p>2- <img loading="lazy" src="img/212/doge-wink-212.gif" alt="2" width="40" height="40"> 4- <img loading="lazy" src="img/212/doge-shake-space-212.gif" alt="4" width="40" height="40"> 8- <img loading="lazy" src="img/212/doge-peepers-212.gif" alt="8" width="40" height="40"> </p>
<p>16- <img loading="lazy" src="img/212/doge-prizza-212.gif" alt="16" width="40" height="40"> 32- <img loading="lazy" src="img/212/doge-hat-212.gif" alt="32" width="40" height="40"> 64- <img loading="lazy" src="img/212/doge-gradient-212.gif" alt="64" width="40" height="40"></p>
<p>128- <img loading="lazy" src="img/212/doge-fat-212.gif" alt="128" width="40" height="40"> 256- <img loading="lazy" src="img/212/doge-rainbow-212.gif" alt="128" width="40" height="40"> 512- <img loading="lazy" src="img/212/doge-sunglasses-212.gif" alt="512" width="40" height="40"> </p>
<p>1024- <img loading="lazy" src="img/212/doge-derp-212.gif" alt="1024" width="40" height="40"> 2048- <img loading="lazy" src="img/212/doge-shake-212.gif" alt="2048" width="40" height="40"> </p>
</div>
<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">Use your arrow keys or swipe to combine similar Doges and score points!</p>
<div class="info-container">
<a class="show-info">INFO</a>
</div>
<div class="key-container">
<a class="show-key">BLOCKS</a>
</div>
</div>
<!--<script defer src="js/bind_polyfill.js"></script>
<script defer src="js/classlist_polyfill.js"></script>-->
<script defer src="js/animframe_polyfill.js"></script>
<script defer src="js/keyboard_input_manager.js"></script>
<script defer src="js/html_actuator.js"></script>
<script defer src="js/grid.js"></script>
<script defer src="js/tile.js"></script>
<script defer src="js/local_score_manager.js"></script>
<script defer src="js/game_manager.js"></script>
<script defer src="js/application.js"></script>
</html>