Highlight current page in navbar

This commit is contained in:
Stypox 2025-08-20 16:58:51 +02:00
parent ecff6a4b49
commit 0f81be6e39
Signed by: Stypox
GPG key ID: 4BDF1B40A49FDD23
6 changed files with 10 additions and 8 deletions

View file

@ -25,7 +25,7 @@
<!-- Nav --> <!-- Nav -->
<nav id="nav"> <nav id="nav">
<a href="about.html">About</a> <a href="about.html" class="current-page">About</a>
<a href="join.html">Join us</a> <a href="join.html">Join us</a>
<a href="blog.html">Blog</a> <a href="blog.html">Blog</a>
<a href="jobs.html">Jobs</a> <a href="jobs.html">Jobs</a>

View file

@ -1574,10 +1574,12 @@ pre {
outline: 0; outline: 0;
} }
#header nav a:hover { #header nav a:hover,
#header nav a.current-page {
color: #f6f8f8; color: #f6f8f8;
} }
.subpage #header > .container { .subpage #header > .container {
height: 155px; height: 155px;
} }

View file

@ -29,7 +29,7 @@
<nav id="nav"> <nav id="nav">
<a href="about.html">About</a> <a href="about.html">About</a>
<a href="join.html">Join us</a> <a href="join.html">Join us</a>
<a href="blog.html">Blog</a> <a href="blog.html" class="current-page">Blog</a>
<a href="jobs.html">Jobs</a> <a href="jobs.html">Jobs</a>
<a href="donate.html" class="button-large">Donate</a> <a href="donate.html" class="button-large">Donate</a>
</nav> </nav>

View file

@ -29,7 +29,7 @@
<a href="join.html">Join us</a> <a href="join.html">Join us</a>
<a href="blog.html">Blog</a> <a href="blog.html">Blog</a>
<a href="jobs.html">Jobs</a> <a href="jobs.html">Jobs</a>
<a href="donate.html" class="button-large">Donate</a> <a href="donate.html" class="button-large current-page">Donate</a>
</nav> </nav>

View file

@ -28,7 +28,7 @@
<a href="about.html">About</a> <a href="about.html">About</a>
<a href="join.html">Join us</a> <a href="join.html">Join us</a>
<a href="blog.html">Blog</a> <a href="blog.html">Blog</a>
<a href="jobs.html">Jobs</a> <a href="jobs.html" class="current-page">Jobs</a>
<a href="donate.html" class="button-large">Donate</a> <a href="donate.html" class="button-large">Donate</a>
</nav> </nav>

View file

@ -26,7 +26,7 @@
<!-- Nav --> <!-- Nav -->
<nav id="nav"> <nav id="nav">
<a href="about.html">About</a> <a href="about.html">About</a>
<a href="join.html">Join us</a> <a href="join.html" class="current-page">Join us</a>
<a href="blog.html">Blog</a> <a href="blog.html">Blog</a>
<a href="jobs.html">Jobs</a> <a href="jobs.html">Jobs</a>
<a href="donate.html" class="button-large">Donate</a> <a href="donate.html" class="button-large">Donate</a>