mirror of
https://github.com/smogon/pokemon-showdown-client.git
synced 2026-03-21 17:50:29 -05:00
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.
This commit is contained in:
Guangcong Luo
parent
6513b580bc
commit
5a1cec202b
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<title>Not Found - Pokémon Showdown!</title>
|
||||
|
||||
<link rel="stylesheet" href="//pokemonshowdown.com/style/global.css?v15" />
|
||||
<link rel="stylesheet" href="//pokemonshowdown.com/style/global.css?v16" />
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-26211653-1"></script>
|
||||
|
|
@ -41,9 +41,9 @@
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first" href="//pokemonshowdown.com/"><img src="//pokemonshowdown.com/images/pokemonshowdownbeta.png" srcset="//pokemonshowdown.com/images/pokemonshowdownbeta.png 1x, //pokemonshowdown.com/images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/dex/">Pokédex</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replays</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="//pokemonshowdown.com/forums/">Forum</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -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') {
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first" href="//pokemonshowdown.com/"><img src="//play.pokemonshowdown.com/pokemonshowdownbeta.png" srcset="//play.pokemonshowdown.com/pokemonshowdownbeta.png 1x, //play.pokemonshowdown.com/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/dex/">Pokédex</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replays</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="//pokemonshowdown.com/forums/">Forum</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<title>{title} - Pokémon Showdown!</title>
|
||||
|
||||
<link rel="stylesheet" href="/style/global.css?v14" />
|
||||
<link rel="stylesheet" href="/style/global.css?v16" />
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-26211653-1"></script>
|
||||
|
|
@ -23,9 +23,9 @@
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first" href="/"><img src="/images/pokemonshowdownbeta.png" srcset="/images/pokemonshowdownbeta.png 1x, /images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="/dex/">Pokédex</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replays</a></li>
|
||||
<li><a class="button" href="/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="/forums/">Forum</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
<title>Pokémon Showdown! battle simulator</title>
|
||||
|
||||
<link rel="stylesheet" href="/style/global.css?v15" />
|
||||
<link rel="stylesheet" href="/style/global.css?v16" />
|
||||
|
||||
<?php
|
||||
include_once __DIR__ . '/../config/config.inc.php';
|
||||
|
|
@ -88,9 +88,9 @@ include_once __DIR__ . '/../config/ads-landing.inc.php';
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first cur" href="/"><img src="/images/pokemonshowdownbeta.png" srcset="/images/pokemonshowdownbeta.png 1x, /images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="/dex/">Pokédex</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replays</a></li>
|
||||
<li><a class="button" href="/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="/forums/">Forum</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ function includeHeaderTop() {
|
|||
|
||||
<title><?= $pageTitle ?> - Pokémon Showdown!</title>
|
||||
|
||||
<link rel="stylesheet" href="/style/global.css?v14" />
|
||||
<link rel="stylesheet" href="/style/global.css?v16" />
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-26211653-1"></script>
|
||||
|
|
@ -44,9 +44,9 @@ function includeHeaderBottom() {
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first" href="/"><img src="/images/pokemonshowdownbeta.png" srcset="/images/pokemonshowdownbeta.png 1x, /images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="/dex/">Pokédex</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replays</a></li>
|
||||
<li><a class="button" href="/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="/forums/">Forum</a></li>
|
||||
<li><a class="button" href="//replay.pokemonshowdown.com/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -49,11 +49,11 @@ ga('send', 'pageview');
|
|||
<div class="pfx-topbar">
|
||||
<div class="header">
|
||||
<ul class="nav">
|
||||
<li><a class="button nav-first<?php if ($panels->tab === 'home') echo ' cur'; ?>" href="/"><img src="/images/pokemonshowdownbeta.png" alt="Pokémon Showdown! (beta)" /> Home</a></li>
|
||||
<li><a class="button nav-first<?php if ($panels->tab === 'home') echo ' cur'; ?>" href="/"><img src="/images/pokemonshowdownbeta.png" srcset="/images/pokemonshowdownbeta.png 1x, /images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="//<?= $psconfig['routes']['dex'] ?>/">Pokédex</a></li>
|
||||
<li><a class="button" href="//<?= $psconfig['routes']['replays'] ?>/">Replays</a></li>
|
||||
<li><a class="button<?php if ($panels->tab === 'ladder') echo ' cur'; ?>" href="/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="/forums/">Forum</a></li>
|
||||
<li><a class="button" href="//<?= $psconfig['routes']['replays'] ?>/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
</ul>
|
||||
<ul class="nav nav-play">
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//<?= $psconfig['routes']['client'] ?>/">Play</a></li>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
<title>Replay Not Found - Pokémon Showdown!</title>
|
||||
|
||||
<link rel="stylesheet" href="//pokemonshowdown.com/style/global.css?v15" />
|
||||
<link rel="stylesheet" href="//pokemonshowdown.com/style/global.css?v16" />
|
||||
<link rel="stylesheet" href="//play.pokemonshowdown.com/style/font-awesome.css?932f42c7" />
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
|
|
@ -27,9 +27,9 @@
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first" href="//pokemonshowdown.com/"><img src="//pokemonshowdown.com/images/pokemonshowdownbeta.png" srcset="//pokemonshowdown.com/images/pokemonshowdownbeta.png 1x, //pokemonshowdown.com/images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/dex/">Pokédex</a></li>
|
||||
<li><a class="button cur" href="/">Replays</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="//pokemonshowdown.com/forums/">Forum</a></li>
|
||||
<li><a class="button cur" href="/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -227,9 +227,9 @@ https://replay.pokemonshowdown.com/gen7randomdoublesbattle-865046831.log
|
|||
<div class="nav-wrapper"><ul class="nav">
|
||||
<li><a class="button nav-first" href="//pokemonshowdown.com/"><img src="//pokemonshowdown.com/images/pokemonshowdownbeta.png" srcset="//pokemonshowdown.com/images/pokemonshowdownbeta.png 1x, //pokemonshowdown.com/images/pokemonshowdownbeta@2x.png 2x" alt="Pokémon Showdown" width="146" height="44" /> Home</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/dex/">Pokédex</a></li>
|
||||
<li><a class="button cur" href="/">Replays</a></li>
|
||||
<li><a class="button" href="//pokemonshowdown.com/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="//pokemonshowdown.com/forums/">Forum</a></li>
|
||||
<li><a class="button cur" href="/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
<li><a class="button greenbutton nav-first nav-last" href="//play.pokemonshowdown.com/">Play</a></li>
|
||||
</ul></div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,7 @@
|
|||
<?php
|
||||
|
||||
// NOTE: this is Old Replays. Mostly unused except for `/manage`
|
||||
|
||||
if ((substr($_SERVER['REMOTE_ADDR'],0,11) === '69.164.163.') ||
|
||||
(substr(@$_SERVER['HTTP_X_FORWARDED_FOR'],0,11) === '69.164.163.')) {
|
||||
die('website disabled');
|
||||
|
|
@ -55,9 +57,9 @@ function ThemeHeaderTemplate() {
|
|||
<ul class="nav">
|
||||
<li><a class="button nav-first<?php if ($panels->tab === 'home') echo ' cur'; ?>" href="//pokemonshowdown.com/"><img src="//pokemonshowdown.com/images/pokemonshowdownbeta.png" alt="Pokémon Showdown! (beta)" /> Home</a></li>
|
||||
<li><a class="button<?php if ($panels->tab === 'pokedex') echo ' cur'; ?>" href="//dex.pokemonshowdown.com/">Pokédex</a></li>
|
||||
<li><a class="button<?php if ($panels->tab === 'replay') echo ' cur'; ?>" href="/">Replays</a></li>
|
||||
<li><a class="button<?php if ($panels->tab === 'ladder') echo ' cur'; ?>" href="//pokemonshowdown.com/ladder/">Ladder</a></li>
|
||||
<li><a class="button nav-last" href="//pokemonshowdown.com/forums/">Forum</a></li>
|
||||
<li><a class="button<?php if ($panels->tab === 'replay') echo ' cur'; ?>" href="/">Replay</a></li>
|
||||
<li><a class="button purplebutton" href="//smogon.com/dex/" target="_blank">Strategy</a></li>
|
||||
<li><a class="button nav-last purplebutton" href="//smogon.com/forums/" target="_blank">Forum</a></li>
|
||||
</ul>
|
||||
<ul class="nav nav-play">
|
||||
<li><a class="button greenbutton nav-first nav-last" href="http://play.pokemonshowdown.com/">Play</a></li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user