This repository has been archived by the owner on Sep 24, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGames.html
319 lines (269 loc) · 19.2 KB
/
Games.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
314
315
316
317
318
319
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width
initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>GAMES</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Bakbak+One&family=Bungee+Inline&family=Dongle:wght@300&family=Moo+Lah+Lah&family=Risque&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="games.css">
<script defer src="Themes.js"></script>
</head>
<body>
<!--sidebar-->
<nav class="navbar">
<ul class="navbar-nav">
<li class="logo">
<a href="index.html" class="nav-link">
<span class="link-text logo-text">NERDYALLEY</span>
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="angle-double-right" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"
class="svg-inline--fa fa-angle-double-right fa-w-14 fa-5x">
<g class="fa-group">
<path fill="currentColor"
d="M224 273L88.37 409a23.78 23.78 0 0 1-33.8 0L32 386.36a23.94 23.94 0 0 1 0-33.89l96.13-96.37L32 159.73a23.94 23.94 0 0 1 0-33.89l22.44-22.79a23.78 23.78 0 0 1 33.8 0L223.88 239a23.94 23.94 0 0 1 .1 34z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M415.89 273L280.34 409a23.77 23.77 0 0 1-33.79 0L224 386.26a23.94 23.94 0 0 1 0-33.89L320.11 256l-96-96.47a23.94 23.94 0 0 1 0-33.89l22.52-22.59a23.77 23.77 0 0 1 33.79 0L416 239a24 24 0 0 1-.11 34z"
class="fa-primary"></path>
</g>
</svg>
</a>
</li>
<li class="nav-item">
<a href="parrumovies.html" class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
<!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<path fill="currentColor"
d="M512 448H127.1C110.3 448 96 462.3 96 479.1S110.3 512 127.1 512h384C529.7 512 544 497.7 544 480S529.7 448 512 448zM592 0h-544C21.5 0 0 21.5 0 48v320C0 394.5 21.5 416 48 416h544c26.5 0 48-21.5 48-48v-320C640 21.5 618.5 0 592 0zM576 352H64v-288h512V352z"
class="fa-secondary" />
</svg>
<span class="link-text">Movies</span>
</a>
</li>
<li class="nav-item">
<a href="Games.html" class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
<!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<path fill="currentColor"
d="M448 64H192C85.96 64 0 149.1 0 256s85.96 192 192 192h256c106 0 192-85.96 192-192S554 64 448 64zM247.1 280h-32v32c0 13.2-10.78 24-23.98 24c-13.2 0-24.02-10.8-24.02-24v-32L136 279.1C122.8 279.1 111.1 269.2 111.1 256c0-13.2 10.85-24.01 24.05-24.01L167.1 232v-32c0-13.2 10.82-24 24.02-24c13.2 0 23.98 10.8 23.98 24v32h32c13.2 0 24.02 10.8 24.02 24C271.1 269.2 261.2 280 247.1 280zM431.1 344c-22.12 0-39.1-17.87-39.1-39.1s17.87-40 39.1-40s39.1 17.88 39.1 40S454.1 344 431.1 344zM495.1 248c-22.12 0-39.1-17.87-39.1-39.1s17.87-40 39.1-40c22.12 0 39.1 17.88 39.1 40S518.1 248 495.1 248z"
class="fa-secondary" />
</svg>
<span class="link-text">Video-Games</span>
</a>
</li>
<li class="nav-item">
<a href="Books.html" class="nav-link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
<path fill="currentColor"
d="M384 48V512l-192-112L0 512V48C0 21.5 21.5 0 48 0h288C362.5 0 384 21.5 384 48z"
class="fa-secondary" />
</svg>
<span class="link-text">Books</span>
</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">
<svg aria-hidden="true" focusable="false" data-prefix="fad" data-icon="space-station-moon-alt"
role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
class="svg-inline--fa fa-space-station-moon-alt fa-w-16 fa-5x">
<g class="fa-group">
<path fill="currentColor"
d="M501.70312,224H448V160H368V96h48V66.67383A246.86934,246.86934,0,0,0,256,8C119.03125,8,8,119.0332,8,256a250.017,250.017,0,0,0,1.72656,28.26562C81.19531,306.76953,165.47656,320,256,320s174.80469-13.23047,246.27344-35.73438A250.017,250.017,0,0,0,504,256,248.44936,248.44936,0,0,0,501.70312,224ZM192,240a80,80,0,1,1,80-80A80.00021,80.00021,0,0,1,192,240ZM384,343.13867A940.33806,940.33806,0,0,1,256,352c-87.34375,0-168.71094-11.46094-239.28906-31.73633C45.05859,426.01953,141.29688,504,256,504a247.45808,247.45808,0,0,0,192-91.0918V384H384Z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M256,320c-90.52344,0-174.80469-13.23047-246.27344-35.73438a246.11376,246.11376,0,0,0,6.98438,35.998C87.28906,340.53906,168.65625,352,256,352s168.71094-11.46094,239.28906-31.73633a246.11376,246.11376,0,0,0,6.98438-35.998C430.80469,306.76953,346.52344,320,256,320Zm-64-80a80,80,0,1,0-80-80A80.00021,80.00021,0,0,0,192,240Zm0-104a24,24,0,1,1-24,24A23.99993,23.99993,0,0,1,192,136Z"
class="fa-primary"></path>
</g>
</svg>
<span class="link-text">About Me *_*</span>
</a>
</li>
<li class="nav-item" id="themeButton">
<a href="#" class="nav-link">
<svg class="theme-icon" id="lightIcon" aria-hidden="true" focusable="false" data-prefix="fad"
data-icon="moon-stars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
class="svg-inline--fa fa-moon-stars fa-w-16 fa-7x">
<g class="fa-group">
<path fill="currentColor"
d="M320 32L304 0l-16 32-32 16 32 16 16 32 16-32 32-16zm138.7 149.3L432 128l-26.7 53.3L352 208l53.3 26.7L432 288l26.7-53.3L512 208z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M332.2 426.4c8.1-1.6 13.9 8 8.6 14.5a191.18 191.18 0 0 1-149 71.1C85.8 512 0 426 0 320c0-120 108.7-210.6 227-188.8 8.2 1.6 10.1 12.6 2.8 16.7a150.3 150.3 0 0 0-76.1 130.8c0 94 85.4 165.4 178.5 147.7z"
class="fa-primary"></path>
</g>
</svg>
<svg class="theme-icon" id="solarIcon" aria-hidden="true" focusable="false" data-prefix="fad"
data-icon="sun" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
class="svg-inline--fa fa-sun fa-w-16 fa-7x">
<g class="fa-group">
<path fill="currentColor"
d="M502.42 240.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.41-94.8a17.31 17.31 0 0 0-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4a17.31 17.31 0 0 0 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.41-33.5 47.3 94.7a17.31 17.31 0 0 0 31 0l47.31-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3a17.33 17.33 0 0 0 .2-31.1zm-155.9 106c-49.91 49.9-131.11 49.9-181 0a128.13 128.13 0 0 1 0-181c49.9-49.9 131.1-49.9 181 0a128.13 128.13 0 0 1 0 181z"
class="fa-secondary"></path>
<path fill="currentColor" d="M352 256a96 96 0 1 1-96-96 96.15 96.15 0 0 1 96 96z"
class="fa-primary"></path>
</g>
</svg>
<svg class="theme-icon" id="darkIcon" aria-hidden="true" focusable="false" data-prefix="fad"
data-icon="sunglasses" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"
class="svg-inline--fa fa-sunglasses fa-w-18 fa-7x">
<g class="fa-group">
<path fill="currentColor"
d="M574.09 280.38L528.75 98.66a87.94 87.94 0 0 0-113.19-62.14l-15.25 5.08a16 16 0 0 0-10.12 20.25L395.25 77a16 16 0 0 0 20.22 10.13l13.19-4.39c10.87-3.63 23-3.57 33.15 1.73a39.59 39.59 0 0 1 20.38 25.81l38.47 153.83a276.7 276.7 0 0 0-81.22-12.47c-34.75 0-74 7-114.85 26.75h-73.18c-40.85-19.75-80.07-26.75-114.85-26.75a276.75 276.75 0 0 0-81.22 12.45l38.47-153.8a39.61 39.61 0 0 1 20.38-25.82c10.15-5.29 22.28-5.34 33.15-1.73l13.16 4.39A16 16 0 0 0 180.75 77l5.06-15.19a16 16 0 0 0-10.12-20.21l-15.25-5.08A87.95 87.95 0 0 0 47.25 98.65L1.91 280.38A75.35 75.35 0 0 0 0 295.86v70.25C0 429 51.59 480 115.19 480h37.12c60.28 0 110.38-45.94 114.88-105.37l2.93-38.63h35.76l2.93 38.63c4.5 59.43 54.6 105.37 114.88 105.37h37.12C524.41 480 576 429 576 366.13v-70.25a62.67 62.67 0 0 0-1.91-15.5zM203.38 369.8c-2 25.9-24.41 46.2-51.07 46.2h-37.12C87 416 64 393.63 64 366.11v-37.55a217.35 217.35 0 0 1 72.59-12.9 196.51 196.51 0 0 1 69.91 12.9zM512 366.13c0 27.5-23 49.87-51.19 49.87h-37.12c-26.69 0-49.1-20.3-51.07-46.2l-3.12-41.24a196.55 196.55 0 0 1 69.94-12.9A217.41 217.41 0 0 1 512 328.58z"
class="fa-secondary"></path>
<path fill="currentColor"
d="M64.19 367.9c0-.61-.19-1.18-.19-1.8 0 27.53 23 49.9 51.19 49.9h37.12c26.66 0 49.1-20.3 51.07-46.2l3.12-41.24c-14-5.29-28.31-8.38-42.78-10.42zm404-50l-95.83 47.91.3 4c2 25.9 24.38 46.2 51.07 46.2h37.12C489 416 512 393.63 512 366.13v-37.55a227.76 227.76 0 0 0-43.85-10.66z"
class="fa-primary"></path>
</g>
</svg>
<span class="link-text">Theme</span>
</a>
</li>
</ul>
</nav>
<main>
<div class="heading">
<h1>Games</h1>
</div>
<div class="earjuice">
<img src="icons/play.png" id="play">
<audio id="mysong">
<source src="music/u-belle.mp3" type="audio/mpeg">
</audio>
</div>
<script>
var mysong = document.getElementById("mysong");
var icon = document.getElementById("play");
icon.onclick = function () {
if (mysong.paused) {
mysong.play();
icon.src = "icons/pause1.svg";
}
else {
mysong.pause();
icon.src = "icons/play.png";
}
}
</script>
<div class="info">
<h3>
Here is a list of my favorite games among all those I played during my youth.
</h3>
</div>
<div class="box1">
</div>
<div class="box2">
<h2>Grand Theft Auto: San Andreas</h2>
<p>A family tragedy prompts gangster Carl "CJ" Johnson to return home, only to find it overrun by crime and corruption,
which he must regain control of the streets before it gets even worse.
After five years on the east coast, Carl Johnson returns to the city of Los Santos, San Andreas to find numerous fellow
gang-members dead and enemy gangs having dominance of the city. Carl must take over the city and get his old gang back
on top before the city destroys itself.</p>
</div>
<div class="box3">
</div>
<div class="box4">
<h2>Grand Theft Auto IV</h2>
<p>Niko Bellic comes to Liberty City, America to live the good life, but ends up having to assist his dangerously indebted
cousin Roman with his financial troubles, by any (mostly illegal) means necessary.
Niko Bellic, an Eastern European war veteran, migrates to Liberty City to forget the horrific and graphic memories of
his past and for a better life, things don't come out as planned as he has to wipe out mobsters and loan sharks that are
preventing his cousin, Roman from making money freely.</p>
</div>
<div class="box5"></div>
<div class="box6">
<h2>Metal Gear Solid V: The Phantom Pain</h2>
<p>Set in 1984, nine years after the events of Metal Gear Solid V: Ground Zeroes, The Phantom Pain serves as a prequel to
Metal Gear, which is set in 1995. The game's subtitle refers to a medical condition commonly associated with amputees,
when an individual experiences sensations, specifically pain, in limbs or organs that are no longer physically part of
their body.
The Phantom Pain is the first Metal Gear game to fully use an open world gameplay structure.</p>
</div>
<div class="box7"></div>
<div class="box8">
<h2>Grand Theft Auto V</h2>
<p>“Los Santos: a sprawling sun-soaked metropolis full of self-help gurus, starlets and fading celebrities, once the envy
of the Western world, now struggling to stay afloat in an era of economic uncertainty and cheap reality TV. Amidst the
turmoil, three very different criminals plot their own chances of survival and success: Franklin, a former street
gangster, now looking for real opportunities and serious money; Michael, a professional ex-con whose retirement is a lot
less rosy than he hoped it would be; and Trevor, a violent maniac driven by the chance of a cheap high and the next big
score.
</p>
</div>
<div class="box9"></div>
<div class="box10">
<h2>Grand Theft Auto: Vice City</h2>
<p>After being released from jail, Tommy Vercetti left Liberty City for Vice City, a city overrun by the mob. Now, Tommy is
out to make Vice City his home.
After being released from prison, Tommy Vercetti, a former mobster, is sent to the sunny and dangerous Vice City. When a
deal within the city goes horribly wrong, Tommy embarks on a jorney across the city to reclaim what is rightfully his,
no matter how many lives it takes.</p>
</div>
<div class="box11"></div>
<div class="box12">
<h2>Assassin's Creed: Ezio Trilogy</h2>
<p>"I did not choose this path. It was chosen for me. At first, I thought vengeance would be easy. For thirty years I've
lived in the shadows, visited death upon those who deserved it, and vanished like the wind. I don't know who started
this conspiracy, but I know who will end it. My name is Ezio Auditore da Firenze. Like my father before me, I am an
Assassin."</p>
</div>
<div class="box13"></div>
<div class="box14">
<h2>Inside</h2>
<p>Inside is a puzzle platformer adventure video game developed by Playdead. It was released on Xbox One on June 29, 2016,
and was released on the Windows OS on July 7, 2016. The game is similar to Limbo, where the player controls a young boy
in a near-monochromatic environment. He will have to solve environmental puzzles while avoiding lethal hazards as he
struggles against the evil forces of the world.</p>
</div>
<div class="box15"></div>
<div class="box16">
<h2>Undertale</h2>
<p>"The friendly RPG where nobody has to die!" <br>Undertale is a role-playing game developed independently by Toby Fox
with additional art by Temmie Chang in the Game Maker: Studio engine. It was released for Microsoft Windows and Mac OS X
on September 15, 2015, for Linux on July 17, 2016, for PlayStation 4 and PlayStation Vita on August 15, 2017, and for
Nintendo Switch on September 18, 2018. A version for Xbox One and Xbox Series X|S was released on March 16, 2021. The
game has been met with overwhelmingly positive reviews </p>
</div>
<div class="box17"></div>
<div class="box18">
<h2>Dishonored</h2>
<p>"My dear Corvo, what a sad hand fate has dealt you. The beloved Empress dead and everyone thinks you're the killer. But
we know what really happened, don't we? You don't want to end your life to the sound of idiots cheering as your head
hits the muck, do you? Let's see if we can do better."
—The Outsider
<br>
Dishonored is a first-person stealth action video game developed by Arkane Studios and published by Bethesda Softworks.
It was released from October 9 to October 12, 2012</p>
</div>
<div class="box19"></div>
<div class="box20">
<h2>Half-Life 2</h2>
<p>Taking place in and around City 17, nearly two decades after the events of the first game, Half-Life 2 follows the
scientist Gordon Freeman as he is thrust into an unfamiliar environment in which the aftermath of the Black Mesa
Incident has come to bear fully upon human society. Freeman is forced to battle against increasingly unfavorable odds in
order to free Mankind from the Combine. In his struggle, he is joined by various allies, including fellow scientists,
rebels, and friends (such as Alyx Vance) - all shocked to see him alive.</p>
</div>
<div class="space">
</div>
<div class="space2">
</div>
</main>
<!--footer id="footer">
<div class="row">
<div class="col">
<img src="image/" alt="parrurox">
</div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>
</footer-->
</body>
</html>