mirror of
https://github.com/RetroDECK/RetroDECK.git
synced 2024-11-25 23:45:39 +00:00
Update index.html
Website Refresh
This commit is contained in:
Lazorne
GitHub
parent
c6356f7678
commit
ce2781b5a8
|
|
@ -59,7 +59,7 @@
|
|||
<!-- Start: Intro -->
|
||||
<div class="intro">
|
||||
<h2 class="text-center" style="font-size: 60px;margin-bottom: 0px;"><img class="img-fluid" src="assets/img/logo_stacked_esde.png" style="margin-bottom: 25px;"></h2>
|
||||
<p class="text-center" style="font-size: 20px;color: rgb(255,255,255);"><span style="color: rgb(220, 221, 222); background-color: rgba(4, 4, 5, 0.07);">RetroDECK is a polished and beginner-friendly environment for playing your retro games on Steam Deck, available with just one click from the Discover app.</span></p>
|
||||
<p class="text-center" style="font-size: 20px;color: rgb(255,255,255);"><span style="color: rgb(220, 221, 222); background-color: rgba(4, 4, 5, 0.07);">RetroDECK is a polished and beginner-friendly environment for playing your retro games on Steam Deck and Linux Desktop, available with just one click from the Discover app or wherever you get your flatpaks.</span></p>
|
||||
</div><!-- End: Intro -->
|
||||
<!-- Start: Buttons -->
|
||||
<div class="buttons" style="margin-bottom: 0px;"><a class="btn btn-secondary" role="button" target="_blank" style="color: black;background: white;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;" href="https://flathub.org/apps/details/net.retrodeck.retrodeck"><i class="fas fa-download"></i> Get retrodeck</a></div><!-- End: Buttons -->
|
||||
|
|
@ -111,31 +111,35 @@
|
|||
<div class="row justify-content-center features">
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-play-circle icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">pickup and play</h3>
|
||||
<p class="description">No configuration is needed as everything is tweaked to provide the best experience out of the box. Just play!</p>
|
||||
<p class="description">No configuration is needed to start. You provide the games and we provide the play!</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-exchange-alt icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>quick resume</strong></h3>
|
||||
<p class="description">Quit your game and pick it up exactly where you left off</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-backward icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>rewind</strong></h3>
|
||||
<p class="description">Seems like you died! Go back in time and retry without having to restart your game or lose a life.</p>
|
||||
<h3 class="name"><strong>rewind & fast forward</strong></h3>
|
||||
<p class="description"> Go back in time and retry without having to restart your game or skip over that long conversation.</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-wrench icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">The Configurator</h3>
|
||||
<p class="description">A super powerful multi-tool interface that allows you to have quick access to the advanced functions and tweak them to your desire!</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-box icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">Flatpak</h3>
|
||||
<p class="description">Everything is contained within one application and not over your entire filesystem. Only one place to look and backup!</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-gamepad icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">Hotkey System</h3>
|
||||
<p class="description">Features a in-depth global hotkey system with radial menus in addition to button combos via Steam Input. </p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-ghost icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>cheats</strong></h3>
|
||||
<p class="description">Can' t surpass THAT point? Don't want to farm? Enable cheats and play smoothly!</p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-wifi icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">online gaming <em>(Planned feature)</em><br></h3>
|
||||
<p class="description">Thanks to various emulators online function you will be able to play with your friends, stay tuned for this feature!<br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-database icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>metadata</strong></h3>
|
||||
<p class="description">RetroDECK, that runs ES-DE frontend, pulls information in your library to create a beautiful user experience<br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-cloud-download-alt icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>cloud saves <em>(Planned feature)</em></strong></h3>
|
||||
<p class="description">RetroDECK will backup your progression and sync it across multiple devices. <em>(User configuration may be needed)</em><br></p>
|
||||
<h3 class="name"><strong>metadata & Images</strong></h3>
|
||||
<p class="description">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!<br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-medal icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">Retro Achievements</h3>
|
||||
|
|
@ -144,6 +148,46 @@
|
|||
</div><!-- End: Features -->
|
||||
</div>
|
||||
</section><!-- End: Features Clean -->
|
||||
<section id="pl-features" class="features-clean">
|
||||
<div class="container">
|
||||
<!-- Start: Intro -->
|
||||
<div class="intro">
|
||||
<h2 class="text-center" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">Planned / In-progress Features </h2>
|
||||
</div><!-- End: Intro -->
|
||||
<!-- Start: Features -->
|
||||
<div class="row justify-content-center features">
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-wifi icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name">online gaming <br></h3>
|
||||
<p class="description">Tools to make it easier to play with your friends online!<br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-cloud-download-alt icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>cloud saves and backup </strong></h3>
|
||||
<p class="description">RetroDECK will backup your progression and sync it across multiple devices. <br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-users icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>Multi-User System</strong></h3>
|
||||
<p class="description">Use local RetroDECK users or bind Steam Deck users to your own saves and emulator configurations! <br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-wrench icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>Configurator Godot Edition</strong></h3>
|
||||
<p class="description">The new controller friendly configurator with even more advanced tools! <br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-flask icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>Add seperate games to Steam</strong></h3>
|
||||
<p class="description">Tools for adding all your favorite games as seperate entries in Steam with the click of a button. <br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-dice icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>More Emulators</strong></h3>
|
||||
<p class="description">RetroDECK will support even more Emulators! <br></p>
|
||||
</div>
|
||||
<div class="col-sm-6 col-lg-4 item"><i class="fas fa-car icon" style="background: linear-gradient(-95deg, #1a9fff, #946beb);-webkit-background-clip: text;-webkit-text-fill-color: transparent;"></i>
|
||||
<h3 class="name"><strong>More Game Engines</strong></h3>
|
||||
<p class="description">RetroDECK will support even more Retro Game Engines! <br></p>
|
||||
</div>
|
||||
</div><!-- End: Features -->
|
||||
</div>
|
||||
</section><!-- End: Features Clean -->
|
||||
|
||||
<!-- Start: Banner Color -->
|
||||
<section class="py-4 py-xl-5">
|
||||
<div class="container">
|
||||
|
|
@ -161,7 +205,7 @@
|
|||
<!-- Start: Social Icons -->
|
||||
<div class="social"><a href="https://discord.gg/tbmBpJbpur" target="_blank"><i class="fab fa-discord"></i></a><a href="https://github.com/XargonWan/RetroDECK" target="_blank"><i class="icon ion-social-github"></i></a></div><!-- End: Social Icons -->
|
||||
<!-- Start: Copyright -->
|
||||
<p class="copyright">Made with <i class="fa fa-heart"></i> by gabeee_boii#5232</p><!-- End: Copyright -->
|
||||
<p class="copyright">Made with <i class="fa fa-heart"></i> by gabeee_boii#5232 and RetroDECK Team</p><!-- End: Copyright -->
|
||||
</footer><!-- End: Footer Basic -->
|
||||
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.11.1/baguetteBox.min.js"></script>
|
||||
|
|
|
|||
Loading…
Reference in a new issue