-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (118 loc) · 5.52 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0" />
<title>WM 2014 Visualization</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize/materialize.css" rel="stylesheet" />
<link rel="shortcut icon" href="css/wm-favicon.png">
<link href="css/materialize/style-materialize.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script src="lib/underscore/underscore-min.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
<header>
<nav class="grey">
<div class="nav-wrapper container"><span id="logo-container" class="brand-logo">WM 2014 Visualization</span>
</div>
</nav>
</header>
<main>
<div class="row stage-menu-fixed">
<div class="col s2">
<div class="section" id="hamburger-section">
<a href="#" id="hamburger" data-activates="slide-out" class="button-collapse black-text"><i class="material-icons">menu</i></a>
</div>
</div>
<div id="stage-menu"></div>
<div class="col s1"></div>
</div>
<div w3-include-html="templates/pre-tournament.html" id="pre-tournament-layout"></div>
<div w3-include-html="templates/group-phase.html"></div>
<div w3-include-html="templates/ko-phase.html"></div>
<div id="nation-modal" class="modal">
<div class="modal-content">
<div class="section">
<div class="modal-header">
<img class="modal-nationflag" width="56" height="40" group="">
<h3 id="modal-nation-header"></h3>
</div>
</div>
<div class="section centered">
<h4 id="probabilities"></h4>
<h9 id="probabilities">(<b>Hover</b> the bars)</h9>
<div id="probability-chart"></div>
</div>
<div class="section centered">
<h4>FIFA Rankings</h4>
<div id="fifa-rankings-table"></div>
</div>
<div class="section centered">
<h4>World Cup Results</h4>
<div id="world-cup-results-table"></div>
<div>
<ul>
<li>QF = Quarter Final</li>
<li>G3 = Third in Group</li>
<li>G4 = Fourth in Group</li>
</ul>
</div>
</div>
<div class="section centered">
<h4>SPI Ratings</h4>
<div id="spi-ratings-donut"></div>
<div>
<ul>
<li>SPI = <a target="_blank" href="https://fivethirtyeight.com/features/its-brazils-world-cup-to-lose/">Soccer Power Index</a></li>
<li>SPI Offense = Average Goals scored by a team</li>
<li>SPI Defense = Average Goals conceded by a team</li>
</ul>
</div>
</div>
</div>
</main>
<footer class="page-footer grey centered">
<div class="footer-copyright">
<div class="container">
<div>
Made by <a target="_blank" class="white-text" href="https://github.com/JonasPuchinger">Jonas Puchinger</a>, <a target="_blank" class="white-text" href="https://github.com/VanessaHahn">Vanessa Hahn</a>, <a target="_blank" class="white-text" href="https://github.com/JakobFehle">Jakob Fehle</a>
</div>
<a class="white-text" href="pages/about.html">About</a>
</div>
</div>
</footer>
<script src="./lib/d3/d3.js"></script>
<script src="lib/d3/d3.min.js"></script>
<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>
<script src="js/materialize/materialize.js"></script>
<script src="js/materialize/init.js"></script>
<script src="vendors/event-publisher/EventPublisher.js"></script>
<script src="vendors/request/request.js"></script>
<script src="vendors/jqSimpleConnect/source/jqSimpleConnect.js"></script>
<script src="js/WMVis.js"></script>
<script src="js/controller/Controller.js"></script>
<script src="js/controller/ProbabilityController.js"></script>
<script src="js/controller/PreTournamentController.js"></script>
<script src="js/controller/GroupController.js"></script>
<script src="js/controller/ElemBracketController.js"></script>
<script src="js/view/Ro16Layout.js"></script>
<script src="js/view/QuarterLayout.js"></script>
<script src="js/view/SemiLayout.js"></script>
<script src="js/view/FinalLayout.js"></script>
<script src="js/view/View.js"></script>
<script src="js/view/PreTournamentLayout.js"></script>
<script src="js/view/GroupLayout.js"></script>
<script src="js/view/ElemBracketShowPred.js"></script>
<script src="js/dataModel/DataModel.js"></script>
<script src="js/dataModel/gamesData.js"></script>
<script>
w3.includeHTML();
</script>
<script>
WMVis.loadDataModel();
</script>
</body>
</html>