-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
150 lines (144 loc) · 6.48 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles.css">
<title> For The Love of Basketball</title>
</head>
<header>
<div class="jumbotron jumbotron-fluid main-header">
<div class="container">
<h1 class="display-4" style="text-align:center">For The Love of Basketball</h1>
</div>
</div>
</header>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Home</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03"
aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor03">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index-ml.html">Machine Learning</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-covid.html">COVID Analysis</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-nba.html">NBA Top 50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-wnba.html">WNBA Top 50</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index-about.html">About</a>
</li>
</ul>
</div>
</nav>
</header>
<body>
<section class="content-section container-fluid">
<div class="row">
<div class="col">
<h2>
<span class="d-block p-2 btn-primary text-white" style="text-align:center">The Layup</span>
</h2>
<div class="row">
<div>
<p style="text-align:center">The NBA and WBNA have led the sports world in many ways this year -- from
announcing a shutdown of their seasons due to Covid-19, to deliversing a virtual live draft (WNBA) to
standing up for racial justice. In 2020, the NBA/WNBA have been first to put dynamic strategies in place
when they were needed most.
<br>
<br>
Even after a successful bubble (/wubble) season and post-season for both leagues, the global pandemic
continues to threaten what their 2021 season will look like.
<br>
<br>
This site aims to visualize elements of both leagues: the teams, the players and -- using
machine-learning -- determine the impact Covid is having on player performance and other key areas of
the
game and the business of basketball.
</p>
</div>
</section>
<section class="content-section container-fluid">
<div class="row">
<div class="col">
<h2>
<span class="d-block p-2 btn-primary text-white" style="text-align:center">Get In The Game</span>
</h2>
<div class="card-deck">
<div class="card">
<a href="index-ml.html"><img src="Image/Lebron.jpeg" class="card-img-top" alt="Lebron James"></a>
<div class="card-body">
<a href="index-ml.html">
<h5 class="card-title">Machine Learning</h5>
</a>
</div>
</div>
<div class="card">
<a href="index-covid.html"><img src="Image/Suebird _mask.png" class="card-img-top" alt="WNBA"></a>
<div class="card-body">
<a href="index-covid.html">
<h5 class="card-title">COVID Analysis</h5>
</a>
</div>
</div>
<div class="card">
<a href="index-nba.html"><img src="Image/nbaplayers.jpeg" class="card-img-top" alt="NBA" /></a>
<div class="card-body">
<a href="index-nba.html">
<h5 class="card-title"> Top 50 Player Analysis: NBA</h5>
</a>
</div>
</div>
<div class="card">
<a href="index-wnba.html"><img src="Image/wnbaplayers.jpeg" class="card-img-top" alt="WNBA" /></a>
<div class="card-body" href="index-wnba.html">
<a href="index-wnba.html">
<h5 class="card-title">Top 50 Player Analysis: WNBA</h5>
</a>
</div>
</div>
</div>
</section>
<section>
<div>
<h2>
<span class="d-block p-2 btn-primary text-white">Sources</span>
</h2>
</div>
<footer class="main-footer">
<div class="container-fluid main-footer-container flex-column">
<div class="row">
<div class="col-11 mx-auto font-weight-light font-italic">
<p>Website, data analysis, machine learning model, and visualizations created for the Data Science
Bootcamp at
Columbia University's Fu School of Engineering, by team members: Tyler Speck, Caiti Donovan, Matt
Debnar,
Dhara Bhansali, Amanda Luna, and Sarah Grant.</p>
</div>
</div>
<div class="row">
<div class="col">
<a href="https://developer.sportradar.com/" class="btn btn-lg active" role="button"
aria-pressed="true">SportRadar API</a>
<a href="https://www.basketball-reference.com/" class="btn btn-lg active" role="button"
aria-pressed="true">Basketball-Reference.com</a></div>
</div>
</div>
</footer>
</section>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>