navbar.html

<!-- navbar.html -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <a class="navbar-brand" href=".">Gammapy</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
            aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav me-auto mb-2 mb-md-0">
            <li class="nav-item">
                <a class="nav-link" href="https://github.com/gammapy/gammapy" target="_blank" rel="noopener"
                   aria-label="GitHub">
                    <svg width="20px" height="20px" class="navbar-nav-svg" xmlns="https://www.w3.org/2000/svg"
                         viewBox="0 0 512 499.36" focusable="false"><title>GitHub</title>
                        <path d="M256 0C114.64 0 0 114.61 0 256c0 113.09 73.34 209 175.08 242.9 12.8 2.35 17.47-5.56 17.47-12.34 0-6.08-.22-22.18-.35-43.54-71.2 15.49-86.2-34.34-86.2-34.34-11.64-29.57-28.42-37.45-28.42-37.45-23.27-15.84 1.73-15.55 1.73-15.55 25.69 1.81 39.21 26.38 39.21 26.38 22.84 39.12 59.92 27.82 74.5 21.27 2.33-16.54 8.94-27.82 16.25-34.22-56.84-6.43-116.6-28.43-116.6-126.49 0-27.95 10-50.8 26.35-68.69-2.63-6.48-11.42-32.5 2.51-67.75 0 0 21.49-6.88 70.4 26.24a242.65 242.65 0 0 1 128.18 0c48.87-33.13 70.33-26.24 70.33-26.24 14 35.25 5.18 61.27 2.55 67.75 16.41 17.9 26.31 40.75 26.31 68.69 0 98.35-59.85 120-116.88 126.32 9.19 7.9 17.38 23.53 17.38 47.41 0 34.22-.31 61.83-.31 70.23 0 6.85 4.61 14.81 17.6 12.31C438.72 464.97 512 369.08 512 256.02 512 114.62 397.37 0 256 0z"
                              fill="currentColor" fill-rule="evenodd"/>
                    </svg>
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="gammapy_song.mp3" target="_blank" rel="noopener"
                   aria-label="Listen to the Gammapy song">
                    <svg width="20px" height="20px" class="navbar-nav-svg" xmlns="https://www.w3.org/2000/svg"
                         viewBox="0 0 512 499.36" focusable="false"><title>Listen to the Gammapy song</title>
                        <path d="M159.582,75.459v285.32c-14.274-10.374-32.573-16.616-52.5-16.616c-45.491,0-82.5,32.523-82.5,72.5s37.009,72.5,82.5,72.5  s82.5-32.523,82.5-72.5V168.942l245-60.615v184.416c-14.274-10.374-32.573-16.616-52.5-16.616c-45.491,0-82.5,32.523-82.5,72.5  s37.009,72.5,82.5,72.5s82.5-32.523,82.5-72.5V0L159.582,75.459z"
                        fill="currentColor" fill-rule="evenodd"/>
                    </svg>
                </a>
            </li>
            <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
            <li class="nav-item"><a class="nav-link" href="news.html">News</a></li>
            <li class="nav-item"><a class="nav-link" href="cta.html">CTAO</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
            <li class="nav-item"><a class="nav-link" href="team.html">Team</a></li>
            <li class="nav-item"><a class="nav-link" href="contribute.html">Contribute</a></li>
            <li class="nav-item"><a class="nav-link" href="https://docs.gammapy.org/">Documentation</a></li>
            <li class="nav-item"><a class="nav-link" href="CoC.html">Code of Conduct</a></li>
            <li class="nav-item"><a class="nav-link" href="acknowledging.html">Acknowledging</a></li>
        </ul>
    </div>
</nav>