forked from rocket3989/worlds-2020
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (60 loc) · 3.97 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>2021 Worlds Group Advancement</title>
<meta property="og:title" content="2021 Worlds Group Advancement">
<!-- <meta property="og:description" content="2021 Worlds Group Advancement"> -->
<meta property="og:url" content="https://mrrinkana.github.io/worlds-2021/">
<meta property="og:image" content="https://i.imgur.com/9jPTiwx.png">
<meta name="twitter:card" content="summary_large_image">
<link rel="stylesheet" type="text/css" href="./style.css">
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:700,500' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width">
</head>
<body>
<div class='header'>
<div class='header-left'>
<button onClick = changeColor() style="cursor: pointer">Color Blind</button>
<button onClick = changeSeed() style="cursor: pointer">View Seeds</button>
<button onClick = static() style="cursor: pointer">Static</button>
</div>
<div class='header-right'>
<span>Adam & Collin Pearce</span>
<a href='http://github.com/rocket3989'>
<img src='./github.svg'></img>
</a>
<span>(& Mr Rinkana)</span>
<a href='http://github.com/MrRinkana/worlds-2021'>
<img src='./github.svg'></img>
</a>
</div>
</div>
<h1>2021 Worlds Group Advancement</h1>
<p>The second half of League of Legends’ World Group Stage start in just one day! Each team will play the other three teams in their group once more. The best two teams in each group advance to quarterfinals. </p>
<p>The charts below show how each team could advance. With six games left in each group, there are 2<sup>6</sup> = 64 ways for group play to end. Each of these 64 outcomes is represented by a circle under each team. Green circles show scenarios in which a team advances, and red circles show elimination. Yellow circles indicate scenarios with a tiebreaker to decide advancement. Clicking on a match below the group will select an outcome of that match, filtering out other scenarios.</p>
<p>With only one possible elemination scenario each - DK, EDG and RNG have the best positioning of all teams.</p>
<p><h1 class='group-header' style='margin-top:50px;'>Group A</h1></p>
<div class='group' id='group-a'></div>
<h1 class='group-header'>Group B</h1>
<div class='group' id='group-b'></div>
<h1 class='group-header'>Group C</h1>
<div class='group' id='group-c'></div>
<h1 class='group-header'>Group D</h1>
<div class='group' id='group-d'></div>
<p style="padding-left: 15px"><span class='source' style='margin-left: 20px'><a href="https://github.com/MrRinkana/worlds-2021/blob/master/script.js">code</a></span>
<span class='source' style='margin-left: 8px'><a href="https://rocket3989.github.io/worlds-2020/">2020 Worlds</a></span>
<span class='source' style='margin-left: 8px'><a href="https://rocket3989.github.io/worlds-2019/">2019 Worlds</a></span>
<span class='source' style='margin-left: 8px'><a href="https://rocket3989.github.io/msi-4096/">2019 MSI</a></span>
<span class='source' style='margin-left: 8px'><a href="https://roadtolarissa.com/worlds-group-2018">2018 Worlds</a></span>
<span class='source' style='margin-left: 8px'><a href="https://roadtolarissa.com/msi-4096/">2018 MSI</a></span>
<span class='source' style='margin-left: 8px'><a href="https://roadtolarissa.com/worlds-group-2017">2017 Worlds</a></span>
<span class='source' style='margin-left: 8px'><a href="https://roadtolarissa.com/msi-group/">2017 MSI</a></span>
<span class='source' style='margin-left: 8px'><a href="https://roadtolarissa.com/worlds-group">2016 Worlds</a></span></p>
<script src="./d3.js"></script>
<script src="./swoopy-drag.js"></script>
<script src="./script.js"></script>
</body>
</html>