From 60d8a65e85e8d32ef56619f31bb4324935571fb5 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Mon, 2 Feb 2026 08:24:28 +0000 Subject: [PATCH] feat(ui): improve fallback page UX and accessibility - Add "Skip to content" link for keyboard accessibility. - Replace dummy navigation links with valid links to Docs and GitHub. - Add a "Copy to Clipboard" button for the installation command. - Add `:focus-visible` styles for better keyboard navigation. - Wrap main content in semantic `
` landmark. - Remove misleading "Login/Sign Up" links from fallback page. - Ensure compliance with existing `tests/rpc/test_rpc_apiserver.py`. Co-authored-by: Corax-CoLAB <239841157+Corax-CoLAB@users.noreply.github.com> --- .../rpc/api_server/ui/fallback_file.html | 173 +++++++++++++----- 1 file changed, 125 insertions(+), 48 deletions(-) diff --git a/freqtrade/rpc/api_server/ui/fallback_file.html b/freqtrade/rpc/api_server/ui/fallback_file.html index 25d7c4d14..b82711262 100644 --- a/freqtrade/rpc/api_server/ui/fallback_file.html +++ b/freqtrade/rpc/api_server/ui/fallback_file.html @@ -125,63 +125,140 @@ font-weight: bold; margin-top: 1rem; transition: transform 0.2s, box-shadow 0.2s; + cursor: pointer; + border: none; + font-size: 1rem; } .btn:hover { transform: scale(1.05); box-shadow: 0 0 10px var(--accent-primary); } + + /* Accessibility & UX Improvements */ + :focus-visible { + outline: 3px solid var(--accent-secondary); + outline-offset: 2px; + } + + .skip-link { + position: absolute; + top: -100px; + left: 0; + background: var(--accent-primary); + color: white; + padding: 1rem; + z-index: 1000; + text-decoration: none; + font-weight: bold; + transition: top 0.3s; + } + + .skip-link:focus { + top: 0; + } + + .copy-container { + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + flex-wrap: wrap; + } + + .copy-btn { + background: transparent; + border: 2px solid var(--accent-secondary); + color: var(--accent-secondary); + cursor: pointer; + padding: 5px 12px; + border-radius: 5px; + font-size: 1.2rem; + transition: all 0.2s; + } + + .copy-btn:hover { + background: rgba(0, 255, 255, 0.1); + transform: scale(1.1); + } + + .copy-btn:active { + transform: scale(0.95); + } + + +
+
+ +
+

Freqtrade - Crypto P Edition

+ +
+ +
+
+

Welcome to the Show!

+

Step into the most dazzling carousel for your crypto trading.

+
+ +
+

Meet Crypto P

+

Crypto P is the eccentric mastermind behind Crypto P's Magical Server! With high energy, a love for cryptocurrency, and a passion for innovation, Crypto P is constantly developing new ideas, trading bots, and crypto signals. A true visionary with a mix of seriousness and playfulness, Crypto P brings the magic of cryptocurrency to life!

+
+ +
+

The Philosophy of Crypto P

+

Crypto P believes in the power of decentralization, the potential of blockchain technology, and the freedom that comes with it. The journey is as important as the destination, and Crypto P loves to share the excitement with others. From building advanced trading bots to providing real-time crypto signals, Crypto P’s goal is to make the crypto world accessible to everyone!

+
+ +
+

Crypto P’s Vision

+

With a deep understanding of the crypto markets, Crypto P combines technical expertise with a creative and psychedelic spirit. Crypto P’s vision is to create a platform that not only provides valuable tools and insights for traders but also engages the community with fun, vibrant, and thought-provoking content. Whether it’s through high-energy crypto signals, innovative bots, or live charts, Crypto P is here to guide you on your crypto journey.

+
+ +
+

Unlock the Full Edition!

+

The UI is currently hiding. Install it with this command:

+ +
+ freqtrade install-ui + +
+ +

Then refresh this page to enter the dashboard!

+ +
+
-
-
- -
-

Freqtrade - Crypto P Edition

- -
- -
-

Welcome to the Show!

-

Step into the most dazzling carousel for your crypto trading.

-
- -
-

Meet Crypto P

-

Crypto P is the eccentric mastermind behind Crypto P's Magical Server! With high energy, a love for cryptocurrency, and a passion for innovation, Crypto P is constantly developing new ideas, trading bots, and crypto signals. A true visionary with a mix of seriousness and playfulness, Crypto P brings the magic of cryptocurrency to life!

-
- -
-

The Philosophy of Crypto P

-

Crypto P believes in the power of decentralization, the potential of blockchain technology, and the freedom that comes with it. The journey is as important as the destination, and Crypto P loves to share the excitement with others. From building advanced trading bots to providing real-time crypto signals, Crypto P’s goal is to make the crypto world accessible to everyone!

-
- -
-

Crypto P’s Vision

-

With a deep understanding of the crypto markets, Crypto P combines technical expertise with a creative and psychedelic spirit. Crypto P’s vision is to create a platform that not only provides valuable tools and insights for traders but also engages the community with fun, vibrant, and thought-provoking content. Whether it’s through high-energy crypto signals, innovative bots, or live charts, Crypto P is here to guide you on your crypto journey.

-
- -
-

Unlock the Full Edition!

-

The UI is currently hiding. Install it with this command:

- freqtrade install-ui -

Then refresh this page to enter the dashboard!

- -
- - + +