Optimized navigation layout in header

Streamlined the header's HTML structure by consolidating navigation elements and search form into more efficient class usage, improving maintainability and readability. Removed fixed height for the logo to enhance flexibility in different resolutions. These adjustments make future styling and responsiveness optimizations smoother.
This commit is contained in:
Kumi 2024-01-31 17:36:47 +01:00
parent b730e9c6db
commit c1f4e157a4
Signed by: kumi
GPG key ID: ECBCC9082395383F

View file

@ -1,42 +1,36 @@
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="/">
<img src="/static/img/logo.png" alt="Structables" height="75px" />
<img src="/static/img/logo.png" alt="Structables" />
</a>
<div class="container-fluid">
<div class="row flex-grow-1">
<div class="col">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="/projects/">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contest/">Contests</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/teachers/">Teachers</a>
</li>
</ul>
</div>
<div class="col-auto">
<form class="form-inline" action="/search" method="GET">
<input
class="form-control mr-2"
type="search"
placeholder="Search"
name="q"
aria-label="Search"
/>
<button style="display: none" type="submit">Search</button>
</form>
</div>
<div class="col col-lg-2 text-right">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="/sitemap/">Sitemap</a>
</li>
</ul>
</div>
<div class="navbar-nav-scroll">
<ul class="nav navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/projects/">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contest/">Contests</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/teachers/">Teachers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sitemap/">Sitemap</a>
</li>
</ul>
</div>
<div class="navbar-form navbar-right">
<form class="form-inline" action="/search" method="GET">
<input
class="form-control"
type="search"
placeholder="Search"
name="q"
aria-label="Search"
/>
<button class="btn btn-default" type="submit" style="visibility: hidden;">Search</button>
</form>
</div>
</div>
</nav>