2024-04-18 16:22:51 +00:00
<!doctype html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >
< title > RetroDECK Features< / title >
< meta name = "twitter:description"
content="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.">
< meta property = "og:image" content = "assets/img/RetroDeck%20Wallpaper.png" >
< meta name = "twitter:title" content = "RetroDECK" >
< meta name = "twitter:card" content = "summary" >
< meta property = "og:type" content = "website" >
< meta name = "twitter:image" content = "" >
< meta name = "description"
content="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.">
< link rel = "apple-touch-icon" type = "image/png" sizes = "180x180" href = "assets/img/icon_circle_2_180x180.png" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "assets/icons/icon_circle_16x16.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "assets/icons/icon_circle_1_32x32.png" >
< link rel = "icon" type = "image/png" sizes = "180x180" href = "assets/icons/icon_circle_2_180x180.png" >
< link rel = "icon" type = "image/png" sizes = "192x192" href = "assets/icons/icon_circle_3_192x192.png" >
< link rel = "icon" type = "image/png" sizes = "512x512" href = "assets/icons/icon_circle_4_512x512.png" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" >
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel = "stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
< link rel = "stylesheet" href = "css/style.css" >
< / head >
< body >
<!-- Navbar -->
< nav class = "navbar navbar-expand-lg bg-dark sticky-top" data-bs-theme = "dark" >
2024-04-19 02:16:38 +00:00
< div class = "container" >
2024-04-18 16:22:51 +00:00
< a class = "navbar-brand" href = "index.html" >
2024-04-19 02:18:13 +00:00
< img src = "assets/icons/squircle-icon.svg" height = "40" >
2024-04-18 16:22:51 +00:00
< / a >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarNavDropdown" >
< ul class = "navbar-nav" >
< li class = "nav-item" >
< a class = "nav-link active" href = "features.html" > Features< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" target = "_blank" rel = "noopener noreferrer"
href="https://retrodeck.readthedocs.io/en/latest/">Wiki< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" target = "_blank" rel = "noopener noreferrer"
href="https://retrodeck.readthedocs.io/en/latest/blog/">Blog< / a >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" role = "button" data-bs-toggle = "dropdown"
aria-expanded="false">
Social
< / a >
< ul class = "dropdown-menu" >
< li > < a class = "dropdown-item" target = "_blank" rel = "noopener noreferrer"
href="https://discord.gg/WDc5C9YWMx">Discord< / a > < / li >
< li > < a class = "dropdown-item" target = "_blank" rel = "noopener noreferrer"
href="https://matrix.to/#/#retrodeck:matrix.org">Matrix< / a > < / li >
< li > < a class = "dropdown-item" target = "_blank" rel = "noopener noreferrer"
href="https://www.reddit.com/r/RetroDeck/">Reddit< / a > < / li >
< li > < a class = "dropdown-item" target = "_blank" rel = "noopener noreferrer"
href="https://lemmy.zip/c/retrodeck">Lemmy< / a > < / li >
< / ul >
< / li >
< li class = "nav-item dropdown" >
< a class = "nav-link dropdown-toggle" href = "#" role = "button" data-bs-toggle = "dropdown"
aria-expanded="false">
Source Code
< / a >
< ul class = "dropdown-menu" >
< li >
< a class = "dropdown-item" href = "https://github.com/XargonWan/RetroDECK/tree/main"
target="_blank" rel="noopener noreferrer">
Github
< / a >
< / li >
< li >
< a class = "dropdown-item" href = "https://github.com/XargonWan/RetroDECK-cooker/"
target="_blank" rel="noopener noreferrer">
Cooker
< / a >
< / li >
< li >
< a class = "dropdown-item" href = "https://repo.retrodeck.net/Xargon/RetroDECK"
target="_blank" rel="noopener noreferrer">
Gitea
< / a >
< / li >
< / ul >
< / li >
< / ul >
< / div >
< / div >
< / nav >
<!-- End Navbar -->
<!-- Main Content -->
< main class = "container mt-4 mb-4" id = "features" >
<!-- Lead Jumbotron -->
< div class = "p-2 mb-4 bg-body-tertiary rounded-3 jumbotron my-gradient gradient-spin" >
< div class = "container-fluid py-5" >
< h1 class = "display-5 fw-bold" > Why RetroDECK?< / h1 >
< / div >
< / div >
<!-- End Jumbotron -->
2024-04-18 17:12:11 +00:00
<!-- 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 -->
2024-04-18 16:22:51 +00:00
< / main >
<!-- End Main Content -->
<!-- Footer -->
< footer class = "container-fluid p-2" >
2024-04-18 18:39:22 +00:00
< div class = "row justify-content-betweetn" >
< div class = "col-md" >
2024-04-18 16:22:51 +00:00
Created by < a target = "_blank" rel = "noopener noreferrer" href = "https://github.com/jiannazzone" > Adam
Iannazzone< / a > and the RetroDECK team.
< / div >
2024-04-18 18:39:22 +00:00
< div class = "col-md" >
< div class = "form-check form-switch float-end" >
< input class = "form-check-input" id = "reduce-motion-switch" type = "checkbox" role = "switch" id = "reduceMotionSwitch" onchange = "reduceMotion()" >
< label class = "form-check-label" for = "reduceMotionSwitch" > Reduce motion< / label >
< / div >
< / div >
2024-04-18 16:22:51 +00:00
< / div >
< / footer >
<!-- End Footer -->
< script src = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous">< / script >
< script src = "scripts/gradient.js" > < / script >
< / body >
< / html >
