From 755e161eaaa1f45cce28fb560ccb98cb6a9d14ad Mon Sep 17 00:00:00 2001 From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com> Date: Thu, 26 Sep 2024 13:04:58 -0400 Subject: [PATCH] Implement carousel with standard Bootstrap for better responsiveness --- css/style.css | 12 +-- index.html | 254 ++++++++++++++++++++++++++++++++------------------ 2 files changed, 168 insertions(+), 98 deletions(-) diff --git a/css/style.css b/css/style.css index f31e7f1..43a59d0 100644 --- a/css/style.css +++ b/css/style.css @@ -99,25 +99,25 @@ footer { border-bottom: var(--rd-purple) 5px solid; } -#feature-row { +/* #feature-row { flex-wrap: nowrap; scrollbar-width: none; scroll-behavior: smooth; -} +} */ -.feature-container { +/* .feature-container { transition: 0.5s; cursor: pointer; scale: 80%; scroll-margin-top: 20px; max-height: fit-content; -} +} */ -.feature-container#active-feature { +/* .feature-container#active-feature { transition: 0.5s; scale: 100%; cursor:auto; -} +} */ .empty-feature-container { visibility: hidden; diff --git a/index.html b/index.html index 3ed68d5..ae83196 100644 --- a/index.html +++ b/index.html @@ -151,79 +151,81 @@
- + -
-
- -
-
-

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

-

- Powered by ES-DE, - RetroDECK combines all of the best open-source emulators into a single application. - Pair that with a best-in-class Steam Deck controller configuration, and you'll be in retro - gaming - paradise. -

-
+
+
+
+ +
+
+

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

+

+ Powered by ES-DE, + RetroDECK combines all of the best open-source emulators into a single application. + Pair that with a best-in-class Steam Deck controller configuration, and you'll be in retro + gaming + paradise. +

+
- -
- -
-
- - Flathub - - -
-
-
-
Get it on
+ +
+ +
+
+ + Flathub + +
-
-
Flathub
+
+
+
Get it on
+
+
+
Flathub
+
-
- -
- + +
+ +
+ + + +
+ + +
+
+

No need to configure emulators

+

(But you can if you want)

+
+
+ +
+

+ With RetroDECK, everything has been pre-configured for optimal performance and quality on the Steam + Deck. + If you want to dig deeper, you tinker with common emulator settings in the RetroDECK Configurator. + And don’t worry – you can always reset with a single click. +

- + -
- - -
-
-

No need to configure emulators

-

(But you can if you want)

-
-
- -
-

- With RetroDECK, everything has been pre-configured for optimal performance and quality on the Steam - Deck. - If you want to dig deeper, you tinker with common emulator settings in the RetroDECK Configurator. - And don’t worry – you can always reset with a single click. -

- - -
-
+ - -
-
- -
-
-

We can't do this alone!

-

- RetroDECK is run by volunteers. - If you appreciate our work, please consider code contribution or donating to us or our - sibling projects. -

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

We can't do this alone!

+

+ RetroDECK is run by volunteers. + If you appreciate our work, please consider code contribution or donating to us or our + sibling projects. +

+
+ + +
+ +
+
+ + + +
+
Learn More
+
+ +
+ + +
+ +
- - -
@@ -350,7 +420,7 @@ integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"> - +