Added icons to the sidebar

Signed-off-by: Prakhar-Shankar <[email protected]>

website/templates/includes/sidenav.html

@@ -1,3 +1,5 @@
+
+
 <aside id="sidebar" class="tracking-tight fixed top-0 left-0 z-40 w-[230px] h-screen pt-[70px] transition-transform -translate-x-full bg-white lg:translate-x-0 no-scrollbar" aria-label="Sidebar">
 	<style>
 		.no-scrollbar::-webkit-scrollbar {
@@ -14,27 +16,27 @@
 	</style>
 	<div class="h-full px-11 overflow-y-auto bg-white flex flex-col justify-between no-scrollbar">
 		<div>
-		<ul class="space-y-3 font-medium text-3xl mt-6 mb-0">
+		<ul class="space-y-4 font-medium text-3xl mt-6 mb-0">
 			<li>
-				<a href="/" class=""><span class="">Issues</span></a>
+				<a href="/" class=""><span class="flex gap-2"> <img src="/media/logos/issues.png" alt="Issues" class="w-9"> Issues</span></a>
 			</li>
 			<li>
-				<a href="/companies" class=""><span class="">Companies</span></a>
+				<a href="/companies" class=""><span class="flex gap-2"> <img src="/media/logos/companies.png" alt="Companies" class="w-9"> Companies</span></a>
 			</li>
 			<li>
-				<a href="/leaderboard" class=""><span class="">Users</span></a>
+				<a href="/leaderboard" class=""><span class="flex gap-2"> <img src="/media/logos/users.png" alt="Users" class="w-9"> Users</span></a>
 			</li>
 			<li>
-				<a href="/teams" class=""><span class="">Teams</span></a>
+				<a href="/teams" class=""><span class="flex gap-2"> <img src="/media/logos/teams.png" alt="Teams" class="w-9"> Teams</span></a>
 			</li>
 			<li>
-				<a href="/hunts" class=""><span class="">Hunts</span></a>
+				<a href="/hunts" class=""><span class="flex gap-2"> <img src="/media/logos/hunts.png" alt="Hunts" class="w-9"> Hunts</span></a>
 			</li>
 			<li>
-				<a href="/projects" class=""><span class="">Projects</span></a>
+				<a href="/projects" class=""><span class="flex gap-2"> <img src="/media/logos/projects.png" alt="Projects" class="w-9"> Projects</span></a>
 			</li>
 			<li>
-				<a href="/apps" class=""><span class="">Apps</span></a>
+				<a href="/apps" class=""><span class="flex gap-2"> <img src="/media/logos/apps.png" alt="Apps" class="w-9"> Apps</span></a>
 			</li>
 		</ul>
 
@@ -64,18 +66,18 @@
 			</span>
 		</button>
 
-		<ul class="space-y-3 font-medium text-3xl mt-1 overflow-clip transition-[max-height] duration-[250ms] max-h-0" id="menu-more-section">
+		<ul class="space-y-4 font-medium text-3xl mt-1 overflow-clip transition-[max-height] duration-[250ms] max-h-0" id="menu-more-section">
 			<li> 
-				<a href="/contributors" class=""><span class="">Contributors</span></a>
+				<a href="/contributors" class=""><span class="flex gap-2"> <img src="/media/logos/contributor.png" alt="Contributors" class="w-9"> Contributors</span></a>
 			</li>
 			<li>
-				<a href="/about" class=""><span class="">About Us</span></a>
+				<a href="/about" class=""><span class="flex gap-2"> <img src="/media/logos/about.png" alt="About" class="w-9"> About Us</span></a>
 			</li>
 			<li>
-				<a href="/terms" class=""><span class="">Terms</span></a>
+				<a href="/terms" class=""><span class="flex gap-2"> <img src="/media/logos/terms.png" alt="Terms" class="w-9"> Terms</span></a>
 			</li>
 			<li>
-				<a href="https://github.com/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
+				<a href="https://github.com/OWASP/BLT#readme" class=""><span class="flex gap-2"> <img src="/media/logos/developer.png" alt="Developers" class="w-9"> Developers</span></a>
 			</li>
 		</ul>
 		</div>