12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <!-- Navbar side -->
- {% assign personId = personId | default: 1 %}
- {% assign person = people[personId] %}
- <div class="navbar-nav flex-row{% if class %} {{ class }}{% endif %}">
- {% unless condensed %}
- <div class="nav-item d-none d-{{ breakpoint }}-flex me-3">
- <div class="btn-list">
- {% include "ui/button.html" icon="brand-github" outline=true text="Source code" href=site.github-url external=true %}
- {% include "ui/button.html" icon="heart" icon-color="pink" outline=true text="Sponsor" href=site.github-sponsors-url external=true %}
- </div>
- </div>
- {% endunless %}
- <div class="d-none d-{{ breakpoint }}-flex">
- <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
- data-bs-placement="bottom">
- {% include "ui/icon.html" icon="moon" %}
- </a>
- <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
- data-bs-placement="bottom">
- {% include "ui/icon.html" icon="sun" %}
- </a>
- <div class="nav-item dropdown d-none d-md-flex me-3">
- <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
- {% include "ui/icon.html" icon="bell" %}
- <span class="badge bg-red"></span>
- </a>
- <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
- {% include "cards/navbar-notifications.html" %}
- </div>
- </div>
- </div>
- <div class="nav-item dropdown">
- <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
- {% include "ui/avatar.html" person=person size="sm" %}
- {% unless hide-username %}
- <div class="d-none d-xl-block ps-2">
- <div>{{ person.full_name }}</div>
- <div class="mt-1 small text-secondary">{{ person.job_title }}</div>
- </div>
- {% endunless %}
- </a>
- <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow"{% if dark %} data-bs-theme="light"{% endif %}>
- <a href="#" class="dropdown-item">Status</a>
- <a href="{{ base }}/profile.html" class="dropdown-item">Profile</a>
- <a href="#" class="dropdown-item">Feedback</a>
- <div class="dropdown-divider"></div>
- <a href="{{ base }}/settings.html" class="dropdown-item">Settings</a>
- <a href="{{ base }}/sign-in.html" class="dropdown-item">Logout</a>
- </div>
- </div>
- </div>
|