88 lines
2.7 KiB
HTML
88 lines
2.7 KiB
HTML
<!--
|
|
Reusable sidebar for OnlyPrompt
|
|
- Load this file dynamically into pages
|
|
- Add class="active" to the current page link
|
|
-->
|
|
|
|
<div class="sidebar-shell">
|
|
<!-- Logo -->
|
|
<div class="sidebar-logo" aria-label="OnlyPrompt">
|
|
<img src="../images/logo_full.png" alt="" class="sidebar-logo-full">
|
|
<img src="../images/logo_icon.png" alt="" class="sidebar-logo-icon">
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="sidebar" id="main-navigation" aria-label="Main navigation" tabindex="-1">
|
|
<ul>
|
|
<li class="mobile-nav-item">
|
|
<a href="dashboard.html" class="active" aria-current="page">
|
|
<i class="bi bi-house icon-blue" aria-hidden="true"></i>
|
|
<span class="nav-text">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="marketplace.html">
|
|
<i class="bi bi-shop icon-purple" aria-hidden="true"></i>
|
|
<span class="nav-text">Marketplace</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="community.html">
|
|
<i class="bi bi-people icon-pink" aria-hidden="true"></i>
|
|
<span class="nav-text">Community</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="chats.html">
|
|
<i class="bi bi-chat-dots icon-blue" aria-hidden="true"></i>
|
|
<span class="nav-text">Chats</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="settings.html">
|
|
<i class="bi bi-gear icon-purple" aria-hidden="true"></i>
|
|
<span class="nav-text">Settings</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="profile.html">
|
|
<i class="bi bi-person icon-pink" aria-hidden="true"></i>
|
|
<span class="nav-text">My Profile</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="create.html">
|
|
<i class="bi bi-plus-circle-fill icon-blue" aria-hidden="true"></i>
|
|
<span class="nav-text">Create New</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mobile-nav-item">
|
|
<a href="subscription-tiers.html">
|
|
<i class="bi bi-gem icon-purple" aria-hidden="true"></i>
|
|
<span class="nav-text">Subscriptions</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Logout bottom -->
|
|
<div class="sidebar-bottom">
|
|
<form action="/api/v1/auth/logout" method="post">
|
|
<button type="submit" class="sidebar-logout" aria-label="Logout">
|
|
<div class="logout-left">
|
|
<i class="bi bi-box-arrow-right" aria-hidden="true"></i>
|
|
<span class="nav-text">Logout</span>
|
|
</div>
|
|
<i class="bi bi-chevron-right logout-arrow" aria-hidden="true"></i>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|