105 lines
5.1 KiB
HTML
105 lines
5.1 KiB
HTML
<nav class="navbar navbar-dark bg-dark navbar-expand-lg justify-content-center text-center sticky-top">
|
|
<div class="container-fluid">
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerHeader"
|
|
aria-controls="navbarTogglerHeader" aria-expanded="false" aria-label="Toggle Header Navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div id="navbarTogglerHeader" class="row collapse navbar-collapse">
|
|
<div class="col-sm">
|
|
<!-- Branding -->
|
|
<div class="navbar-brand justify-content-center text-center">
|
|
<div class="site-branding">
|
|
<h1 class="site-title">
|
|
<a href="{{ url_for('home') }}" title="{{TITLE}} Home" rel="home">
|
|
Hello, World!
|
|
</a>
|
|
</h1>
|
|
<h2 class="site-description">Your Slogan...</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col col-lg-auto">
|
|
<!-- Links -->
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('home') }}">
|
|
<i class="bi bi-house-fill"></i> Home</a>
|
|
</li>
|
|
|
|
<!-- Dropdowns -->
|
|
<!-- Others Dropdown -->
|
|
|
|
{% if not current_user.is_authenticated %}
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-bs-toggle="dropdown">
|
|
Account
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="{{ url_for('login') }}">
|
|
<i title="Login" class="bi bi-person-circle"></i> Login</a>
|
|
<a class="dropdown-item" href="{{ url_for('register') }}">
|
|
<i title="Register A User..." class="bi bi-person-plus-fill"></i> Register</a>
|
|
</div>
|
|
</li>
|
|
{% endif %}
|
|
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-bs-toggle="dropdown">
|
|
Projects
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#">
|
|
<i class="bi bi-code-slash"></i> Code</a>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- Socials Dropdown -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-bs-toggle="dropdown">
|
|
Social
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="mailto:">
|
|
<i title="Send Us an Email" class="bi bi-envelope-fill"></i> Email</a>
|
|
<a class="dropdown-item" href="#">
|
|
<i title="Find Us on Twitter" class="bi bi-twitter"></i> Twitter</a>
|
|
<a class="dropdown-item" href="#">
|
|
<i title="Find Us on LinkedIn" class="bi bi-linkedin"></i> LinkedIn</a>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- Donation Dropdown -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-bs-toggle="dropdown">
|
|
<i class="fa fa-coin"></i>
|
|
Donate
|
|
</a>
|
|
<div class="dropdown-menu">
|
|
<a class="dropdown-item" href="#">
|
|
<i title="Donate via Paypal" class="bi bi-paypal"></i> Paypal</a>
|
|
<a class="dropdown-item" href="#">
|
|
<i title="Donate via Credit Card" class="bi bi-credit-card-2-front-fill"></i> Credit Card</a>
|
|
</div>
|
|
</li>
|
|
|
|
<!-- End Dropdowns -->
|
|
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('about') }}">
|
|
<i class="bi bi-file-earmark-person-fill"></i> About</a>
|
|
</li>
|
|
|
|
{% if current_user.is_authenticated or oidc_loggedin() %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('logout') }}">
|
|
<i class="bi bi-box-arrow-left"></i> Logout</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|