From 87f8f485aac3e06162d8f771f487449ceee7f55e Mon Sep 17 00:00:00 2001 From: Simeon Radivoev Date: Sun, 10 May 2026 17:51:46 +0300 Subject: [PATCH] feat: Added plugins section and made it more mobile friendly --- package.json | 15 +++- src/assets/screenshots/3dscreenshot.json | 3 + src/assets/screenshots/3nhuKCK6E3.json | 3 + src/assets/screenshots/4MtAe7Wkev.json | 3 + src/assets/screenshots/6wz3gW8c2h.json | 3 + src/assets/screenshots/CpBLzTNM6N.json | 3 + src/assets/screenshots/EWPHmIBEE5.json | 3 + src/assets/screenshots/GL7SkQbHIY.json | 3 + src/assets/screenshots/MMeJxl4IXr.json | 3 + src/assets/screenshots/Pkazk0RufB.json | 3 + src/assets/screenshots/rBY2mgTLy0.json | 3 + src/assets/screenshots/yObFD2LySH.json | 3 + src/assets/screenshots/zEQxtzhPGx.json | 3 + src/components/Dock.astro | 35 +++++++++ src/components/Feature.astro | 2 +- src/components/Features.astro | 7 ++ src/components/Footer.astro | 13 +++- src/components/Header.astro | 37 +++++++--- src/components/Hero.astro | 18 +++-- src/components/Screenshots.astro | 33 ++++++--- src/components/Stats.astro | 25 ++++--- src/components/Welcome.astro | 1 - src/layouts/Layout.astro | 6 +- src/pages/index.astro | 6 +- src/pages/plugins.astro | 93 ++++++++++++++++++++++++ src/scripts/getters.ts | 67 +++++++++++------ 26 files changed, 331 insertions(+), 63 deletions(-) create mode 100644 src/assets/screenshots/3dscreenshot.json create mode 100644 src/assets/screenshots/3nhuKCK6E3.json create mode 100644 src/assets/screenshots/4MtAe7Wkev.json create mode 100644 src/assets/screenshots/6wz3gW8c2h.json create mode 100644 src/assets/screenshots/CpBLzTNM6N.json create mode 100644 src/assets/screenshots/EWPHmIBEE5.json create mode 100644 src/assets/screenshots/GL7SkQbHIY.json create mode 100644 src/assets/screenshots/MMeJxl4IXr.json create mode 100644 src/assets/screenshots/Pkazk0RufB.json create mode 100644 src/assets/screenshots/rBY2mgTLy0.json create mode 100644 src/assets/screenshots/yObFD2LySH.json create mode 100644 src/assets/screenshots/zEQxtzhPGx.json create mode 100644 src/components/Dock.astro create mode 100644 src/pages/plugins.astro diff --git a/package.json b/package.json index a66b108..a853197 100644 --- a/package.json +++ b/package.json @@ -33,7 +33,20 @@ "cross-platform", "gamepad", "controller", - "ux" + "ux", + "plugins", + "community", + "cloud", + "emulators", + "steam-deck", + "linux", + "windows", + "app", + "webview", + "bun", + "es-de", + "store", + "free" ], "devDependencies": { "@types/bun": "latest" diff --git a/src/assets/screenshots/3dscreenshot.json b/src/assets/screenshots/3dscreenshot.json new file mode 100644 index 0000000..56dc47b --- /dev/null +++ b/src/assets/screenshots/3dscreenshot.json @@ -0,0 +1,3 @@ +{ + "alt": "Gameflow 3D Screenshow hero image" +} \ No newline at end of file diff --git a/src/assets/screenshots/3nhuKCK6E3.json b/src/assets/screenshots/3nhuKCK6E3.json new file mode 100644 index 0000000..0f36637 --- /dev/null +++ b/src/assets/screenshots/3nhuKCK6E3.json @@ -0,0 +1,3 @@ +{ + "alt": "Game details screen of the app. Showing the rom Peter Jackson's King Kong Game in dark mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/4MtAe7Wkev.json b/src/assets/screenshots/4MtAe7Wkev.json new file mode 100644 index 0000000..acaab69 --- /dev/null +++ b/src/assets/screenshots/4MtAe7Wkev.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing the responsive layout and the experimental portrait layout in specific." +} \ No newline at end of file diff --git a/src/assets/screenshots/6wz3gW8c2h.json b/src/assets/screenshots/6wz3gW8c2h.json new file mode 100644 index 0000000..c26f4c4 --- /dev/null +++ b/src/assets/screenshots/6wz3gW8c2h.json @@ -0,0 +1,3 @@ +{ + "alt": "Game details screen of the app. Showing the rom Peter Jackson's King Kong Game in light mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/CpBLzTNM6N.json b/src/assets/screenshots/CpBLzTNM6N.json new file mode 100644 index 0000000..08ba986 --- /dev/null +++ b/src/assets/screenshots/CpBLzTNM6N.json @@ -0,0 +1,3 @@ +{ + "atl": "The free in app store home page. Showing recommended free games and emulators." +} \ No newline at end of file diff --git a/src/assets/screenshots/EWPHmIBEE5.json b/src/assets/screenshots/EWPHmIBEE5.json new file mode 100644 index 0000000..253553b --- /dev/null +++ b/src/assets/screenshots/EWPHmIBEE5.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing the gameflow platform list. Where users can find games based on platforms. Like Xbox or Playstation" +} \ No newline at end of file diff --git a/src/assets/screenshots/GL7SkQbHIY.json b/src/assets/screenshots/GL7SkQbHIY.json new file mode 100644 index 0000000..1a489b5 --- /dev/null +++ b/src/assets/screenshots/GL7SkQbHIY.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing the plugins page for the gameflow app. It shows internal plugins built into the app. Like ES-DE autoconfig or different emulator implementations. All this in dark mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/MMeJxl4IXr.json b/src/assets/screenshots/MMeJxl4IXr.json new file mode 100644 index 0000000..ade6a82 --- /dev/null +++ b/src/assets/screenshots/MMeJxl4IXr.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing all emulator for download that will be fully supported by gameflow. Where you can easily install emulators and download firmware if you have romm setup. All this in light mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/Pkazk0RufB.json b/src/assets/screenshots/Pkazk0RufB.json new file mode 100644 index 0000000..036d372 --- /dev/null +++ b/src/assets/screenshots/Pkazk0RufB.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing the homescreen of the app. The default filter is most activity. Be it last played or freshly installed. In light mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/rBY2mgTLy0.json b/src/assets/screenshots/rBY2mgTLy0.json new file mode 100644 index 0000000..86f6255 --- /dev/null +++ b/src/assets/screenshots/rBY2mgTLy0.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing the plugins page for the gameflow app. It shows internal plugins built into the app. Like ES-DE autoconfig or different emulator implementations. All this in light mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/yObFD2LySH.json b/src/assets/screenshots/yObFD2LySH.json new file mode 100644 index 0000000..cdceeb3 --- /dev/null +++ b/src/assets/screenshots/yObFD2LySH.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing the homescreen of the app. The default filter is most activity. Be it last played or freshly installed. In dark mode." +} \ No newline at end of file diff --git a/src/assets/screenshots/zEQxtzhPGx.json b/src/assets/screenshots/zEQxtzhPGx.json new file mode 100644 index 0000000..80cb888 --- /dev/null +++ b/src/assets/screenshots/zEQxtzhPGx.json @@ -0,0 +1,3 @@ +{ + "alt": "Showing all emulator for download that will be fully supported by gameflow. Where you can easily install emulators and download firmware if you have romm setup. All this in dark mode." +} \ No newline at end of file diff --git a/src/components/Dock.astro b/src/components/Dock.astro new file mode 100644 index 0000000..574e3d1 --- /dev/null +++ b/src/components/Dock.astro @@ -0,0 +1,35 @@ +--- +import { HandCoins, House, Puzzle } from "@lucide/astro"; +import { Github } from "simple-icons-astro"; +import pkg from "../../package.json"; +--- + +
+ + + Home + + + + + Plugins + + + + Github + + + + Sponsor + +
diff --git a/src/components/Feature.astro b/src/components/Feature.astro index dee1bee..a47ba2a 100644 --- a/src/components/Feature.astro +++ b/src/components/Feature.astro @@ -2,7 +2,7 @@ const { title, description, icon } = Astro.props; --- -
+

{title}

diff --git a/src/components/Features.astro b/src/components/Features.astro index 98c52de..17c994f 100644 --- a/src/components/Features.astro +++ b/src/components/Features.astro @@ -9,6 +9,7 @@ import { Store, RefreshCcw, Joystick, + Puzzle, } from "@lucide/astro"; import Feature from "./Feature.astro"; --- @@ -76,4 +77,10 @@ import Feature from "./Feature.astro"; > + + +
diff --git a/src/components/Footer.astro b/src/components/Footer.astro index 663fb7a..e52edef 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -1,5 +1,5 @@ --- -import { Github, Youtube } from "simple-icons-astro"; +import { Discord, Github, Youtube } from "simple-icons-astro"; import { HandCoins } from "@lucide/astro"; import pkg from "../../package.json"; --- @@ -11,11 +11,17 @@ import pkg from "../../package.json"; Downloads Mirror License + Packages + +
diff --git a/src/components/Header.astro b/src/components/Header.astro index 1de43a8..b1c6f22 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -1,33 +1,52 @@ --- import { Github, Discord } from "simple-icons-astro"; -import { HandCoins } from "@lucide/astro"; +import { HandCoins, Puzzle } from "@lucide/astro"; import Icon from "../assets/icon.svg"; import pkg from "../../package.json"; -import { releaseData } from "../scripts/getters"; +import { plugins, releaseData } from "../scripts/getters"; +import Image from "astro/components/Image.astro"; --- -
-
- +
+ + Gameflow Hero Screenshot
{pkg.displayName}
Deck
{releaseData.tag_name}
-
-
+ +