From 5a1cec202b72f7e511791c6c588289b0c81ad149 Mon Sep 17 00:00:00 2001 From: Guangcong Luo Date: Tue, 1 Apr 2025 18:21:04 +0000 Subject: [PATCH] Redesign website top navigation The topbar in pokemonshowdown.com (and all not-in-sim pages) has gotten revised in three ways: 1. Ladder has been replaced with Strategy, a link to the Smogon Strategydex. 2. Strategy and Forum now open in new tabs, because they don't share top nav with PS. 3. Strategy and Forum are now purple, to signal that they lead to Smogon and open in new tabs. I'm way more a fan of the new look than I expected to be. Purple and blue matches the "Horizon" art used on the main page quite well, it turns out. Ladder was always kind of useless - there's a better Ladder button in-sim that keeps way more up-to-date with tier additions/removals, and finding users can be done by clicking on the "X users online" button. --- play.pokemonshowdown.com/dirindex/404.html | 8 ++++---- play.pokemonshowdown.com/dirindex/dirindex.php | 16 +++++++++++++--- pokemonshowdown.com/cms/template.html | 8 ++++---- pokemonshowdown.com/index.php | 8 ++++---- pokemonshowdown.com/style/global.css | 10 ++++++++++ pokemonshowdown.com/style/wrapper.inc.php | 8 ++++---- pokemonshowdown.com/theme/wrapper.inc.php | 8 ++++---- replay.pokemonshowdown.com/404.html | 8 ++++---- replay.pokemonshowdown.com/index.template.php | 6 +++--- .../theme/wrapper.inc.template.php | 8 +++++--- 10 files changed, 55 insertions(+), 33 deletions(-) diff --git a/play.pokemonshowdown.com/dirindex/404.html b/play.pokemonshowdown.com/dirindex/404.html index 1ba248590..6ade7fa57 100644 --- a/play.pokemonshowdown.com/dirindex/404.html +++ b/play.pokemonshowdown.com/dirindex/404.html @@ -4,7 +4,7 @@ Not Found - Pokémon Showdown! - + @@ -41,9 +41,9 @@
diff --git a/play.pokemonshowdown.com/dirindex/dirindex.php b/play.pokemonshowdown.com/dirindex/dirindex.php index b92bdfd7e..a6af7805e 100644 --- a/play.pokemonshowdown.com/dirindex/dirindex.php +++ b/play.pokemonshowdown.com/dirindex/dirindex.php @@ -334,6 +334,16 @@ if ($sort_by === 'name' || $sort_by === 'N') { background: linear-gradient(to bottom, #276136, #4ca363); box-shadow: 0 1px 2px rgba(255, 255, 255, 0.45), inset 0.5px 1px -1px rgba(255, 255, 255, 0.5); } + .nav a.purplebutton { + background: linear-gradient(to bottom,hsl(267, 36.40%, 46.90%),hsl(267, 42.60%, 26.70%)); + } + .nav a.purplebutton:hover { + background: linear-gradient(to bottom,hsl(267, 49.30%, 56.70%),hsl(267, 46.00%, 34.10%)); + } + .nav a.purplebutton:active { + background: linear-gradient(to bottom,hsl(267, 42.60%, 26.70%),hsl(267, 36.40%, 46.90%)); + box-shadow: 0 1px 2px rgba(255, 255, 255, 0.45), inset 0.5px 1px -1px rgba(255, 255, 255, 0.5); + } @media (max-width:700px) { .nav-wrapper { @@ -655,9 +665,9 @@ if ($sort_by === 'name' || $sort_by === 'N') {
diff --git a/pokemonshowdown.com/cms/template.html b/pokemonshowdown.com/cms/template.html index 7b4243fc5..c2b01baf5 100644 --- a/pokemonshowdown.com/cms/template.html +++ b/pokemonshowdown.com/cms/template.html @@ -4,7 +4,7 @@ {title} - Pokémon Showdown! - + @@ -23,9 +23,9 @@
diff --git a/pokemonshowdown.com/index.php b/pokemonshowdown.com/index.php index a8f1ef6c1..8a6c5de42 100644 --- a/pokemonshowdown.com/index.php +++ b/pokemonshowdown.com/index.php @@ -5,7 +5,7 @@ Pokémon Showdown! battle simulator - + diff --git a/pokemonshowdown.com/style/global.css b/pokemonshowdown.com/style/global.css index 36791f5f6..dc1d3c8ab 100644 --- a/pokemonshowdown.com/style/global.css +++ b/pokemonshowdown.com/style/global.css @@ -105,6 +105,16 @@ header { background: linear-gradient(to bottom, #276136, #4ca363); box-shadow: 0 1px 2px rgba(255, 255, 255, 0.45), inset 0.5px 1px -1px rgba(255, 255, 255, 0.5); } +.nav a.purplebutton { + background: linear-gradient(to bottom,hsl(267, 36.40%, 46.90%),hsl(267, 42.60%, 26.70%)); +} +.nav a.purplebutton:hover { + background: linear-gradient(to bottom,hsl(267, 49.30%, 56.70%),hsl(267, 46.00%, 34.10%)); +} +.nav a.purplebutton:active { + background: linear-gradient(to bottom,hsl(267, 42.60%, 26.70%),hsl(267, 36.40%, 46.90%)); + box-shadow: 0 1px 2px rgba(255, 255, 255, 0.45), inset 0.5px 1px -1px rgba(255, 255, 255, 0.5); +} @media (max-width:700px) { .nav-wrapper { diff --git a/pokemonshowdown.com/style/wrapper.inc.php b/pokemonshowdown.com/style/wrapper.inc.php index d13941f2b..a072bc82f 100644 --- a/pokemonshowdown.com/style/wrapper.inc.php +++ b/pokemonshowdown.com/style/wrapper.inc.php @@ -20,7 +20,7 @@ function includeHeaderTop() { <?= $pageTitle ?> - Pokémon Showdown! - + @@ -44,9 +44,9 @@ function includeHeaderBottom() {
diff --git a/pokemonshowdown.com/theme/wrapper.inc.php b/pokemonshowdown.com/theme/wrapper.inc.php index 1dae2452b..6ce335d3e 100644 --- a/pokemonshowdown.com/theme/wrapper.inc.php +++ b/pokemonshowdown.com/theme/wrapper.inc.php @@ -49,11 +49,11 @@ ga('send', 'pageview');
  • Play
    • diff --git a/replay.pokemonshowdown.com/404.html b/replay.pokemonshowdown.com/404.html index 73829edf8..ea8e02f75 100644 --- a/replay.pokemonshowdown.com/404.html +++ b/replay.pokemonshowdown.com/404.html @@ -4,7 +4,7 @@ Replay Not Found - Pokémon Showdown! - + @@ -27,9 +27,9 @@
    diff --git a/replay.pokemonshowdown.com/index.template.php b/replay.pokemonshowdown.com/index.template.php index 5e5fffb54..078bff937 100644 --- a/replay.pokemonshowdown.com/index.template.php +++ b/replay.pokemonshowdown.com/index.template.php @@ -227,9 +227,9 @@ https://replay.pokemonshowdown.com/gen7randomdoublesbattle-865046831.log
    diff --git a/replay.pokemonshowdown.com/theme/wrapper.inc.template.php b/replay.pokemonshowdown.com/theme/wrapper.inc.template.php index 44603f898..876f722e9 100644 --- a/replay.pokemonshowdown.com/theme/wrapper.inc.template.php +++ b/replay.pokemonshowdown.com/theme/wrapper.inc.template.php @@ -1,5 +1,7 @@
  • Pokémon Showdown! (beta) Home
  • Pokédex
    • -
  • Replays
    • -
  • Ladder
    • -
  • Forum
    • +
  • Replay
    • +
  • Strategy
    • +
  • Forum