-
Notifications
You must be signed in to change notification settings - Fork 0
/
scraper.html
192 lines (160 loc) · 6.92 KB
/
scraper.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html>
<head>
<title>Code by Ella L'Esperance</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,[email protected],200;6..72,300;6..72,400&display=swap" rel="stylesheet"><style>
main {
font-family: 'Newsreader', serif;
padding: 20px;
background-color: white; /* Light grey background */
color: #333; /* Dark grey text */
}
.heading1 {
text-align: left;
margin-left: 5%;
}
.text-image-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.text-image-container p {
width: 40%;
text-align: justify;
}
.text-image-container .right-image {
width: 20%;
margin-left: 20px;
}
.project-container {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}
.project-container img {
width: calc(50% - 10px);
margin: 5px;
}
.secondary-email-button {
margin-top: 5%;
text-align: center;
margin: 7%;
padding: 10px 200px;
background-color: white;
color: #D90707;
border: 2px solid #D90707;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s, color 0.3s; /* Smooth transition */
}
.secondary-email-button:hover {
background-color: #507bb3;
color: white;
}
.body li {
list-style-position: inside;
margin-left: 7%;
padding-right: 7%;
}
.body ul {
list-style-position: inside;
margin-left: 2%;
padding-right: 7%;
}
.secondary-text-image-container {
margin-left: -20%;
display: flex;
align-items: flex-start; /* Aligns items at the start of the container */
justify-content: space-evenly; /* Puts space between the text and image */
margin-bottom: 20px; /* Optional: Adds some space below the container */
}
.secondary-image-content img {
height: 120%;
width: 120%;
text-align: center;
}
.secondary-right-image {
padding-right: 20%;
display: block;
size-adjust: 300%;
margin-top: 100px;
}
</style>
</head>
<body>
<div class="header">
<img src="Untitled.jpeg" alt="Logo" width="200" height="70">
<!-- Navigation Bar -->
<nav>
<ul>
<li><a href="index.html#home">Home</a></li>
<li><a href="index.html#about">About Me</a></li>
<li><a href="index.html#services">Portfolio</a></li>
<li><a href="index.html#contact">Contact</a></li>
</ul>
</nav>
</div>
<main>
<div class="body">
<h1 class="heading1">Bayesian Research for Sport Analytics - Web Scraping Project Overview</h1>
<div class="secondary-text-image-container">
<div class="secondary-text-content">
<h2>Institution and Role:</h2>
<p><u>University:</u> Tufts University</p>
<p><u>Duration:</u> May 2022 - Present</p>
<p><u>Position:</u> Data Analyst, Web Scraper, Developer</p>
</div>
<div class="secondary-image-content">
<img src="scraper.png" alt="Patriots Logo" class="secondary-right-image">
</div>
</div>
<section>
<h2>Project Description:</h2>
<p>This project aimed to apply Bayes' Theorem to the analysis of the New England Patriots' performance, focusing on the impact of night games on their winning probability. Utilizing sophisticated web scraping techniques with Bash and Python, data was extracted from www.sports-reference.com to support our Bayesian statistical analysis.</p>
</section>
<section>
<h2>Key Responsibilities and Achievements:</h2>
<ul>
<li><strong>Data Extraction and Preprocessing:</strong> Employed Bash for initial data collection and Python for detailed scraping, parsing, and data structuring from Pro Football Reference, ensuring a robust dataset for analysis.</li>
<li><strong>Bayesian Analysis Implementation:</strong> Applied Bayes' Theorem to calculate the prior, likelihood, and posterior probabilities, elucidating the relationship between night games and winning outcomes for the Patriots.</li>
<li><strong>Strategic Insights Development:</strong> Translated complex statistical findings into actionable strategies, suggesting adjustments in game scheduling to potentially enhance the team's winning probabilities.</li>
<li><strong>Technical Skill Enhancement:</strong> Advanced proficiency in web scraping, data analysis, and Bayesian statistics, demonstrating a seamless integration of technical skills to address real-world problems.</li>
</ul>
</section>
<section>
<h2>Outcomes:</h2>
<p>The analysis provided nuanced insights into the Patriots' performance dynamics, suggesting a minimal impact of night games on overall winning probabilities. However, the project highlighted the potential of data-driven approaches in sports analytics and strategic planning.</p>
<p>The methodology and findings pave the way for further research and have implications for scheduling strategies in professional sports.</p>
</section>
<section>
<h2>Technical and Leadership Skills Demonstrated: </h2>
<ul>
<li>Advanced Web Scraping with Bash and Python</li>
<li>Bayesian Statistical Analysis</li>
<li>Data-driven Strategic Planning</li>
<li>Effective Project Management and Team Leadership</li>
<li>Clear Communication of Complex Analytical Concepts</li>
</ul>
</section>
<br></br>
<a href="mailto:[email protected]" class="secondary-email-button">Contact Me About This Project</a>
</div>
</main>
<!-- Footer Section -->
<footer>
<div class="footer-content">
<a href="mailto:[email protected]">
<img src="email.png" alt="Email" width="40" height="40">
</a>
<a href="https://www.linkedin.com/in/yourprofile" target="_blank">
<img src="linkedin.png" alt="LinkedIn" width="40" height="40">
</a>
<a href="https://github.com/codebyellalesperance" target="_blank">
<img src="github.png" alt="Github" width="40" height="40">
</a>
</div>
</footer>
</body>
</html>