From 853b492159f851ae21aee7538e2bbc2234080950 Mon Sep 17 00:00:00 2001 From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com> Date: Thu, 18 Apr 2024 09:19:40 -0400 Subject: [PATCH] Initial commit of new layout --- assets/img/squircle-icon.svg | 18 ++ css/style.css | 23 +++ index.html | 328 ++++++++++++++--------------------- index_old.html | 231 ++++++++++++++++++++++++ 4 files changed, 401 insertions(+), 199 deletions(-) create mode 100644 assets/img/squircle-icon.svg create mode 100644 css/style.css create mode 100644 index_old.html diff --git a/assets/img/squircle-icon.svg b/assets/img/squircle-icon.svg new file mode 100644 index 0000000..9856332 --- /dev/null +++ b/assets/img/squircle-icon.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..1abe529 --- /dev/null +++ b/css/style.css @@ -0,0 +1,23 @@ +@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); + +body { + background-color: #111; +} + +.navbar { + background: linear-gradient(-95deg, #1a9fff, #946beb); +} + +.navbar .dropdown-menu { + background-color: #111; +} + +.btn-dark { + background-color: #111; +} + +#lead-jumbotron { + background: linear-gradient(45deg, #1a9fff, #946beb); + color: white; + border: 1px white solid; +} \ No newline at end of file diff --git a/index.html b/index.html index d4afe5f..aebffe0 100644 --- a/index.html +++ b/index.html @@ -1,231 +1,161 @@ - + RetroDECK - + - + - + - - - - - - - - - - - - - + + - - + +
+
+ + +
+
+

Your all-in-one emulation package for the Steam Deck

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed ante finibus nulla imperdiet mattis id id augue. Donec maximus molestie tempor. Nulla efficitur ex erat, nec vehicula arcu dapibus sed.

+ + Get RetroDECK +
-
- - -
-
- -
-

designed for you

-
- -
-
-

pickup and play

-

No configuration is needed to start. You provide the games and we provide the play.

+ + + + -
- -
-
-
-
-

Always evolving & Improving

-

The RetroDECK Team always have several things in the works, what follows is just a tiny selection. To stay up to date on latest RetroDECK news check the the Wiki and join the Discord.

-
-
News
-
-
-
-
- -
-

Planned / In-progress Features

-
- -
-
-

online gaming

-

Tools to make it easier to play with your friends online.

-
-
-

cloud saves and backup

-

RetroDECK will backup your progression and sync it across multiple devices.

-
-
-

Multi-User System

-

Use local RetroDECK users or bind Steam Deck users to your own saves and emulator configurations.

-
-
-

Configurator Godot Edition

-

The new controller friendly configurator with even more advanced tools.

-
-
-

Add separate games to Steam

-

Tools for adding all your favorite games as separate entries in Steam with the click of a button.

-
-
-

More Content

-

RetroDECK will support even more Emulators / Game Engines / Tools and Systems.

-
-
-
-
- -
-
-
-
-

Support RetroDECK or the software we use

-

Help us keep the game preservation ecosystem alive and healthy.

-
-
donate
-
-
-
- - - - - - - - + + + + - + \ No newline at end of file diff --git a/index_old.html b/index_old.html new file mode 100644 index 0000000..d4afe5f --- /dev/null +++ b/index_old.html @@ -0,0 +1,231 @@ + + + + + + + RetroDECK + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+

+

RetroDECK is a in development but polished and beginner-friendly flatpak application for playing your retro games on the Steam Deck and the Linux Desktop. Available with just one click away in Discover or wherever you get your flatpaks.

+
+ +
 Get retrodeck
+
+
+ +
+
+
+
+

screenshots

+
+
+
+
+ +
+
+
+
+ +
+
+
+
+

POWERED BY ES-DE & THE RETRODECK FRAMEWORK

+

Together with ES-DE, other software and RetroDECK's own Framework. We are trying to bring you the best all-in-one system out there.

+
+
+
+
+ +
+
+ +
+

designed for you

+
+ +
+
+

pickup and play

+

No configuration is needed to start. You provide the games and we provide the play.

+
+
+

quick resume

+

Quit your game and pick it up exactly where you left off.

+
+
+

rewind & fast forward

+

Go back in time and retry without having to restart your game or skip over that long conversation.

+
+
+

The Configurator

+

A super powerful multi-tool interface that allows you to have quick access to the advanced functions and tweak them to your desire.

+
+
+

Flatpak

+

Everything is contained within one application and not over your entire filesystem. Only one place to look and one place to backu.!

+
+
+

Use your system

+

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.

+
+
+

Hotkey System

+

Features a in-depth global hotkey system with radial menus in addition to button combos via Steam Input.

+
+
+

cheats

+

Can't surpass THAT point? Don't want to farm? Enable cheats and play smoothly.

+
+
+

metadata & Images

+

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.

+
+
+

Retro Achievements

+

Get rewarded while you play! RetroDECK tracks your progress and awards you when you go the extra mile.

+
+
+
+
+ +
+
+
+
+

Always evolving & Improving

+

The RetroDECK Team always have several things in the works, what follows is just a tiny selection. To stay up to date on latest RetroDECK news check the the Wiki and join the Discord.

+
+
News
+
+
+
+
+
+ +
+

Planned / In-progress Features

+
+ +
+
+

online gaming

+

Tools to make it easier to play with your friends online.

+
+
+

cloud saves and backup

+

RetroDECK will backup your progression and sync it across multiple devices.

+
+
+

Multi-User System

+

Use local RetroDECK users or bind Steam Deck users to your own saves and emulator configurations.

+
+
+

Configurator Godot Edition

+

The new controller friendly configurator with even more advanced tools.

+
+
+

Add separate games to Steam

+

Tools for adding all your favorite games as separate entries in Steam with the click of a button.

+
+
+

More Content

+

RetroDECK will support even more Emulators / Game Engines / Tools and Systems.

+
+
+
+
+ +
+
+
+
+

Support RetroDECK or the software we use

+

Help us keep the game preservation ecosystem alive and healthy.

+
+
donate
+
+
+
+ + + + + + + + + + +