Files

56 lines
4.0 KiB
HTML

<nav class="bg-[var(--bg)]/80 backdrop-blur-md fixed top-0 left-0 right-0 z-10">
<div class="max-w-7xl mx-auto px-6 h-14 flex items-center justify-between">
<div class="flex items-center gap-6 min-w-0">
<div class="flex items-center gap-2">
<a href="https://github.com/chenyme/grok2api" target="_blank" rel="noopener"
class="brand-link font-semibold tracking-tight hover:opacity-80">
<svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M12 2C6.48 2 2 6.58 2 12.26c0 4.5 2.87 8.32 6.84 9.67.5.1.68-.22.68-.48 0-.24-.01-.86-.01-1.69-2.78.62-3.37-1.37-3.37-1.37-.45-1.17-1.11-1.48-1.11-1.48-.91-.64.07-.63.07-.63 1.01.07 1.54 1.06 1.54 1.06.9 1.58 2.36 1.12 2.94.86.09-.67.35-1.12.63-1.38-2.22-.26-4.56-1.14-4.56-5.07 0-1.12.39-2.04 1.03-2.76-.1-.26-.45-1.3.1-2.71 0 0 .84-.27 2.75 1.05A9.3 9.3 0 0 1 12 6.79c.85 0 1.7.12 2.5.36 1.9-1.32 2.74-1.05 2.74-1.05.55 1.41.2 2.45.1 2.71.64.72 1.03 1.64 1.03 2.76 0 3.94-2.34 4.81-4.58 5.06.36.32.68.95.68 1.92 0 1.38-.01 2.49-.01 2.83 0 .26.18.58.69.48A10.05 10.05 0 0 0 22 12.26C22 6.58 17.52 2 12 2Z" />
</svg>
<span>Grok2API</span>
</a>
<a href="https://github.com/chenyme" target="_blank" rel="noopener"
class="text-xs text-[var(--accents-4)] hover:opacity-80 public-brand-author">@chenyme</a>
</div>
<div class="h-4 w-px bg-[var(--border)] public-nav-divider"></div>
<div class="public-nav-links">
<a href="/chat" class="nav-link text-sm" data-nav="/chat">Chat 聊天</a>
<a href="/imagine" class="nav-link text-sm" data-nav="/imagine">Imagine 瀑布流</a>
<a href="/imagine-workbench" class="nav-link text-sm" data-nav="/imagine-workbench">图片编辑工作台</a>
<a href="/video" class="nav-link text-sm" data-nav="/video">Video 视频工作台</a>
<a href="/nsfw" class="nav-link text-sm" data-nav="/nsfw">NSFW 工作台</a>
<a href="/voice" class="nav-link text-sm" data-nav="/voice">LiveKit 陪聊</a>
</div>
</div>
<div class="nav-actions public-desktop-actions">
<button type="button" class="nav-action-btn" data-theme-toggle-btn title="切换深夜模式">深夜模式</button>
<button type="button" class="nav-action-btn hidden pwa-install-btn" data-pwa-install-btn>安装应用</button>
<a href="/admin/login" class="nav-action-btn">管理后台</a>
<button id="public-logout-btn" onclick="publicLogout()" type="button" class="nav-action-btn">退出</button>
</div>
<button id="public-menu-toggle" class="public-menu-toggle" type="button" aria-label="打开功能菜单"
aria-expanded="false" aria-controls="public-mobile-menu">
<svg viewBox="0 0 24 24" aria-hidden="true">
<path d="M4 7h16M4 12h16M4 17h16" />
</svg>
</button>
</div>
<div id="public-mobile-menu" class="public-mobile-menu" hidden>
<div class="public-mobile-menu-inner">
<a href="/chat" class="nav-link text-sm" data-nav="/chat">Chat 聊天</a>
<a href="/imagine" class="nav-link text-sm" data-nav="/imagine">Imagine 瀑布流</a>
<a href="/imagine-workbench" class="nav-link text-sm" data-nav="/imagine-workbench">图片编辑工作台</a>
<a href="/video" class="nav-link text-sm" data-nav="/video">Video 视频工作台</a>
<a href="/nsfw" class="nav-link text-sm" data-nav="/nsfw">NSFW 工作台</a>
<a href="/voice" class="nav-link text-sm" data-nav="/voice">LiveKit 陪聊</a>
<div class="public-mobile-menu-actions">
<button type="button" class="nav-action-btn" data-theme-toggle-btn title="切换深夜模式">深夜模式</button>
<button type="button" class="nav-action-btn hidden pwa-install-btn" data-pwa-install-btn>安装应用</button>
<a href="/admin/login" class="nav-action-btn">管理后台</a>
<button id="public-mobile-logout-btn" onclick="publicLogout()" type="button" class="nav-action-btn">退出</button>
</div>
</div>
</div>
</nav>