71 lines
1.8 KiB
HTML
71 lines
1.8 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">
|
|
<img src="../images/logo_full.png" alt="OnlyPrompt Logo" class="sidebar-logo-full">
|
|
<img src="../images/logo_icon.png" alt="OnlyPrompt Icon" class="sidebar-logo-icon">
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="sidebar">
|
|
<ul>
|
|
<li>
|
|
<a href="dashboard.html" class="active">
|
|
<i class="bi bi-house icon-blue"></i>
|
|
<span class="nav-text">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="marketplace.html">
|
|
<i class="bi bi-shop icon-purple"></i>
|
|
<span class="nav-text">Marketplace</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="community.html">
|
|
<i class="bi bi-people icon-pink"></i>
|
|
<span class="nav-text">Community</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="chats.html">
|
|
<i class="bi bi-chat-dots icon-blue"></i>
|
|
<span class="nav-text">Chats</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="settings.html">
|
|
<i class="bi bi-gear icon-purple"></i>
|
|
<span class="nav-text">Settings</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="profile.html">
|
|
<i class="bi bi-person icon-pink"></i>
|
|
<span class="nav-text">My Profile</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<!-- Logout bottom -->
|
|
<div class="sidebar-bottom">
|
|
<a href="login.html" class="sidebar-logout">
|
|
<div class="logout-left">
|
|
<i class="bi bi-box-arrow-right"></i>
|
|
<span class="nav-text">Logout</span>
|
|
</div>
|
|
<i class="bi bi-chevron-right logout-arrow"></i>
|
|
</a>
|
|
</div>
|
|
</div> |