-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfegames.html
277 lines (276 loc) · 21.7 KB
/
fegames.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>FE Series | FE Central</title>
<meta name="author" content="Luka Bigot">
<meta name="theme-color" content="#333333">
<meta name="google" content="notranslate">
<meta name="description" content="A fan-website about the Fire Emblem Games">
<meta name="keywords" content="Fire Emblem, Fire Emblem Central, Fire Emblem Heroes, Fire Emblem: Three Houses, Nintendo, Fire Emblem Games, Fire Emblem Series">
<link rel="icon" type="image/png" href="img/favicon.png">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css" crossorigin="anonymous"/>
</head>
<body>
<header class="top-header">
<div class="centered">
<!-- Website Logo -->
<div class="logo">
<a href="index.html"><img class="title" alt="Fire Emblem Central" src="img/icons/fecentral_logo2.png" id="logoImg"></a>
</div>
<!-- Navigation bar next to the logo -->
<nav>
<ul>
<li><a href="index.html">Main Page</a></li>
<li><a href="feh.html">FE Heroes</a></li>
<li><a href="fe3h.html">FE: Three Houses</a></li>
<li><a href="fegames.html">FE Series</a></li>
</ul>
</nav>
</div>
</header>
<!-- Lower level of the header -->
<section class="subheader" id="subHeader">
<div class="centered">
<ul>
<li><a href="https://twitter.com/nintendouk" target="_blank">Twitter</a></li>
<li><a href="https://www.facebook.com/NintendoUKStore" target="_blank">Facebook</a></li>
<li><a href="https://discord.gg/fe3h" target="_blank">Discord</a></li>
<li>
<a href="#">Other FE Websites</a>
<ul>
<li><a href="https://gamepress.gg/feheroes/" target="_blank">Gamepress <i class="fas fa-external-link-alt"></i></a></li>
<li><a href="https://serenesforest.net/" target="_blank">Serenes Forest <i class="fas fa-external-link-alt"></i></a></li>
</ul>
</li>
</ul>
</div>
</section>
<main>
<section class="bg_fe1">
<h1 class="page_title centered">Discover a legacy of Fire Emblem Games from 1990 to 2021</h1>
<img src="img/fegames-lords.jpg" alt="Lords from different Fire Emblem games" title="Lords from different Fire Emblem games" class="fegames-lords-image image-responsive">
<small>©Serenes Forest</small>
<div class="wrapper black_bg centered_small">
<article>
<h1>Q&A about older Fire Emblem games</h1>
<div class="q-and-a">
<a href="img/fe-por-gameplay.jpg" target="_blank"><img src="img/fe-por-gameplay.jpg" alt="A screenshot from Path of Radiance" title="A screenshot from Path of Radiance" class="floatright por-screenshot"></a>
<p><b>Q: Is there a reason to play the older Fire Emblem games?</b></p>
<p>A: Yes! All of them have a unique story and differences in gameplay, difficulty and general setting in addition to having a different roster altogether.<br>
Some of the early instalments of the license are even considered by fans to be the best in the series, so if you're curious about the Fire Emblem franchise, don't hesitate to give them a go!</p>
</div>
<div class="q-and-a">
<p><b>Q: Has Nintendo always released all Fire Emblem games worldwide?</b></p>
<p>A: Nintendo has started publishing Fire Emblem games outside of Japan since the 7th entry, Fire Emblem: The Blazing Blade (which is just titled "Fire Emblem" in America and Europe).<br>
However, it is still possible to play the earlier games still: the first entry, Fire Emblem: Shadow Dragon and the Blade of Light has been rereleased internationally on the Nintendo Switch recently,
and the 11th, 12th and 15th games are remakes of earlier games, allowing you to discover those from another perspective.<br>
If you're able to get a hand on the original Japanese version of the earlier games, it is even possible for you to apply community-made fan translations to the game with the use of ROM dumping or other emulation techniques (as long as they're legal!)</p>
</div>
<div class="q-and-a">
<p><b>Q: On what consoles can I play Fire Emblem games?</b></p>
<p>A: As Fire Emblem is owned by Nintendo, all games will be on Nintendo's consoles.<br>
Here is a quick list of consoles and their respective FE game entries:<br><br></p>
<table>
<tr>
<th>Console</th>
<th>Games</th>
</tr>
<tr>
<td>Nintendo Entertainment System</td>
<td><i>Shadow Dragon and the Blade of Light, Gaiden</i></td>
</tr>
<tr>
<td>Super NES</td>
<td><i>Mystery of the Emblem, Genealogy of the Holy War, Thracia 776</i></td>
</tr>
<tr>
<td>Game Boy Advance</td>
<td><i>Binding Blade, Blazing Blade, Sacred Stones</i></td>
</tr>
<tr>
<td>Nintendo Gamecube</td>
<td><i>Path of Radiance</i></td>
</tr>
<tr>
<td>Nintendo Wii</td>
<td><i>Radiant Dawn</i></td>
</tr>
<tr>
<td>Nintendo DS</td>
<td><i>Shadow Dragon, New Mystery of the Emblem</i></td>
</tr>
<tr>
<td>Nintendo 3DS</td>
<td><i>Awakening, Fates, Echoes: Shadows of Valentia</i></td>
</tr>
<tr>
<td>Nintendo Switch</td>
<td><i>Three Houses</i></td>
</tr>
</table>
</div>
<div class="q-and-a">
<p><b>Q: Do all FE games take place in the same universe/share the same characters?</b></p>
<p>A: Most Fire Emblem games share some common elements i.e. the existence of magic, the existing technology... but most of them are set in different continents and do not interact with each other.
For instance, characters in <i>FE: Blazing Blade</i> do not interact in any way with the characters/events of <i>FE: Sacred Stones</i> (even though both games were released on the same console and a few years apart).</p>
<p>However, some games share a common universe still. Here are the group of games which share a continent/characters/story elements in common:<br><br>
Archanea/Valentia Saga: <i>Shadow Dragon and the Blade of Light, Gaiden</i> (takes place at the same time), <i>Mystery of the Emblem</i> (direct sequel to Shadow Dragon), <i>Shadow Dragon</i> (remake), <i>New Mystery of the Emblem</i> (remake), <i>Awakening</i> (1000 years after Mystery of the Emblem), <i>Echoes: Shadows of Valentia</i> (remake)</p>
<p>Jugdral Saga: <i>Genealogy of the Holy War</i>, <i>Thracia 776</i> (takes place during the 1st part of Genealogy of the Holy War)</p>
<p>Elibe Saga: <i>Binding Blade</i>, <i>Blazing Blade</i> (prequel, set 20 years before)</p>
<p>Tellius Saga: <i>Path of Radiance</i>, <i>Radiant Dawn</i> (sequel, set 2 years after)<br></p>
<p>Any game not mentioned in this list is considered "self sufficient", which means no other game relates to it as of now.</p>
</div>
</article>
</div>
</section>
<section class="bg-tile">
<ul class="extendable-content-list">
<li>
<section class="centered">
<header class="extendable-header" id="FE1extendableHeader">
<button id="FE1extendableButton" class="extendable-button">+</button>
<h2>Fire Emblem: Shadow Dragon & the Blade of Light</h2>
</header>
<article class="extendable hidden" id="FE1extendable" >
<h1>The origins of the Archanea Saga: Discover Marth's quest against Medeus, the Shadow Dragon!</h1>
<ul>
<li><img src="img/fe1-cover.jpg" title="Fire Emblem 1 Cover Art" alt="The cover art for Fire Emblem: Shadow Dragon & The Blade of Light, showing Marth and his army."></li>
<li><img src="img/fe1-gameplay.jpg" title="Fire Emblem 1 Gameplay" alt="A screenshot of the beginning of the game, showing dialogue between Marth and Caeda."></li>
</ul>
<p><em>Fire Emblem: Shadow Dragon & the Blade of Light</em> is the 1st game in the franchise, released in 1990 and setting standards
for years to come in the series.</p>
<p>Released on the Nintendo Entertainment System, it has been re-released recently on the Nintendo Switch as digital software.</p>
<p>The game features Marth as its protagonist, the original Fire Emblem lord who made its way into the Super Smash Bros. series along with Roy,
giving the license the success it has today.</p>
<iframe class="video-player" src="https://www.youtube.com/embed/YVp5Ov3cneI"></iframe>
</article>
</section>
</li>
<li>
<section class="centered">
<header class="extendable-header" id="FE2extendableHeader">
<button id="FE2extendableButton" class="extendable-button">+</button>
<h2>Fire Emblem: Gaiden</h2>
</header>
<article class="extendable hidden" id="FE2extendable" >
<h1>Two splitting paths, two protagonists: discover the origins of the story of Alm and Celica, inspiring a remake 13 years later.</h1>
<ul>
<li><img src="img/fe2-cover.jpg" title="Fire Emblem Gaiden Cover Art" alt="The box art for Fire Emblem Gaiden, showing from left to right Celica, Alm and Valbar in front of a shadowy silhouette of Duma"></li>
<li><img src="img/fe2-gameplay.jpg" title="Fire Emblem Gaiden Gameplay Screenshot" alt="A screenshot of the game showing the very first map, featuring a village on the left and a forest spreading to the right in NES graphics"></li>
<li><img src="img/fe2-gameplay2.png" title="Some dialogue in Fire Emblem Gaiden" alt="Dialogue from the beginning of the game, featuring Ruka saying 'A liberation is forming to rebel, and we need help'"></li>
</ul>
<p><em>Fire Emblem: Gaiden</em> was released 2 years after the first game and already set itself apart from it, introducing elements to the series but also changing some rules a bit.</p>
<p>Discarding entirely the "Weapon Triangle" mechanic but introducing a world map system and parts where you visit towns and complete small quests, the series's second game was surprisingly developed for a NES game.</p>
<p>This legendary entry in the series would find itself to be remade for the 3DS under the title <em>Fire Emblem Echoes: Shadows of Valentia</em>, capturing for the modern age what made the game so unique back then.</p>
</article>
</section>
</li>
<li>
<section class="centered">
<header class="extendable-header" id="FE7extendableHeader">
<button id="FE7extendableButton" class="extendable-button">+</button>
<h2>Fire Emblem: The Blazing Blade</h2>
</header>
<article class="extendable hidden" id="FE7extendable" >
<h1>First game of the series released worldwide under the title "Fire Emblem", dive into what is considered to be the best entry point in the series.</h1>
<ul>
<li><img src="img/fe7-cover.jpg" title="Fire Emblem: The Blazing Blade Cover Art" alt="The box art for Fire Emblem: The Blazing Blade, showing from left to right Eliwood holding his blade in a defensive posture, Lyn ready to strike a blow with her katana and Hector holding his axe. The GameBoy Advance box layout is present around the image."></li>
<li><img src="img/fe7-gameplay.jpg"></li>
<li><img src="img/fe7-gameplay2.gif"></li>
</ul>
<p><em>Fire Emblem: The Blazing Blade</em> is the prequel to <em>Fire Emblem: The Binding Blade</em> released in Japan only, the latter being the previous game in the series.</p>
<p>Nonetheless, this game marks the franchise's international debut after having originally released in Japan in 2003, being translated and released overseas in the course of a year.</p>
<p>Because of this, and as well as for being fairly easy and less harsh to players, this game is and was a good entry point for anyone interested in the series, using a more polished version of the engine used in <em>The Binding Blade</em>.</p>
</article>
</section>
</li>
<li>
<section class="centered">
<header class="extendable-header" id="FE9extendableHeader">
<button id="FE9extendableButton" class="extendable-button">+</button>
<h2>Fire Emblem: Path of Radiance</h2>
</header>
<article class="extendable hidden" id="FE9extendable" >
<h1>Discover the beginning of the Tellius Saga in the series's 3D debut!</h1>
<ul>
<li><img src="img/fe9-cover.jpg" title=""></li>
<li><img src="img/fe9-gameplay.png"></li>
</ul>
<p><em>Fire Emblem: Path of Radiance</em> marks a milestone as the first modern 3D Fire Emblem game.</p>
<p>After three opuses on GameBoy Advance, the franchise returns on home consoles and introduces many elements of gameplay. Some examples include beast units in your army, skills that your characters can have...</p>
<p>It is also the first game to introduce voice acting in the series, which is featured during animated CGI cutscenes.</p>
</article>
</section>
</li>
<li>
<section class="centered">
<header class="extendable-header" id="FE13extendableHeader">
<button id="FE13extendableButton" class="extendable-button">+</button>
<h2>Fire Emblem: Awakening</h2>
</header>
<article class="extendable hidden" id="FE13extendable" >
<h1>Cross the boundaries between present and future in the franchise's rebirth!</h1>
<ul>
<li><img src="img/fe13-cover.png" title=""></li>
<li><img src="img/fe13-gameplay.jpg"></li>
</ul>
<p><em>Fire Emblem: Awakening</em> was developed in a difficult context: if it did not sell well, Nintendo would stop funding future games in the franchise.</p>
<p>And yet, as of now, it is one of the best selling of the series.</p>
<p>The game takes a big turn from the previous titles, introducing many new elements and bringing back the child system that existed in the 4th game.</p>
<p>This time around, the story deals with a world about to be doomed by calamity, or so says a masked individual claiming to come from the future...</p>
</article>
</section>
</li>
</ul>
</section>
</main>
<footer>
<ul>
<li>
<a href="https://www.nintendo.co.uk/Games/Nintendo-Characters-Hub/Fire-Emblem-Hub/Fire-Emblem-Hub-1168499.html" target="_blank">Nintendo's Fire Emblem page <i class="fas fa-external-link-alt"></i></a>
</li>
<li>
<a href="#" id="aboutUsButton">About us</a>
</li>
<li>
<a href="#" id="contactButton">Contact</a>
</li>
</ul>
<!-- Elements put in this section will have a display CSS value of none -->
<!-- They correspond to the pop-up windows that show up when we click "About us" -->
<!-- or "Contact". A script is handling their apparition/disparition -->
<div id="aboutUs" class="pop-up hidden">
<div class="wrapper black_bg centered_small">
<article>
<h1 class="content-header">About Us</h1>
<p>This website was made by me - Luka Bigot - as part of my Web Technologies assignment during my studies abroad.<br><br>
It was made with the main purpose of completing that assignment, but to also give some basic information to anyone who doesn't know about the Fire Emblem series.<br>
As such, this website has been made with the burning passion of a loving fan, and I hope you enjoy it!<br><br>
Since this website was done during my studies, huge thanks to my teacher, Peter Butcher - he's responsible for teaching me most of the stuff I made here! <a href="https://codepen.io/pbutcher" target="_blank">If you're interested about what he does, check out his CodePen!</a><br>
</p>
</article>
</div>
</div>
<div id="contact" class="pop-up hidden">
<div class="wrapper black_bg centered_small">
<article>
<h1 class="content-header">Contact</h1>
<p>This website was not made professionally, and was made by a single person, Luka Bigot<br><br>
Contact here: [email protected]</p>
</article>
</div>
</div>
<section>
© Luka Bigot 2021
<p>Fire Emblem is © Nintendo and Intelligent Systems 1990-2019. All images and names owned and trademarked by Nintendo and Intelligent Systems are property of their respective owners.</p>
</section>
</footer>
<script src="js/stickyheader.js" defer></script>
<script src="js/collapseheader.js" defer></script>
<script src="js/popuphandler.js" defer></script>
</body>
</html>