From ef5b095396f86bbb958831d1aa88f3000c77d75e Mon Sep 17 00:00:00 2001 From: Adam Iannazzone <46025473+jiannazzone@users.noreply.github.com> Date: Thu, 18 Apr 2024 12:22:51 -0400 Subject: [PATCH] Add features page --- css/style.css | 23 ++++++- features.html | 136 ++++++++++++++++++++++++++++++++++++ index.html | 164 +++++++++++++++++++++++++------------------- scripts/gradient.js | 7 +- 4 files changed, 252 insertions(+), 78 deletions(-) create mode 100644 features.html diff --git a/css/style.css b/css/style.css index 229240d..0713aa1 100644 --- a/css/style.css +++ b/css/style.css @@ -6,11 +6,15 @@ body { background-color: #222; } -.navbar { +.navbar, footer { background: linear-gradient(-95deg, #1a9fff, #946beb); font-family: "Source Sans 3"; } +footer { + color: white; +} + .navbar .dropdown-menu { background-color: #222; } @@ -30,12 +34,27 @@ body { } .jumbotron { - background: linear-gradient(45deg, #1a9fff, #946beb); color: white; border: 1px white solid; font-family: "Source Sans 3", sans-serif; } +.my-gradient { + background: linear-gradient(45deg, #1a9fff, #946beb); +} + +.feature-col { + background-color: white; +} + .jumbotron h1 { font-family: "Nunito Sans", sans-serif; +} + +.jumbotron p>a, footer a { + color: #222; +} + +.jumbotron p>a:hover, footer a:hover{ + color: white; } \ No newline at end of file diff --git a/features.html b/features.html new file mode 100644 index 0000000..199f752 --- /dev/null +++ b/features.html @@ -0,0 +1,136 @@ + + + + + + + RetroDECK Features + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+

Why RetroDECK?

+
+
+ + +
+ + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 2c5b6f6..63abe9a 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,8 @@ + + + -
-
+ +
- -
-
-

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.

- - Download on Flathub - + +
+
+

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. +

+ + Download on Flathub + +
+
+ + + + + - -
+ + + +
+
+ + - - - diff --git a/scripts/gradient.js b/scripts/gradient.js index 906f6ab..1316ad3 100644 --- a/scripts/gradient.js +++ b/scripts/gradient.js @@ -1,17 +1,16 @@ let gradientAngle = 45; -let jumbotronElems = document.getElementsByClassName('jumbotron'); +let gradientSpinElems = document.getElementsByClassName('gradient-spin'); const gradientInterval = setInterval(function() { updateGradientAngle(); }, 50); -console.log(jumbotronElems.length) function updateGradientAngle() { gradientAngle += 1 if (gradientAngle > 360) { gradientAngle = 0; } - for (let i=0; i