-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
222 lines (202 loc) · 11.1 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Database for Overwatch League</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<nav id="header-nav" class="navbar navbar-default">
<div class="container">
<div class="row navbar-header justify-content-between d-flex">
<div class="navbar-brand col-3">
<a href="index.html">
<h1 class="main-title">Overwatch League</h1>
<h1 class="main-title">Data center</h1>
</a>
</div>
<div class="pull-right col-3">
<img id="nav-heroes" src="images/heroes.png" alt="header images, heroes">
</div>
</div>
</div><!-- .container -->
</nav><!-- #header-nav -->
</header>
<div id="main-content" class="container">
<div class="container">
<div class="row questions">
<img class="col-4" id="question" src="images/players.png" alt="question 1">
<form class="col-6" action="1.php" method="post">
<a id="question" class="col-6">
See a list of players who have served in at least two OWL teams, and have either defeated his new team in his original team, or defeated his original team in his new team.
</a><br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</form>
</div> <!--question1-->
<div class="row questions">
<img class="col-4" id="question" src="images/players2.png" alt="question 2">
<form class="col-6" action="2.php" method="post">
<a class="col-6" id="question">
See a list of players and their role who have played at least 5 different heroes in one match.
The list also contains the date, tournament title of the match, and their opponent team in the match.
Orderd by the number of heroes in descending order.
</a><br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</form>
</div> <!--question2-->
<div class="row questions">
<img class="col-4" id="question" src="images/players3.png" alt="question 3">
<form class="col-6" action="3.php" method="post">
<a id="question">
Name of the player: <input type="text" name="Input_PlayerName" class="form-control">
<br>
See a list of the teams this player has defeated, together with his team, the date, and the tournament title.
</a><br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</a>
</form>
</div> <!--question3-->
<div class="row questions">
<img class="col-4" id="question" src="images/heroes1.png" alt="question 4">
<form class="col-6" action="4.php" method="post">
<a id="question">
Tournament Title: <input type="text" name="Input_Title" class="form-control"> <br>
See a list of the top 3 used heroes (in terms of total Time Played) of each of the 3 roles (Tank, DPS, Support) used in all matches in this tournament, respectively.</a> <br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</a>
</form>
</div> <!--question4-->
<div class="row questions">
<img class="col-4" id="question" src="images/players4.png" alt="question 5">
<form class="col-6" action="5.php" method="post">
<a id="question">
Tournament Title: <input type="text" name="Input_Title" class="form-control"> <br>
See the top 10 players who have spent the greatest percentage of time respawning, meaning that they have the lowest Time Alive/Time Played ratio in this tournament.</a><br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</form>
</div> <!--question5-->
<div class="row questions">
<img class="col-4" id="question" src="images/players5.png" alt="question 6">
<form class="col-6" action="6.php" method="post">
<a id="question">
Tournament Title: <input type="text" name="Input_Title" class="form-control"> <br>
Name of Hero: <input type="text" name="Input_HeroName" class="form-control"> <br>
See the top 10 players who do the greatest amount of damage per 10min using this hero in this tournament.
Also list their damage/10min using this hero and the total time played.</a><br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</form>
</div> <!--question6-->
<div class="row questions">
<img class="col-4" id="question" src="images/players6.png" alt="question 7">
<form class="col-6" action="7.php" method="post">
<a class="col-6" id="question">
Fleta Deadlift is the scenario where a player wins a map, and accounts for 50% or more of the final blows of the entire team in one map.
The size of Fleta Deadlift is defined by the number of this player’s final blows * 2 / total number of final blows of his team.
See all players who have performed a Fleta Deadlift, their team, the date of the match, their opponent in the match, the map, and the size of the Fleta Deadlift.
</a><br>
<button id="submit" class="btn" type="Submit">Get the list</button>
</form>
</div> <!--question7-->
<div class="row questions">
<img class="col-4" id="question" src="images/players7.png" alt="question 6">
<form class="col-6" action="8.php" method="post">
<a id="question">
Tournament Title: <input type="text" name="Input_Title" class="form-control"> <br>
Name of Team: <input type="text" name="Input_TeamName" class="form-control"> <br>
Name of Map: <input type="text" name="Input_MapName" class="form-control"> <br>
See a list of the number of wins, loses, and draws, and the win rate of the team on the map in all matches of this tournament.</a><br>
<button type="Submit" class="btn" id="submit">Get the list</button>
</form>
</div> <!--question8-->
<div class="row questions">
<img class="col-4" id="question" src="images/players8.png" alt="question 6">
<form class="col-6" action="9.php" method="post">
<a id="question">
Tournament Title: <input type="text" name="Input_Title" class="form-control"> <br>
See a list of the name and date of all CONTROL type maps played in this tournament, where all rounds finish with control percentage 100-99 or 99-100.
The two teams in the match are also listed.</a><br>
<button type="Submit" class="btn" id="submit">Get the list</button>
</form>
</div> <!--question9-->
<div class="row questions">
<img class="col-4" id="question" src="images/players9.png" alt="question 6">
<form class="col-6" action="10.php" method="post">
<a class="col-6" id="question">
See the top 20 players of role Support, their team, and the data of the match where the player heals the greatest percentage of the damage taken by the whole team in that match.
</a><br>
<button type="Submit" class="btn" id="submit">Get the list</button>
</form>
</div> <!--question10-->
<div class="row questions">
<img class="col-4" id="question" src="images/players10.png" alt="question 6">
<form class="col-6" action="11.php" method="post">
<a class="col-6" id="question">
See the top 10 players who play hero Mercy and have the highest final blow per 10min.</a><br>
<button type="Submit" class="btn" id="submit">Get the list</button>
</form>
</div> <!--question11-->
<div class="row questions">
<img class="col-4" id="question" src="images/players11.png" alt="question 6">
<form class="col-6" action="12.php" method="post">
<a id="question">
Tournament Title: <input type="text" name="Input_Title" class="form-control"> <br>
See all players and their role who have played a hero with the hero's role different from the player’s role in this tournament.
Also list the name and role of the hero. List its damage/10min and its healing/10min.
</a><br>
<button type="Submit" class="btn" id="submit">Get the list</button>
</form>
</div> <!--question12-->
<div class="row questions">
<img class="col-4" id="question" src="images/players_better.png" alt="question 6">
<form class="col-6" action="13.php" method="post">
<a id="question">
Player Name (Use only lower case): <input type="text" name="PName" class="form-control"> <br>
See this player's winning rate.
</a><br>
<button id="submit" class="btn" type="Submit">Get the result</button>
</form>
</div> <!--question13-->
<div class="row questions">
<img class="col-4" id="question" src="images/teams.png" alt="question 6">
<form class="col-6" action="14.php" method="post">
<a id="question">
Player 1 (in lower case): <input type="text" name="PName1" class="form-control"> <br>
Player 2 (in lower case): <input type="text" name="PName2" class="form-control"> <br>
Compare these players' winning rate.
</a><br>
<button id="submit" class="btn" type="Submit">Get the result</button>
</form>
</div> <!--question14-->
<div class="row questions">
<img class="form-group col-4" id="question" src="images/ranking.png" alt="question 6">
<form class="col-6" action="15.php" method="post">
<a id="question">
See all players' winning rate and rank from high to low.
</a><br>
<button id="submit" class="btn" type="Submit">Get the result</button>
</form>
</div> <!--question15-->
</div><!--container-->
</div><!-- main content-->
<footer class="panel-footer">
<div class="container">
<div class="text-center">Made by Jingguo Liang & Ruixuan Zhai</div>
<div class="text-center copyright">All pictures are from Google image. Please contact [email protected] or [email protected] if there is copy right issue.</div>
</div>
</footer>
<!-- jQuery (Bootstrap JS plugins depend on it) -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/ajax-utils.js"></script>
<script src="js/script.js"></script>
</body>
</html>