<!-- <nav class="navbar target"> -->
<nav class="navbar">
    <a href="/" class="navbar-link">
        <i class="fa-solid fa-record-vinyl"></i>
        <span>Endeavor</span>
    </a>
    <% if(!currentUser) { %>
        <a href="/register" class="navbar-link">
            <i class="fa-solid fa-user-plus"></i>
            <span>Register</span>
        </a>
        <a href="/login" class="navbar-link">
            <i class="fa-solid fa-user"></i>
            <span>Login</span>
        </a>
        <% } else { %>
            <a href="/logout" class="navbar-link">
                <i class="fa-solid fa-right-from-bracket"></i>
                <span>Logout</span>
            </a>
            <% } %>
                <a href="/contact" class="navbar-link">
                    <i class="fa-solid fa-head-side-cough"></i>
                    <span>Contact</span>
                </a>
</nav>
<!-- <div class="menu target menu-text">Menu</div> -->

<div class="menu">
    <div class="line line-1"></div>
    <div class="line line-2"></div>
    <div class="line line-3"></div>
</div>

<script src="/js/navbar.js"></script>