Skip to content

Commit e76a4d1

Browse files
ATHARVA-GAWASATHARVA-GAWAS
authored
Added icons to the Sidebar. (#1694)
1 parent c961017 commit e76a4d1

File tree

1 file changed

+40
-30
lines changed

1 file changed

+40
-30
lines changed

‎website/templates/includes/sidenav.html

+40-30
Original file line numberDiff line numberDiff line change
@@ -8,51 +8,61 @@
88
-ms-overflow-style: none; /* IE and Edge */
99
scrollbar-width: none; /* Firefox */
1010
}
11+
a:link {
12+
color: black;
13+
background-color: transparent;
14+
text-decoration: none;
15+
}
1116
a:hover {
1217
text-decoration: none;
18+
color: red;
1319
}
20+
a:visited {
21+
color: black;
22+
}
1423
</style>
1524
<div class="h-full px-11 overflow-y-auto bg-white flex flex-col justify-between no-scrollbar">
1625
<div>
1726
<ul class="space-y-3 font-medium text-3xl mt-6 mb-0">
18-
<li>
19-
<a href="/" class=""><span class="">Issues</span></a>
27+
<li class="flex items-center p-4 border-b">
28+
<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>
2029
</li>
21-
<li>
22-
<a href="/companies" class=""><span class="">Companies</span></a>
30+
<li class="flex items-center p-4 border-b">
31+
<div class="w-8 mr-4"><i class="fa fa-institution" id="icon"></i></div>
32+
<div class="content-container"><a href="/companies" class=""><span class="text">Companies</span></a></div>
2333
</li>
24-
<li>
25-
<a href="/leaderboard" class=""><span class="">Users</span></a>
34+
<li class="flex items-center p-4 border-b">
35+
<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>
2636
</li>
27-
<li>
28-
<a href="/teams" class=""><span class="">Teams</span></a>
37+
<li class="flex items-center p-4 border-b">
38+
<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>
2939
</li>
30-
<li>
31-
<a href="/hunts" class=""><span class="">Hunts</span></a>
40+
<li class="flex items-center p-4 border-b">
41+
<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>
3242
</li>
33-
<li>
34-
<a href="/projects" class=""><span class="">Projects</span></a>
43+
<li class="flex items-center p-4 border-b">
44+
<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>
3545
</li>
36-
<li>
37-
<a href="/apps" class=""><span class="">Apps</span></a>
46+
<li class="flex items-center p-4 border-b">
47+
<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>
3848
</li>
3949
</ul>
4050

4151
<ul class="space-y-3 font-medium text-3xl mt-8 mb-0">
4252
<li class="mb-[-6px] ms-[1px]">
4353
<span class="font-bold text-[#AAA] text-[1.2rem] tracking-wide">EXPERIMENTAL</span>
4454
</li>
45-
<li>
46-
<a href="/deletions" class=""><span class="">Deletions</span></a>
55+
<li class="flex items-center p-4 border-b">
56+
<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>
4757
</li>
48-
<li>
49-
<a href="/trademarks" class=""><span class="">Trademarks</span></a>
58+
<li class="flex items-center p-4 border-b">
59+
<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>
5060
</li>
51-
<li>
52-
<a href="/bacon" class=""><span class="">BACON</span></a>
61+
<li class="flex items-center p-4 border-b">
62+
<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>
5363
</li>
54-
<li>
55-
<a href="/bltv" class=""><span class="">BLTV</span></a>
64+
<li class="flex items-center p-4 border-b">
65+
<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>
5666
</li>
5767
</ul>
5868

@@ -65,17 +75,17 @@
6575
</button>
6676

6777
<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">
68-
<li>
69-
<a href="/contributors" class=""><span class="">Contributors</span></a>
78+
<li class="flex items-center p-4 border-b">
79+
<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>
7080
</li>
71-
<li>
72-
<a href="/about" class=""><span class="">About Us</span></a>
81+
<li class="flex items-center p-4 border-b">
82+
<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>
7383
</li>
74-
<li>
75-
<a href="/terms" class=""><span class="">Terms</span></a>
84+
<li class="flex items-center p-4 border-b">
85+
<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>
7686
</li>
77-
<li>
78-
<a href="https://github.com/OWASP/BLT#readme" class=""><span class="">Developers</span></a>
87+
<li class="flex items-center p-4 border-b">
88+
<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>
7989
</li>
8090
</ul>
8191
</div>

0 commit comments

Comments
 (0)