57 lines
2.8 KiB
HTML

<style>
#theme_icon_moon, #theme_icon_sun{
min-height: 40px !important;
& i#mode {
display: grid !important;
height: 100% !important;
align-content: center;
}
}
</style>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="{{url_for('home')}}">david.xala.dev</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<!-- {#
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{url_for('home')}}">Inicio</a>
</li>
#} -->
<!-- {#
<li class="nav-item">
<a class="nav-link active" aria-current="page" ><i class="bi bi-search"></i> Buscar</a>
</li>
#} -->
<!-- {# <li class="nav-item"><a class="nav-link" href="#">Sobre mí</a></li> #} -->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Más información
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{{ url_for('about_me') }}"><i class="fa-solid fa-user"></i> Sobre mí</a></li>
<li><a class="dropdown-item" href="{{ url_for('all_posts') }}"><i class="fa-solid fa-magnifying-glass"></i> Buscar nota</a></li>
<li><a class="dropdown-item" href="{{ url_for('projects') }}"><i class="fa-solid fa-gear"></i> Proyectos</a></li>
<li><a class="dropdown-item" href="{{ url_for('cv') }}"><i class="fa-regular fa-file"></i> Mi C.V.</a></li>
</ul>
</li>
<!-- <li class="nav-item">
<form class="form-inline">
<input class="form-control mr-sm-2" type="search" placeholder="Buscar" aria-label="Search">
</form>
</li> -->
<li id="theme_icon_sun" class="nav-item icon_theme">
<i id="mode" class="bi bi-sun-fill" style="height: 5px;"></i>
</li>
</ul>
</div>
</div>
<!-- <div id="theme_icon_sun" class="icon_theme">
<i id="mode" class="bi bi-sun-fill"></i>
</div> -->
</nav>