mirror-web/_includes/nav.html
2025-03-31 22:22:57 +08:00

73 lines
2.9 KiB
HTML

<div class="vtuber-top">
<div class="vtuber-brand">
<picture>
<source srcset="/static/img/vtuber-dark.png 1x" media="(prefers-color-scheme: dark)"></source>
<img src="/static/img/vtuber-light.png"></img>
</picture>
<div class="vtuber-title">
清华大学开源软件镜像站
</div>
</div>
<div class="vtuber-backdrops">
<div class="vtuber-backdrop-1"></div>
<div class="vtuber-backdrop-2"></div>
<div class="vtuber-backdrop-3"></div>
<div class="vtuber-backdrop-4"></div>
</div>
</div>
<div class="navbar navbar-expand-lg navbar-default mt-3" role="navigation">
<div class="container-fluid container-xl">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<span class="thuhidden">
{% if site.logo %}
<picture>
{% if site.issue %}
<img
{% else %}
<source
{% endif %}
srcset="/static/img/logo-small-dark.png 1x,
/static/img/logo-small-dark@2x.png 2x,
/static/img/logo-small-dark@3x.png 3x,
/static/img/logo-small-dark@4x.png 4x"
{% if site.issue %}
alt=""/>
{% else %}
media="(prefers-color-scheme: dark)"/>
{% endif %}
{% unless site.issue %}
<img src="/static/img/logo-small.png"
srcset="/static/img/logo-small.png 1x,
/static/img/logo-small@2x.png 2x,
/static/img/logo-small@3x.png 3x,
/static/img/logo-small@4x.png 4x"
alt=""/>
{% endunless %}
</picture>
{% endif %}
{{ site.school }}</span>开源软件镜像站
</a>
</div>
{% unless page.legacy %}
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
{% fa_svg fas.fa-bars %}
</button>
{% endunless %}
<div class="{% unless page.legacy %}navbar-collapse collapse {% endunless %} justify-content-end" id="navbarNavDropdown">
<ul class="nav navbar-nav" role="menubar">
{% unless site.hide_navbar %}
<li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="{{ site.homelink }}">HOME</a></li>
<li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://tuna.moe/events/">EVENTS</a></li>
<li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://tuna.moe/blog/">BLOG</a></li>
<li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://tuna.moe/feed.xml">RSS</a></li>
<li role="none" class="nav-item"><a role="menuitem" class="nav-link" href="https://podcast.tuna.moe/">PODCAST</a></li>
<li role="none" class="nav-item"><a role="menuitem" class="nav-link active" aria-checked="true" href="{{ site.url }}">MIRRORS</a></li>
{% endunless %}
</ul>
</div><!--/.nav-collapse -->
</div>
</div>