-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
313 lines (307 loc) · 37.2 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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html>
<head>
<title class="animated pulse infinite">iMidnight | Home</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>iMidnight | Home</title>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/180x180.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/32x32.png">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/512x512.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Card-Store.css">
<link rel="stylesheet" href="assets/css/DarkReader-1---1---0-1---000.css">
<link rel="stylesheet" href="assets/css/fonts-1.css">
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" href="assets/css/Footer-Nice.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/Navbar.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/styling.css">
<meta property="og:site_name" content="iMidnight - Games and chat">
<meta property="og:url" content="https://home.imidnight.ml/">
<meta property="twitter:title" content="iMidnight - Games and chat">
<meta name="keywords" content="games,unblocked,free,no-ads">
<meta name="author" content="iMidnight">
<meta property="og:type" content="website">
<meta name="author:website" content="https://home.imidnight.ml">
<meta name="description" content="Play fun games and have a great time!">
<script>
function myFunction() {
var element = document.getElementById("navbar-toggler");
element.classList.add("clearblue");
}
</script>
<script>
butter.init({cancelOnTouch: true});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-163704754-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-163704754-1');
</script>
</head>
<body oncontextmenu="return false;">
<main id="main">
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-secondary text-uppercase" id="mainNav">
<div class="container"><a class="navbar-brand" href="#page-top" style="font-family: Catamaran, sans-serif;font-weight: bold;font-size: 28px;">iMidnight</a><button data-bs-toggle="collapse" data-bs-target="#navbarResponsive" class="navbar-toggler text-white bg-primary navbar-toggler-right text-uppercase rounded" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" style="background: #227ce6;margin-right: 0; position: absolute; right: 50px; top: 20px;" onclick="myFunction()"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto mainNav">
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#home" style="font-family: Catamaran, sans-serif;font-weight: bold;font-size: 20px;">home</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="#games" style="font-family: Catamaran, sans-serif;font-weight: bold;font-size: 20px;">Games</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" style="font-family: Catamaran, sans-serif;text-align: left;font-weight: bold;font-size: 20px;" href="#portfolio">About</a></li>
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" style="font-family: Catamaran, sans-serif;text-align: left;font-weight: bold;font-size: 20px;background: #227ce6;height: 59px;width: 64px;max-width: 138;min-width: 81px;" onclick="window.open('https://kiwiirc.com/nextclient/irc.uk.mibbit.net/?&theme=Sky#iMidnight','name','width=849,height=540')">chat</a></li>
</ul>
</div>
<ul class="navbar-nav ms-auto">
<li class="nav-item mx-0 mx-lg-1"></li>
<li class="nav-item mx-0 mx-lg-1"></li>
<li class="nav-item mx-0 mx-lg-1"></li>
</ul>
</div>
</nav>
<header class="text-center text-white masthead section" id="home" style="height: 100vh;">
<section><img src="assets/img/logo-circular.png" style="width: 200px;padding-bottom: 47px;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 style="font-size: 76px;font-family: Catamaran, sans-serif;">iMidnight</h1>
<p style="font-size: 32px;">Welcome to the iMidnight website!</p>
<hr class="star-dark mb-5">
</div>
<div class="col">
<p>Scroll down for more!</p>
</div>
</div>
</div>
<div></div>
</section>
</header>
<section id="games" class="section">
<div style="background: #189fb1;padding-top: 50px;padding-bottom: 50px;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 style="text-align: center;padding-bottom: 10px;padding-top: 54px;">Games</h1>
<p style="text-align: center;">Tip. Left Click to open a small popup window and Right Click to open a large popup window</p>
<hr class="star-dark mb-5">
</div>
</div>
</div>
<div class="container" style="padding-bottom: 28px;">
<div class="row" style="padding: 0;padding-bottom: 0;">
<div class="col-md-4" style="padding-right: 0;padding-top: 45px;padding-left: 0;">
<div class="card animate__animated animate__fadeInDown" style="width: 21rem;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.1);min-width: 300px;border-style: none;max-width: 100%;margin: 16px;margin: auto;"><div style="width: 100%;height: 230px;">
<img src="assets/img/Minecraft.png" alt="Minecraft Classic" width="100%" height="100%" style="padding: 20px; padding-top: 30px; padding-bottom: 30px;">
</div>
<div class="card-body d-flex flex-column justify-content-between" style="padding-bottom: 20px;height: 290px;">
<div style="color: #1f89a0;">
<h6 class="text-muted d-inline mb-2" style="color: #ffffff;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-left: -20px;padding-left: 20px;padding-right: 8px;padding-bottom: 2px;background: #1f89a0;padding-top: 2px;">New Release!</h6>
<h4 style="font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color: #1f89a0;margin-bottom: 8px;margin-top: 22px;">Minecraft</h4>
<p style="font-family: 'Source Sans Pro', sans-serif;color: #9c9898;">Minecraft is a sandbox construction video game developed by Mojang where players interact with a 3D environment.<br></p>
</div>
<div></div><a class="btn btn-primary d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center" role="button" data-bss-hover-animate="pulse" style="margin-top: 20px;background: #106071;border-style: none;padding-top: 8px;padding-bottom: 8px;box-shadow: 2px 2px 8px rgba(117,117,117,0.71);" target="_blank" oncontextmenu="window.open("https://classic.minecraft.net/", "_blank","top=500,left=500,width=4000,height=4000");" onclick="window.open('https://classic.minecraft.net/','name','width=1095,height=629'); preventDefault();" title="Left click to open a popup window and right click to open a full screen window."><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: rgb(255,255,255);font-size: 25px;margin-right: 16px;">
<path d="M15.4695 11.2929C15.0789 10.9024 14.4458 10.9024 14.0553 11.2929C13.6647 11.6834 13.6647 12.3166 14.0553 12.7071C14.4458 13.0976 15.0789 13.0976 15.4695 12.7071C15.86 12.3166 15.86 11.6834 15.4695 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 9.17156C16.5671 8.78103 17.2003 8.78103 17.5908 9.17156C17.9813 9.56208 17.9813 10.1952 17.5908 10.5858C17.2003 10.9763 16.5671 10.9763 16.1766 10.5858C15.7861 10.1952 15.7861 9.56208 16.1766 9.17156Z" fill="currentColor"></path>
<path d="M19.7121 11.2929C19.3216 10.9024 18.6885 10.9024 18.2979 11.2929C17.9074 11.6834 17.9074 12.3166 18.2979 12.7071C18.6885 13.0976 19.3216 13.0976 19.7121 12.7071C20.1027 12.3166 20.1027 11.6834 19.7121 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 13.4142C16.5671 13.0237 17.2003 13.0237 17.5908 13.4142C17.9813 13.8048 17.9813 14.4379 17.5908 14.8284C17.2003 15.219 16.5671 15.219 16.1766 14.8284C15.7861 14.4379 15.7861 13.8048 16.1766 13.4142Z" fill="currentColor"></path>
<path d="M6 13H4V11H6V9H8V11H10V13H8V15H6V13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C3.13401 5 0 8.13401 0 12C0 15.866 3.13401 19 7 19H17C20.866 19 24 15.866 24 12C24 8.13401 20.866 5 17 5H7ZM17 7H7C4.23858 7 2 9.23858 2 12C2 14.7614 4.23858 17 7 17H17C19.7614 17 22 14.7614 22 12C22 9.23858 19.7614 7 17 7Z" fill="currentColor"></path>
</svg>Play now!</a>
</div>
</div>
</div>
<div class="col-md-4" style="padding-top: 45px;">
<div class="card" style="width: 21rem;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.1);min-width: 300px;border-style: none;max-width: 100%;margin: 16px; margin: auto;"><div style="width: 100%;height: 230px;">
<img src="assets/img/tictactoe.png" alt="Tic Tac Toe" width="290" height="256" style="padding-left: 35px; padding-right: 20px; padding-bottom: 25px; filter: invert(0.7);">
</div>
<div class="card-body d-flex flex-column justify-content-between" style="padding-bottom: 20px;height: 290px;">
<div>
<h6 class="text-muted d-inline mb-2" style="color: #ffffff;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-left: -20px;padding-left: 20px;padding-right: 8px;padding-bottom: 2px;background: #1f89a0;padding-top: 2px;"><strong>New Release!</strong><br></h6>
<h4 style="font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color: #1f89a0;margin-bottom: 8px;margin-top: 22px;">Tic Tac Toe</h4>
<p style="font-family: 'Source Sans Pro', sans-serif;color: #9c9898;">A game where you verse a friend to get 3 crosses in a row in a diagonal, horizontal or vertical orientation.<br></p>
</div><a class="btn btn-primary d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center" role="button" data-bss-hover-animate="pulse" style="margin-top: 20px;background: #106071;border-style: none;padding-top: 8px;padding-bottom: 8px;box-shadow: 2px 2px 8px rgba(117,117,117,0.71);" target="_blank" oncontextmenu="window.open("./assets/games/tic-tac-toe/", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");" onclick="window.open('./assets/games/tic-tac-toe/','name','width=1095,height=629'); preventDefault();" title="Left click to open a popup window and right click to open a full screen window."><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: rgb(255,255,255);font-size: 25px;margin-right: 16px;">
<path d="M15.4695 11.2929C15.0789 10.9024 14.4458 10.9024 14.0553 11.2929C13.6647 11.6834 13.6647 12.3166 14.0553 12.7071C14.4458 13.0976 15.0789 13.0976 15.4695 12.7071C15.86 12.3166 15.86 11.6834 15.4695 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 9.17156C16.5671 8.78103 17.2003 8.78103 17.5908 9.17156C17.9813 9.56208 17.9813 10.1952 17.5908 10.5858C17.2003 10.9763 16.5671 10.9763 16.1766 10.5858C15.7861 10.1952 15.7861 9.56208 16.1766 9.17156Z" fill="currentColor"></path>
<path d="M19.7121 11.2929C19.3216 10.9024 18.6885 10.9024 18.2979 11.2929C17.9074 11.6834 17.9074 12.3166 18.2979 12.7071C18.6885 13.0976 19.3216 13.0976 19.7121 12.7071C20.1027 12.3166 20.1027 11.6834 19.7121 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 13.4142C16.5671 13.0237 17.2003 13.0237 17.5908 13.4142C17.9813 13.8048 17.9813 14.4379 17.5908 14.8284C17.2003 15.219 16.5671 15.219 16.1766 14.8284C15.7861 14.4379 15.7861 13.8048 16.1766 13.4142Z" fill="currentColor"></path>
<path d="M6 13H4V11H6V9H8V11H10V13H8V15H6V13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C3.13401 5 0 8.13401 0 12C0 15.866 3.13401 19 7 19H17C20.866 19 24 15.866 24 12C24 8.13401 20.866 5 17 5H7ZM17 7H7C4.23858 7 2 9.23858 2 12C2 14.7614 4.23858 17 7 17H17C19.7614 17 22 14.7614 22 12C22 9.23858 19.7614 7 17 7Z" fill="currentColor"></path>
</svg>Play now!</a>
</div>
</div>
</div>
<div class="col-md-4" style="padding-top: 45px;">
<div class="card" style="width: 21rem;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.1);min-width: 300px;border-style: none;max-width: 100%;margin: 16px; margin: auto;"><div style="width: 100%;height: 230px;">
<img src="assets/img/pacman.png" alt="Pac Man" width="100%" height="100%" style="padding-top: 25px; padding-bottom: 25px;">
</div>
<div class="card-body d-flex flex-column justify-content-between" style="padding-bottom: 20px;height: 290px;">
<div>
<h6 class="text-muted d-inline mb-2" style="color: #ffffff;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-left: -20px;padding-left: 20px;padding-right: 8px;padding-bottom: 2px;background: #1f89a0;padding-top: 2px;"><strong>New Release!</strong><br></h6>
<h4 style="font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color: #1f89a0;margin-bottom: 8px;margin-top: 22px;border-color: #1f89a0;">Pacman</h4>
<p style="font-family: 'Source Sans Pro', sans-serif;color: #9c9898;">Pac-Man is an action maze chase video game, the player controls the eponymous character through an enclosed maze.<br></p>
</div><a class="btn btn-primary d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center" role="button" data-bss-hover-animate="pulse" style="margin-top: 20px;background: #106071;border-style: none;padding-top: 8px;padding-bottom: 8px;box-shadow: 2px 2px 8px rgba(117,117,117,0.71);" target="_blank" oncontextmenu="window.open("./assets/games/pacman", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");" onclick="window.open('./assets/games/pacman','name','width=1095,height=629'); preventDefault();" title="Left click to open a popup window and right click to open a full screen window."><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: rgb(255,255,255);font-size: 25px;margin-right: 16px;">
<path d="M15.4695 11.2929C15.0789 10.9024 14.4458 10.9024 14.0553 11.2929C13.6647 11.6834 13.6647 12.3166 14.0553 12.7071C14.4458 13.0976 15.0789 13.0976 15.4695 12.7071C15.86 12.3166 15.86 11.6834 15.4695 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 9.17156C16.5671 8.78103 17.2003 8.78103 17.5908 9.17156C17.9813 9.56208 17.9813 10.1952 17.5908 10.5858C17.2003 10.9763 16.5671 10.9763 16.1766 10.5858C15.7861 10.1952 15.7861 9.56208 16.1766 9.17156Z" fill="currentColor"></path>
<path d="M19.7121 11.2929C19.3216 10.9024 18.6885 10.9024 18.2979 11.2929C17.9074 11.6834 17.9074 12.3166 18.2979 12.7071C18.6885 13.0976 19.3216 13.0976 19.7121 12.7071C20.1027 12.3166 20.1027 11.6834 19.7121 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 13.4142C16.5671 13.0237 17.2003 13.0237 17.5908 13.4142C17.9813 13.8048 17.9813 14.4379 17.5908 14.8284C17.2003 15.219 16.5671 15.219 16.1766 14.8284C15.7861 14.4379 15.7861 13.8048 16.1766 13.4142Z" fill="currentColor"></path>
<path d="M6 13H4V11H6V9H8V11H10V13H8V15H6V13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C3.13401 5 0 8.13401 0 12C0 15.866 3.13401 19 7 19H17C20.866 19 24 15.866 24 12C24 8.13401 20.866 5 17 5H7ZM17 7H7C4.23858 7 2 9.23858 2 12C2 14.7614 4.23858 17 7 17H17C19.7614 17 22 14.7614 22 12C22 9.23858 19.7614 7 17 7Z" fill="currentColor"></path>
</svg>Play now!</a>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row" style="padding-top: 17px;">
<div class="col-md-4" style="padding-top: 45px;">
<div class="card" style="width: 21rem;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.1);min-width: 300px;border-style: none;max-width: 100%;margin: 16px; margin: auto;"><div style="width: 100%;height: 230px;">
<img src="assets/img/atari.png" alt="Atari Breakout" width="100%" height="100%" style="padding: 30px; filter: invert(0.7);">
</div>
<div class="card-body d-flex flex-column justify-content-between" style="padding-bottom: 20px;height: 290px;">
<div>
<h6 class="text-muted d-inline mb-2" style="color: #ffffff;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-left: -20px;padding-left: 20px;padding-right: 8px;padding-bottom: 2px;background: #1f89a0;padding-top: 2px;">New Release!</h6>
<h4 style="font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color: #1f89a0;margin-bottom: 8px;margin-top: 22px;">Atari Breakout</h4>
<p style="font-family: 'Source Sans Pro', sans-serif;color: #9c9898;">In Breakout, a layer of bricks lines the top third of the screen and the goal is to destroy them all by repeatedly bouncing.<br></p>
</div><a class="btn btn-primary d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center" role="button" data-bss-hover-animate="pulse" style="margin-top: 20px;background: #106071;border-style: none;padding-top: 8px;padding-bottom: 8px;box-shadow: 2px 2px 8px rgba(117,117,117,0.71);" target="_blank" oncontextmenu="window.open("./assets/games/breakout/", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");" onclick="window.open('./assets/games/breakout/','name','width=1095,height=629'); preventDefault();" title="Left click to open a popup window and right click to open a full screen window."><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: rgb(255,255,255);font-size: 25px;margin-right: 16px;">
<path d="M15.4695 11.2929C15.0789 10.9024 14.4458 10.9024 14.0553 11.2929C13.6647 11.6834 13.6647 12.3166 14.0553 12.7071C14.4458 13.0976 15.0789 13.0976 15.4695 12.7071C15.86 12.3166 15.86 11.6834 15.4695 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 9.17156C16.5671 8.78103 17.2003 8.78103 17.5908 9.17156C17.9813 9.56208 17.9813 10.1952 17.5908 10.5858C17.2003 10.9763 16.5671 10.9763 16.1766 10.5858C15.7861 10.1952 15.7861 9.56208 16.1766 9.17156Z" fill="currentColor"></path>
<path d="M19.7121 11.2929C19.3216 10.9024 18.6885 10.9024 18.2979 11.2929C17.9074 11.6834 17.9074 12.3166 18.2979 12.7071C18.6885 13.0976 19.3216 13.0976 19.7121 12.7071C20.1027 12.3166 20.1027 11.6834 19.7121 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 13.4142C16.5671 13.0237 17.2003 13.0237 17.5908 13.4142C17.9813 13.8048 17.9813 14.4379 17.5908 14.8284C17.2003 15.219 16.5671 15.219 16.1766 14.8284C15.7861 14.4379 15.7861 13.8048 16.1766 13.4142Z" fill="currentColor"></path>
<path d="M6 13H4V11H6V9H8V11H10V13H8V15H6V13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C3.13401 5 0 8.13401 0 12C0 15.866 3.13401 19 7 19H17C20.866 19 24 15.866 24 12C24 8.13401 20.866 5 17 5H7ZM17 7H7C4.23858 7 2 9.23858 2 12C2 14.7614 4.23858 17 7 17H17C19.7614 17 22 14.7614 22 12C22 9.23858 19.7614 7 17 7Z" fill="currentColor"></path>
</svg>Play now!</a>
</div>
</div>
</div>
<div class="col-md-4" style="padding-top: 45px;">
<div class="card" style="width: 21rem;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.1);min-width: 300px;border-style: none;max-width: 100%;margin: 16px; margin: auto;"><div style="width: 100%;height: 230px;">
<img src="assets/img/flappy.png" alt="Flappy Bird" width="100%" height="100%" style="">
</div>
<div class="card-body d-flex flex-column justify-content-between" style="padding-bottom: 20px;height: 290px;">
<div>
<h6 class="text-muted d-inline mb-2" style="color: #ffffff;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-left: -20px;padding-left: 20px;padding-right: 8px;padding-bottom: 2px;background: #1f89a0;padding-top: 2px;">New Release!</h6>
<h4 style="font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color: #1f89a0;margin-bottom: 8px;margin-top: 22px;">Flappy Bird</h4>
<p style="font-family: 'Source Sans Pro', sans-serif;color: #9c9898;">The game is a side-scroller where the player controls a bird, attempting to fly between columns of green pipes without hitting them.<br></p>
</div><a class="btn btn-primary d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center" role="button" data-bss-hover-animate="pulse" style="margin-top: 20px;background: #106071;border-style: none;padding-top: 8px;padding-bottom: 8px;box-shadow: 2px 2px 8px rgba(117,117,117,0.71);" target="_blank" oncontextmenu="window.open("./assets/games/flappy-bird", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");" onclick="window.open('./assets/games/flappy-bird','name','width=1095,height=629'); preventDefault();" title="Left click to open a popup window and right click to open a full screen window."><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: rgb(255,255,255);font-size: 25px;margin-right: 16px;">
<path d="M15.4695 11.2929C15.0789 10.9024 14.4458 10.9024 14.0553 11.2929C13.6647 11.6834 13.6647 12.3166 14.0553 12.7071C14.4458 13.0976 15.0789 13.0976 15.4695 12.7071C15.86 12.3166 15.86 11.6834 15.4695 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 9.17156C16.5671 8.78103 17.2003 8.78103 17.5908 9.17156C17.9813 9.56208 17.9813 10.1952 17.5908 10.5858C17.2003 10.9763 16.5671 10.9763 16.1766 10.5858C15.7861 10.1952 15.7861 9.56208 16.1766 9.17156Z" fill="currentColor"></path>
<path d="M19.7121 11.2929C19.3216 10.9024 18.6885 10.9024 18.2979 11.2929C17.9074 11.6834 17.9074 12.3166 18.2979 12.7071C18.6885 13.0976 19.3216 13.0976 19.7121 12.7071C20.1027 12.3166 20.1027 11.6834 19.7121 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 13.4142C16.5671 13.0237 17.2003 13.0237 17.5908 13.4142C17.9813 13.8048 17.9813 14.4379 17.5908 14.8284C17.2003 15.219 16.5671 15.219 16.1766 14.8284C15.7861 14.4379 15.7861 13.8048 16.1766 13.4142Z" fill="currentColor"></path>
<path d="M6 13H4V11H6V9H8V11H10V13H8V15H6V13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C3.13401 5 0 8.13401 0 12C0 15.866 3.13401 19 7 19H17C20.866 19 24 15.866 24 12C24 8.13401 20.866 5 17 5H7ZM17 7H7C4.23858 7 2 9.23858 2 12C2 14.7614 4.23858 17 7 17H17C19.7614 17 22 14.7614 22 12C22 9.23858 19.7614 7 17 7Z" fill="currentColor"></path>
</svg>Play now!</a>
</div>
</div>
</div>
<div class="col-md-4" style="padding-top: 45px;">
<div class="card" style="width: 21rem;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 2px 2px 16px 8px rgba(0,0,0,0.1);min-width: 300px;border-style: none;max-width: 100%;margin: 16px; margin: auto;"><div style="width: 100%;height: 230px;">
<img src="assets/img/2048.png" alt="2048" width="100%" height="100%" style="padding: 30px; padding-left: 55px; padding-right: 55px;">
</div>
<div class="card-body d-flex flex-column justify-content-between" style="padding-bottom: 20px;height: 290px;">
<div>
<h6 class="text-muted d-inline mb-2" style="color: #ffffff;font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 600;border-bottom-right-radius: 10px;border-top-right-radius: 10px;margin-left: -20px;padding-left: 20px;padding-right: 8px;padding-bottom: 2px;background: #1f89a0;padding-top: 2px;">New Release!</h6>
<h4 style="font-family: 'Source Sans Pro', sans-serif;font-weight: 700;color: #1f89a0;margin-bottom: 8px;margin-top: 22px;">2048</h4>
<p style="font-family: 'Source Sans Pro', sans-serif;color: #9c9898;">2048 is a game where you combine numbered tiles in order to gain a higher numbered tile.<br></p>
</div><a class="btn btn-primary d-flex d-xl-flex justify-content-center align-items-center justify-content-xl-center align-items-xl-center" role="button" data-bss-hover-animate="pulse" style="margin-top: 20px;background: #106071;border-style: none;padding-top: 8px;padding-bottom: 8px;box-shadow: 2px 2px 8px rgba(117,117,117,0.71);" target="_blank" oncontextmenu="window.open("./assets/games/2048/", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");" onclick="window.open('./assets/games/2048/','name','width=1095,height=629'); preventDefault();" title="Left click to open a popup window and right click to open a full screen window."><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" style="color: rgb(255,255,255);font-size: 25px;margin-right: 16px;">
<path d="M15.4695 11.2929C15.0789 10.9024 14.4458 10.9024 14.0553 11.2929C13.6647 11.6834 13.6647 12.3166 14.0553 12.7071C14.4458 13.0976 15.0789 13.0976 15.4695 12.7071C15.86 12.3166 15.86 11.6834 15.4695 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 9.17156C16.5671 8.78103 17.2003 8.78103 17.5908 9.17156C17.9813 9.56208 17.9813 10.1952 17.5908 10.5858C17.2003 10.9763 16.5671 10.9763 16.1766 10.5858C15.7861 10.1952 15.7861 9.56208 16.1766 9.17156Z" fill="currentColor"></path>
<path d="M19.7121 11.2929C19.3216 10.9024 18.6885 10.9024 18.2979 11.2929C17.9074 11.6834 17.9074 12.3166 18.2979 12.7071C18.6885 13.0976 19.3216 13.0976 19.7121 12.7071C20.1027 12.3166 20.1027 11.6834 19.7121 11.2929Z" fill="currentColor"></path>
<path d="M16.1766 13.4142C16.5671 13.0237 17.2003 13.0237 17.5908 13.4142C17.9813 13.8048 17.9813 14.4379 17.5908 14.8284C17.2003 15.219 16.5671 15.219 16.1766 14.8284C15.7861 14.4379 15.7861 13.8048 16.1766 13.4142Z" fill="currentColor"></path>
<path d="M6 13H4V11H6V9H8V11H10V13H8V15H6V13Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 5C3.13401 5 0 8.13401 0 12C0 15.866 3.13401 19 7 19H17C20.866 19 24 15.866 24 12C24 8.13401 20.866 5 17 5H7ZM17 7H7C4.23858 7 2 9.23858 2 12C2 14.7614 4.23858 17 7 17H17C19.7614 17 22 14.7614 22 12C22 9.23858 19.7614 7 17 7Z" fill="currentColor"></path>
</svg>Play now!</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="portfolio" class="section">
<div class="container" id="about">
<h1 style="text-align: center;padding-bottom: 10px;padding-top: 97px;">About my current projects:</h1>
<hr class="star-dark mb-5">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2" style="padding-left: 27px;"><img src="assets/img/logo-circular.png" style="width: 317px; padding-left: 6px;">
<div class="p-5"></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-4">My Website!</h2>
<p>I am constantly improving my website as it has not been completed yet and any bugs should be reported. This website was made by me to learn how to web develop and waste some free time and invested it into creating a brand new website!</p>
</div>
</div>
</div>
</div>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-1" style="padding-left: 27px;"><img src="assets/img/discord.png" style="width: 317px;border-radius: 386px;padding-left: 6px;">
<div class="p-5"></div>
</div>
<div class="col-lg-6 order-lg-2">
<div class="p-5">
<h2 class="display-4">My Discord Bot!</h2>
<p>My discord bot that I had been working on has been scrapped. Soon I will be creating a brand new universal Bot that would be great for any server. Any information will be here and come back to check for any updates!</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2" style="padding-left: 27px;"><img src="assets/img/github.png" style="width: 317px;padding-left: 6px;">
<div class="p-5"></div>
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-4">My Other Upcoming Projects!</h2>
<p>Any of my future projects will be on Github if you want to check it out and any updates will be there. Any more information will be posted here!</p>
</div>
</div>
</div>
</div>
</section>
</section>
<footer class="text-center footer" style="padding: 61px;">
<div class="container">
<div class="row">
<div class="col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase mb-4">About me</h4>
<p>Making fun projects it what I like to do in my free time! </p>
</div>
<div class="col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase">Around the Web</h4>
<ul class="list-inline">
<li class="list-inline-item"><a class="btn btn-outline-light text-center btn-social rounded-circle" role="button" href="#" style="width: 38px;"><i class="fa fa-facebook fa-fw" style="text-align: left;"></i></a></li>
<li class="list-inline-item"><a class="btn btn-outline-light text-center btn-social rounded-circle" role="button" href="https://www.imidnight.ml/discord" style="width: 38px;"><i class="fab fa-discord fa-fw" style="text-align: left;margin-left: -2px;"></i></a></li>
<li class="list-inline-item"><a class="btn btn-outline-light text-center btn-social rounded-circle" role="button" href="#" style="width: 38px;"><i class="fa fa-twitter fa-fw" style="margin-right: 52px;margin-left: -4px;"></i></a></li>
<li class="list-inline-item"><a class="btn btn-outline-light text-center btn-social rounded-circle" role="button" href="#" style="width: 38px;"><i class="fa fa-dribbble fa-fw" style="margin-left: -4px;"></i></a></li>
</ul>
</div>
<div class="col-md-4">
<h4 class="text-uppercase mb-4">Feedback</h4>
<p class="lead mb-0"><span>Your feedback is greatly appreciated any known issues should be reported. Thanks!</span><a href="mailto://[email protected]"></p>
</div>
</div>
</div>
</footer>
</main>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
</body>
</html>