-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
154 lines (119 loc) · 5.4 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#" lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="preview.png" />
<title>Fantasy 2023</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Fjalla+One|Exo:400,600|Ropa+Sans' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Arimo|Dosis|Lato' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700" rel="stylesheet">
</head>
<div>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-inner">
<!-- Brand and toggle get grouped for better mobile display -->
<a class="navbar-brand icon" href="#">
<img src="PICOL_icon_Football.svg" width="40" height="40" class="d-inline-block football align-top" alt="">
</a>
<div class="navbar-brand " style="font-family: 'Montserrat', sans-serif, monospace;color:#fff;">
Fantasy Football 2023 - Superflex Edition </div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<!-- /.navbar-collapse -->
</div> <!-- /.navbar-inner -->
<!-- /.container -->
</nav>
</div>
<body>
<h1>^</h1>
<div class="header section">
<div class="container">
</div>
</div>
<div class="container-fluid">
<div class="row text-center">
<div class="btn-group-justified col-lg-12 text-center">
<div class='text-center'>
<button class="tablink" onclick="openPage('Consensus vs ESPN', this, '#f46d43')">Consensus Rank vs ESPN</button>
<button class="tablink" onclick="openPage('VoRP', this, '#f46d43')" id="defaultOpen">Value Above Replacement</button>
</div>
</div>
<div id="Consensus vs ESPN" class="tabcontent text-center">
<p class='text-center'>Scatterplots of Consensus point projections (y-axis) vs ESPN point projections (x-axis). Players above the 1:1 line are valued less by ESPN than the average of other projection sites, and therefore can be targeted for potential bargains when playing with opponents relying on ESPN rankings.</p>
<div class="col-lg-5">
<div id="chart1"></div>
</div>
<div class="col-lg-2">
<div style="text-align:center" id="legendtitle"></div>
<div style="text-align:center" class="legend"></div>
</div>
<div class="col-lg-5">
<div id="chart2"></div>
</div>
<div class="col-lg-5">
<div id="chart3"></div>
</div>
<div class="col-lg-2">
</div>
<div class="col-lg-5">
<div id="chart4"></div>
</div>
</div>
<div id="VoRP" class="tabcontent">
<p>Value above replacement player is calculated as the points a player is projected to score over the points a replacement player at the position is projected to score. In a 12 team superflex league, the positional ranks used to determine replacement value are 30 for QB, 38 for RBs, 52 for WRs, and 15 for TEs.</p>
<div class="col-lg-5">
<div id="chart1vorp"></div>
</div>
<div class="col-lg-2">
<div style="text-align:center" id="legendtitle"></div>
<div style="text-align:center" class="legend"></div>
</div>
<div class="col-lg-5">
<div id="chart2vorp"></div>
</div>
<div class="col-lg-5">
<div id="chart3vorp"></div>
</div>
<div class="col-lg-2">
</div>
<div class="col-lg-5">
<div id="chart4vorp"></div>
</div>
</div>
</div>
</div>
</div>
<script>
function openPage(pageName, elmnt, color) {
// Hide all elements with class="tabcontent" by default */
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Remove the background color of all tablinks/buttons
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
// Show the specific tab content
document.getElementById(pageName).style.display = "block";
// Add the specific color to the button used to open the tab content
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
<script type="text/javascript" src="https://unpkg.com/d3@3.5.17/d3.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/science@1.9.3/science.v1.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/simple-statistics@2.0.0/dist/simple-statistics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/d3-tip@0.6.7/index.js"></script>
<script src="OverUnder.js"></script>
<script src="Vorp.js"></script>
<script src="legend.js"></script>
</body>
</html>