fastapi-dls/app/templates/components/sidebar.html

<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
    <div class="position-sticky pt-3">
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.url.path == '/-/dashboard' }}" aria-current="page" href="/-/dashboard">
                    <i class="bi-house-door"></i> Dashboard
                </a>
            </li>
             <li class="nav-item">
                <a class="nav-link {{ 'active' if request.url.path == '/-/dashboard/origins' }}" aria-current="page" href="/-/dashboard/origins">
                    <i class="bi-pc-display-horizontal"></i> Origins
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.url.path == '/-/dashboard/leases' }}" aria-current="page" href="/-/dashboard/leases">
                    <i class="bi-layers"></i> Leases
                </a>
            </li>
        </ul>

        <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted text-uppercase">
            <span>Help</span>
        </h6>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link {{ 'active' if request.url.path == '/-/readme' }}" aria-current="page" href="/-/readme">
                    <i class="bi-question-circle"></i> Readme
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" aria-current="page" href="https://git.collinwebdesigns.de/oscar.krause/fastapi-dls" target="_blank">
                    <i class="bi-git"></i> Git Repo
                </a>
            </li>
        </ul>

        <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted text-uppercase">
            <span>Integrations</span>
        </h6>
        <ul class="nav flex-column">
            <li class="nav-item">
                <a class="nav-link" aria-current="page" href="/-/doc" target="_blank">
                    <i class="bi-file-text"></i> Swagger UI
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" aria-current="page" href="/-/redoc" target="_blank">
                    <i class="bi-file-text"></i> Redoc
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" aria-current="page" href="/-/openapi.json"  target="_blank">
                    <i class="bi bi-filetype-json"></i> OpenAPI JSON
                </a>
            </li>
        </ul>
    </div>
</nav>