-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
86 lines (72 loc) · 4.63 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-8240085-10"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-8240085-10');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>2020 Worlds Group Advancement</title>
<meta property="og:title" content="2020 Worlds Group Advancement">
<!-- <meta property="og:description" content="2019 Worlds Group Advancement"> -->
<meta property="og:url" content="https://rocket3989.github.io/worlds-2020/">
<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>
</div>
</div>
<h1>2020 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 elimination scenario each, DWG and TES have the best positioning out 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/rocket3989/worlds-2020/blob/master/script.js">code</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>
<div style="margin-left:650px">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_donations" />
<input type="hidden" name="business" value="QBU7Y694UU6QW" />
<input type="hidden" name="currency_code" value="USD" />
<input type="submit" value="Donate" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
</form>
</div>
</body>
</html>