Skip to content

Commit

Permalink
Added icons to the Sidebar. (#1694)
Browse files Browse the repository at this point in the history
  • Loading branch information
ATHARVA-GAWAS authored Jan 26, 2024
1 parent c961017 commit e76a4d1
Showing 1 changed file with 40 additions and 30 deletions.
70 changes: 40 additions & 30 deletions website/templates/includes/sidenav.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,51 +8,61 @@
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
a:link {
color: black;
background-color: transparent;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: red;
}
a:visited {
color: black;
}
</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">
<li>
<a href="/" class=""><span class="">Issues</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-exclamation-circle" id="icon"></i></div><a href="/" class=""><span class="text">Issues</span></a>
</li>
<li>
<a href="/companies" class=""><span class="">Companies</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-institution" id="icon"></i></div>
<div class="content-container"><a href="/companies" class=""><span class="text">Companies</span></a></div>
</li>
<li>
<a href="/leaderboard" class=""><span class="">Users</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-trophy" id="icon"></i></div><a href="/leaderboard" class=""><span class="text">Users</span></a>
</li>
<li>
<a href="/teams" class=""><span class="">Teams</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-users" id="icon"></i></div><a href="/teams" class=""><span class="text">Teams</span></a>
</li>
<li>
<a href="/hunts" class=""><span class="">Hunts</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-bug" aria-hidden="true" id="icon"></i></div><a href="/hunts" class="text"><span class="">Hunts</span></a>
</li>
<li>
<a href="/projects" class=""><span class="">Projects</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-cubes" id="icon"></i></div><a href="/projects" class=""><span class="text">Projects</span></a>
</li>
<li>
<a href="/apps" class=""><span class="">Apps</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-file-code-o" id="icon"></i></div><a href="/apps" class=""><span class="text">Apps</span></a>
</li>
</ul>

<ul class="space-y-3 font-medium text-3xl mt-8 mb-0">
<li class="mb-[-6px] ms-[1px]">
<span class="font-bold text-[#AAA] text-[1.2rem] tracking-wide">EXPERIMENTAL</span>
</li>
<li>
<a href="/deletions" class=""><span class="">Deletions</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-trash" id="icon"></i></div><a href="/deletions" class=""><span class="text">Deletions</span></a>
</li>
<li>
<a href="/trademarks" class=""><span class="">Trademarks</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-trademark" id="icon"></i></div><a href="/trademarks" class=""><span class="text">Trademarks</span></a>
</li>
<li>
<a href="/bacon" class=""><span class="">BACON</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa-solid fa-bacon" id="icon"></i></div><a href="/bacon" class=""><span class="text">BACON</span></a>
</li>
<li>
<a href="/bltv" class=""><span class="">BLTV</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-tv" id="icon"></i></div><a href="/bltv" class=""><span class="text">BLTV</span></a>
</li>
</ul>

Expand All @@ -65,17 +75,17 @@
</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">
<li>
<a href="/contributors" class=""><span class="">Contributors</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-code" aria-hidden="true" id="icon"></i></div><a href="/contributors" class="text"><span class="">Contributors</span></a>
</li>
<li>
<a href="/about" class=""><span class="">About Us</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-info" id="icon"></i></div><a href="/about" class=""><span class="text">About Us</span></a>
</li>
<li>
<a href="/terms" class=""><span class="">Terms</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa-solid fa-file-contract" id="icon"></i></div><a href="/terms" class="text"><span class="">Terms</span></a>
</li>
<li>
<a href="https://github.com/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
<li class="flex items-center p-4 border-b">
<div class="w-8 mr-4"><i class="fa fa-code-fork" id="icon"></i></div><a href="https://github.com/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
</li>
</ul>
</div>
Expand Down

0 comments on commit e76a4d1

Please sign in to comment.