Skip to content

Commit 6eb45c1

Browse files
jiannazzonejiannazzone
committed
Add new feature icons and update HTML structure for better content organization
1 parent e1ebb75 commit 6eb45c1

3 files changed

Lines changed: 43 additions & 36 deletions

File tree

‎assets/feature-icons/crown_a.png‎

564 Bytes
Loading

‎assets/feature-icons/structure_house.png‎

341 Bytes
Loading

‎index.html‎

Lines changed: 43 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -219,14 +219,22 @@ <h1 class="display-md-5 jumbo-header">All-in-One Retro Gaming Platform for Linux
219219
such as the Steam Machine. Powered by <a href="https://es-de.org/" target="_blank"
220220
rel="noopener noreferrer">ES-DE</a> and components such as:
221221
</p>
222-
<ul class="fs-md-4">
223-
<li>Clients</li>
224-
<li>Emulators</li>
225-
<li>Engines</li>
226-
<li>Multi-emulators</li>
227-
<li>Ports</li>
228-
<li>Systems</li>
229-
</ul>
222+
<div class="row">
223+
<div class="col">
224+
<ul>
225+
<li>Clients</li>
226+
<li>Emulators</li>
227+
<li>Engines</li>
228+
</ul>
229+
</div>
230+
<div class="col">
231+
<ul>
232+
<li>Multi-emulators</li>
233+
<li>Ports</li>
234+
<li>Systems</li>
235+
</ul>
236+
</div>
237+
</div>
230238
<p class="fs-md-4">
231239
RetroDECK brings all your retro gaming needs into a single platform.
232240
</p>
@@ -277,7 +285,7 @@ <h2 class="display-md-5 jumbo-header">(But you can if you want)</h2>
277285
<p class="fs-md-4">
278286
RetroDECK comes pre-configured for optimal performance and quality, but advanced users are free
279287
to tweak and experiment with component settings using the RetroDECK Configurator or their own
280-
tinkering methods. If anything goes wrong, you can easily reset everything with a single click.
288+
tinkering methods. If anything goes wrong, you can reset everything with a single click.
281289
</p>
282290
</div>
283291

@@ -293,13 +301,12 @@ <h2 class="display-md-5 jumbo-header">(But you can if you want)</h2>
293301
<div class="container-fluid align-items-center">
294302
<!-- First section -->
295303
<div class="row align-items-center">
296-
<h2 class="display-md-5 jumbo-header">Check out the blog and wiki!</h2>
304+
<h2 class="display-md-5 jumbo-header">Check out the blog!</h2>
297305
</div>
298306
<div class="row align-items-center">
299307
<div class="col-md-8">
300-
<p> Check out the wiki for guides, tips, and how to get started with RetroDECK.
301-
Our team also posts updates on the RetroDECK blog to keep you informed about ongoing
302-
development.</p>
308+
<p> Our team publishes a monthly update on the RetroDECK blog.
309+
Visit it to stay up to date with ongoing development.</p>
303310
</div>
304311
<div class="col-md-4 text-center">
305312
<a type="button" class="btn btn-dark align-center p-2" target="_blank"
@@ -382,10 +389,10 @@ <h2 class="display-md-5 jumbo-header">Latest from the Blog</h2>
382389
<div class="feature-card p-2 mt-2 mt-lg-0">
383390
<h3>RetroDECK Configurator</h3>
384391
<p>Use the <em>RetroDECK Configurator</em>, a multi-tool settings
385-
utility accessible from the ES-DE main menu, to manage system configurations
386-
from a single interface.
387-
It includes tools to fix issues, compress files, enable presets, organize
388-
folders, validate BIOS, and more.</p>
392+
utility accessible from the ES-DE main menu, to manage system configurations
393+
from a single interface.
394+
It includes tools to fix issues, compress files, enable presets, organize
395+
folders, validate BIOS, and more.</p>
389396
</div>
390397
</div>
391398
</div>
@@ -446,11 +453,11 @@ <h3>Several Features</h3>
446453
<div class="col-md-4">
447454
<div class="row py-0 align-items-center">
448455
<div class="col-3 text-center">
449-
<img class="img-fluid" src="assets/feature-icons/lock_open.png">
456+
<img class="img-fluid" src="assets/feature-icons/card_place.png">
450457
</div>
451458
<div class="col-9">
452459
<p>Distributed as a sandboxed Flatpak, RetroDECK keeps all
453-
important files in minimal locations for easy installation, usage, and
460+
important files together for easy installation, usage, and
454461
cleanup.
455462
<p>
456463
</div>
@@ -460,25 +467,25 @@ <h3>Several Features</h3>
460467
<div class="col-md-4">
461468
<div class="row py-0 align-items-center">
462469
<div class="col-3 text-center">
463-
<img class="img-fluid" src="assets/feature-icons/card_place.png">
470+
<img class="img-fluid" src="assets/feature-icons/structure_house.png">
464471
</div>
465472
<div class="col-9">
466473
<p>
467474
RetroDECK organizes user content into dedicated folders for easy access,
468-
including
469-
<strong>BIOS</strong>,
470-
<strong>Borders</strong>,
471-
<strong>Cheats</strong>,
472-
<strong>Logs</strong>,
473-
<strong>Mods</strong>,
474-
<strong>ROMs</strong>,
475-
<strong>Saves</strong>,
476-
<strong>Screenshots</strong>,
477-
<strong>Shaders</strong>,
478-
<strong>States</strong>,
479-
<strong>Storage</strong>,
480-
<strong>Texture Packs</strong>,
481-
<strong>Videos</strong>, and more.
475+
including:
476+
BIOS,
477+
Borders,
478+
Cheats,
479+
Logs,
480+
Mods,
481+
ROMs,
482+
Saves,
483+
Screenshots,
484+
Shaders,
485+
States,
486+
Storage,
487+
Texture Packs,
488+
Videos, and more.
482489
</p>
483490
</div>
484491
</div>
@@ -490,7 +497,7 @@ <h3>Several Features</h3>
490497
<img class="img-fluid" src="assets/feature-icons/award.png">
491498
</div>
492499
<div class="col-9">
493-
<p> Connect with <strong>RetroAchievements</strong> to earn recognition for all
500+
<p> Connect with <em>RetroAchievements</em> to earn recognition for all
494501
your amazing accomplishments in supported components.</p>
495502
</div>
496503
</div>
@@ -528,7 +535,7 @@ <h3>Several Features</h3>
528535
<div class="col-md-4">
529536
<div class="row py-0 align-items-center">
530537
<div class="col-3 text-center">
531-
<img class="img-fluid" src="assets/feature-icons/pawns.png">
538+
<img class="img-fluid" src="assets/feature-icons/crown_a.png">
532539
</div>
533540
<div class="col-9">
534541
<p>

0 commit comments

Comments
 (0)