-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfavorite-games.html
118 lines (109 loc) · 6.04 KB
/
favorite-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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="Sean Coggeshall">
<meta name="keywords" content="video games, gaming, favorite games">
<meta name="description" content="A showcase of my favorite video games across different consoles.">
<link rel="stylesheet" href="styles.css">
<script src="menu.js" defer></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Favorite Games</title>
</head>
<body>
<header id="site-header">
<button id="hamburger-btn" aria-label="Open/Close Navigation">☰</button>
<h1>My Favorite Games</h1>
<p>Discover my favorite video games and what makes them special. Click on a title below to learn more.</p>
</header>
<nav id="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="console-wars.html">Console Wars</a></li>
<li><a href="favorite-games.html">My Favorite Games</a></li>
<li><a href="game-form.html">Preferences</a></li>
<li><a href="online-gaming.html">Online Gaming</a></li>
<li><a href="geolocation.html">Find Me!</a></li>
</ul>
</nav>
<main id="site-main">
<div class="timeline">
<a href="#tony-hawks">Tony Hawk's American Sk8Land</a>
<a href="#ncaa-madden">NCAA and Madden</a>
<a href="#last-of-us">The Last of Us</a>
<a href="#detroit-become-human">Detroit: Become Human</a>
</div>
<section id="tony-hawks">
<h2>Tony Hawk's American Sk8Land</h2>
<p>Platform: Game Boy Advance SP</p>
<p>This was one of the first games I ever played. Our parents got my siblings and me Game Boys and a couple of games to go with it, but Tony Hawk's was easily the best.</p>
<img
src="https://www.video-games-museum.com/en/screenshots/GameBoy%20Advance/1/27414-title-Tony-Hawks-American-Sk8land.jpg"
srcset="
https://www.video-games-museum.com/en/screenshots/GameBoy%20Advance/1/27414-title-Tony-Hawks-American-Sk8land-small.jpg 600w,
https://www.video-games-museum.com/en/screenshots/GameBoy%20Advance/1/27414-title-Tony-Hawks-American-Sk8land-medium.jpg 900w,
https://www.video-games-museum.com/en/screenshots/GameBoy%20Advance/1/27414-title-Tony-Hawks-American-Sk8land-large.jpg 1200w
"
sizes="(max-width: 600px) 100vw,
(max-width: 900px) 75vw,
1200px"
alt="Tony Hawk Load Screen"
>
<p><small>Image source: <a href="https://www.video-games-museum.com/en/game/Tony-Hawks-American-Sk8land/18/5/27414" target="_blank">VGM Video Game Museum</a></small></p>
</section>
<section id="ncaa-madden">
<h2>NCAA and Madden</h2>
<p>Platform: Original Xbox</p>
<p>My brother and I got an old Xbox from a family friend, along with both NCAA and Madden. I think they were the 2007 versions. The Xbox also had music from Sum 41 and The Offspring downloaded onto it, which got my brother and me into liking those bands.</p>
<img
src="https://assets-prd.ignimgs.com/2023/01/07/madden07-1673052817018.jpg?width=300&crop=1:1,smart&auto=webp"
srcset="
https://assets-prd.ignimgs.com/2023/01/07/madden07-1673052817018.jpg?width=200&crop=1:1,smart&auto=webp 200w,
https://assets-prd.ignimgs.com/2023/01/07/madden07-1673052817018.jpg?width=400&crop=1:1,smart&auto=webp 400w,
https://assets-prd.ignimgs.com/2023/01/07/madden07-1673052817018.jpg?width=600&crop=1:1,smart&auto=webp 600w
"
sizes="(max-width: 600px) 100vw,
(max-width: 900px) 75vw,
600px"
alt="Madden 07 Cover"
>
<p><small>Image source: <a href="https://www.ign.com/" target="_blank">IGN Madden NFL 07</a></small></p>
</section>
<section id="last-of-us">
<h2>The Last of Us</h2>
<p>Platform: PlayStation 3</p>
<p>One Christmas, I got a new PS3, probably my favorite Christmas gift as a kid. "The Last of Us" came with the console, and it is still, in my opinion, the greatest game ever made. The storyline is more like a movie than just clips in a video game, and the action is engaging and gets difficult.</p>
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/OQpdSVF_k_w?si=BniKPv8rDR9W87Ce"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen>
</iframe>
</section>
<section id="detroit-become-human">
<h2>Detroit: Become Human</h2>
<p>Platform: PlayStation 4</p>
<p>I played this recently and thought it was amazing. The way the storylines of the characters intertwine is great and unpredictable. I like how you can view the world's and your friends' decisions after each chapter and compare them to the choices you made.</p>
<img
src="https://cdn.mos.cms.futurecdn.net/KYpKXsUPRQLtnqSs3r4a4e-1280-80.jpg.webp"
srcset="
https://cdn.mos.cms.futurecdn.net/KYpKXsUPRQLtnqSs3r4a4e-320-80.jpg.webp 320w,
https://cdn.mos.cms.futurecdn.net/KYpKXsUPRQLtnqSs3r4a4e-640-80.jpg.webp 640w,
https://cdn.mos.cms.futurecdn.net/KYpKXsUPRQLtnqSs3r4a4e-1280-80.jpg.webp 1280w
"
sizes="(max-width: 600px) 100vw,
(max-width: 900px) 75vw,
1200px"
alt="Detroit: Become Human"
>
<p><small>Image source: <a href="https://www.gamesradar.com/detroit-become-human-review/" target="_blank">Games Radar</a></small></p>
</section>
</main>
<footer id="site-footer">
<p>Sean Coggeshall | Intermediate Web Development WEBD221</p>
</footer>
</body>
</html>