pretty the navbar slightly

This commit is contained in:
Alexandra
2024-10-17 18:00:37 -06:00
parent ed4cf2639e
commit ccc0499743
2 changed files with 14 additions and 5 deletions

View File

@@ -51,4 +51,11 @@
.selected{
color: rgb(255, 189, 51)!important;
}
.hidden{
display: none;
}
.nav-link:hover, .navbar-brand:hover{
color: #f0a400!important;
transition: all 0.5s;
}
</style>

View File

@@ -1,8 +1,12 @@
<nav class="navbar navbar-expand-sm navbar-light text-white">
<a class="navbar-brand text-white" href="/">Myrient Search</a>
<a id="brand-name" class="navbar-brand text-white" href="/">Myrient Search</a>
<a id="brand-name" class="navbar-brand text-white hidden" href="/search">Results</a>
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link text-white" href="https://github.com/alexankitty/myrient-global-search/">Project Page</a>
<a class="nav-link text-white" href="/settings">Settings</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="https://github.com/alexankitty/myrient-global-search/">Github Project</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="https://myrient.erista.me/donate/">Donate</a>
@@ -10,9 +14,6 @@
<li class="nav-item">
<a class="nav-link text-white" href="https://myrient.erista.me/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="/settings">Settings</a>
</li>
</ul>
</nav>
@@ -21,6 +22,7 @@
aTags.forEach(aTag => {
if(aTag.getAttribute('href') == window.location.pathname){
aTag.classList.add('selected')
aTag.classList.remove('hidden')
}
})
</script>