-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (113 loc) · 4.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!doctype html>
<html>
<head>
<title>Knockout City™ Catalog</title>
<link href="Street Rank/main.css" rel="stylesheet"/>
<link rel="icon" href="logo.png">
<style>
.main-img {
width: 95%;
max-width: 750px;
height: auto;
}
@media screen and (max-width: 650px) {
main img {
100%;
height: auto;
}
}
</style>
</head>
<body>
<div class="container">
<header>
<div class="title left-side"><a href="../index.html">Knockout City™ Catalog of Items</a></div>
<div class="right-side">
<a href="./index.html"><div class="right-link-container right-box" id="active-right-link">
Street Rank
</div></a>
<a href="Other Cosmetics/main.html"> <div class="right-link-container left-box">
Other
</div></a>
</div>
</header>
<nav>
<div class="navigation main-nav"> <!-- Navigation -->
<a href="./index.html"><div class="header-link-wrapper first-link" id="active-header-link">
Home
</div></a>
<a href="Street Rank/help.html"><div class="header-link-wrapper">
Help Contribute
</div></a>
</div>
<div class="navigation"> <!-- Navigation -->
<a href="Street Rank/playerIcons.html"><div class="header-link-wrapper first-link">
Player Icons
</div></a>
<a href="Street Rank/outfits.html"><div class="header-link-wrapper">
Outfits
</div></a>
<a href="Street Rank/faces.html"><div class="header-link-wrapper">
Faces
</div></a>
<a href="Street Rank/hairstyles.html"><div class="header-link-wrapper">
Hairstyles
</div></a>
<a href="Street Rank/glasses.html"><div class="header-link-wrapper">
Glasses
</div></a>
<a href="Street Rank/gloves.html"><div class="header-link-wrapper">
Gloves
</div></a>
<a href="Street Rank/gliders.html"><div class="header-link-wrapper">
Gliders
</div></a>
<a href="Street Rank/ultimates.html"><div class="header-link-wrapper">
Ultimate Holograms
</div></a>
<a href="Street Rank/kos.html"><div class="header-link-wrapper">
KO Effects
</div></a>
<a href="Street Rank/taunts.html"><div class="header-link-wrapper">
Taunts
</div></a>
<a href="Street Rank/intros.html"><div class="header-link-wrapper">
Intro Poses
</div></a>
<a href="Street Rank/victories.html"><div class="header-link-wrapper">
Victory Poses
</div></a>
<a href="Street Rank/defeats.html"><div class="header-link-wrapper">
Defeat Poses
</div></a>
<a href="Street Rank/mvps.html"><div class="header-link-wrapper">
MVP Poses
</div></a>
</div>
<div class="navigation"> <!-- Navigation -->
<a href="Street Rank/logos.html"><div class="header-link-wrapper">
Crew Logos
</div></a>
<a href="Street Rank/banners.html"><div class="header-link-wrapper">
Crew Banners
</div></a>
<a href="Street Rank/vehicles.html"><div class="header-link-wrapper">
Crew Vehicles
</div></a>
</div>
</nav>
<main>
<p class="home-note"><em><strong>NOTE:</strong> This website only shows cosmetics earned through Street Rank. Items purchased in the shop or earned through other means (such as contracts) are not listed.</em></p>
<img class="chart main-img" src="Chart.png" alt="All items by count" width="650">
<div class="info">
<p>This is a list of all obtainable items earned in Street Rank, as provided by the devs of the game. With this list we can know how many items we have images of, and how many there are that we still need. This website is a culmination of the community's help in gathering all the data that we need to complete the list.</p>
<br>
<p>If you have cosmetics in game that you earned from Street Rank that you don't see on this site, please see the <a href="help.html">Help tab</a>.</p>
</div>
</main>
<footer>
Created by <a target="_blank" href="https://www.reddit.com/user/DapperNurd">/u/DapperNurd</a>
</footer>
</div>
</body>
</html>