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 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="blog.html">Blog</a>
<a href="jobs.html">Jobs</a>

View file

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

View file

@ -29,7 +29,7 @@
<nav id="nav">
<a href="about.html">About</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="donate.html" class="button-large">Donate</a>
</nav>

View file

@ -29,7 +29,7 @@
<a href="join.html">Join us</a>
<a href="blog.html">Blog</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>

View file

@ -28,7 +28,7 @@
<a href="about.html">About</a>
<a href="join.html">Join us</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>
</nav>

View file

@ -26,7 +26,7 @@
<!-- Nav -->
<nav id="nav">
<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="jobs.html">Jobs</a>
<a href="donate.html" class="button-large">Donate</a>