mirror of
https://github.com/RetroDECK/RetroDECK-Website.git
synced 2024-11-21 22:45:39 +00:00
Add feature cards
This commit is contained in:
Adam Iannazzone
parent
ef5b095396
commit
31c662626c
|
|
@ -33,7 +33,7 @@ footer {
|
||||||
border: 1px white solid;
|
border: 1px white solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.jumbotron {
|
.jumbotron, .card-header {
|
||||||
color: white;
|
color: white;
|
||||||
border: 1px white solid;
|
border: 1px white solid;
|
||||||
font-family: "Source Sans 3", sans-serif;
|
font-family: "Source Sans 3", sans-serif;
|
||||||
|
|
@ -57,4 +57,8 @@ footer {
|
||||||
|
|
||||||
.jumbotron p>a:hover, footer a:hover{
|
.jumbotron p>a:hover, footer a:hover{
|
||||||
color: white;
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
background: #946beb;
|
||||||
}
|
}
|
||||||
105
features.html
105
features.html
|
|
@ -112,6 +112,111 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- End Jumbotron -->
|
<!-- End Jumbotron -->
|
||||||
|
|
||||||
|
<!-- Card Row -->
|
||||||
|
<div class="row pb-4 gy-4">
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-play-circle"></i> Pick Up & Play</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
No configuration is needed to start. You provide the games and we provide the play.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-lightning-charge"></i> Quick Resume</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Quit your game and pick it up exactly where you left off.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-rewind-circle"></i> Pick Up & Play</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Go back in time and retry without having to restart your game or skip over that long conversation.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Card Row -->
|
||||||
|
|
||||||
|
<!-- Card Row -->
|
||||||
|
<div class="row pb-4 gy-4">
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-tools"></i> The Configurator</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
A super powerful multi-tool interface that allows you to have quick access to the advanced functions and tweak them to your desire.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-box-seam"></i> Flatpak</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Everything is contained within one application and not over your entire filesystem. Only one place to look and one place to backup!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-steam"></i> Keep your existing OS</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
With RetroDECK there is no need to replace your existing Linux / SteamOS to get a all-in-one retro gaming solution. Install it on what you already have.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Card Row -->
|
||||||
|
|
||||||
|
<!-- Card Row -->
|
||||||
|
<div class="row pb-4 gy-4">
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-dpad"></i> Custom Hotkeys</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Features a in-depth global hotkey system with radial menus in addition to button combos via Steam Input.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-file-earmark-binary"></i> Cheats Enabled</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
Can't surpass THAT point? Don't want to farm? Enable cheats and play smoothly.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm d-flex align-items-stretch">
|
||||||
|
<div class="card px-0">
|
||||||
|
<div class="card-header">
|
||||||
|
<h3><i class="bi bi-database-down"></i> Metadata Import</h3>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
From the ES-DE frontend you can pull information to your library to create a beautiful user experience from various sources, that fits your style.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- End Card Row -->
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- End Main Content -->
|
<!-- End Main Content -->
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue