-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
84 lines (71 loc) · 4.19 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
<!doctype html>
<html>
<head>
<title>Mapper Influences</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="util/branches.css">
<link rel="stylesheet" href="util/flag-icon.min.css">
<link rel="icon" type="image/png" href="favicon.png">
</head>
<body class="bg-grey">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Treeview</a>
</li>
<li class="nav-item">
<a class="nav-link" href="bigboy.html">Chart</a>
</li>
<li class="nav-item">
<a class="nav-link" href="stats.html">Stats</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="bg-light title" style="margin-top:8px; padding-top:8px; padding-bottom:8px;">
<h1 class="text-center display-4"><em>Mapper Influences</em></h1>
</div>
<div class="row bg-light" style="padding-top:8px; padding-bottom:8px;">
<div class="col-sm">
<div class="card text-center">
<div class="card-body">
<p class="card-text">In May 2018, most mappers with ranked maps were asked for the names of the three mappers who most influenced their mapping. This website serves to show the results of that question!</p>
<p class="card-text">In the box below, type the name of any mapper to see who they consider personally influential. "Mentions" refers to another user including a user as one of their influences. In the chart (accessible from the upper menu), visually see how those connections are formed. In the stats page, see some of the more interesting general aspects of the results.</p>
<p class="card-text">Learn more about why this exists <a href="https://www.youtube.com/watch?v=TigwDc5iOcw">here</a>.
<p class="card-text">Thanks to <a href="https://osu.ppy.sh/u/1052994">Milan-</a> and <a href="https://osu.ppy.sh/u/3177798">Ringating</a> for making this website possible!
</div>
</div>
</div>
</div>
<div class="row bg-light" style="padding-top:8px; padding-bottom:8px; margin-top:8px;">
<div class="col-sm">
<form id="submitUser" method="get" class="form-inline">
<div class="form-group">
<input id="user" type="text" name="user" placeholder="Username/id" class="form-control mr-2">
</div>
<button type="submit" class="btn btn-outline-primary">Submit</button>
</form>
</div>
</div>
<div class="row bg-light" style="padding-top:8px; padding-bottom:8px; margin-top:8px;">
<div class="panel panel-default">
<div class="panel-body">
<ul class="treeview"></ul>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="util/db.js"></script>
<script src="util/branches.js"></script>
</body>
</html>