-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
273 lines (247 loc) · 14.1 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
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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html>
<title>Frank Gentile</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Palatino", sans-serif;}
body, html {
height: 100%;
color: rgb(24, 21, 21);
line-height: 1.8;
}
/* Create a Parallax Effect */
.bgimg-1 {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* First image (Logo. Full height) */
.bgimg-1 {
background-image: url('background.png');
height:100%;
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
.bgimg-1 {
background-attachment: scroll;
min-height: 400px;
}
}
</style>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar" id="myNavbar">
<a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
<i class="fa fa-bars"></i>
</a>
<a href="#home" class="w3-bar-item w3-button">HOME</a>
<a href="#about" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user"></i> ABOUT</a>
<a href="#projects" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-th"></i> PROJECTS</a>
<a href="#contact" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> CONTACT</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-right w3-hover-red">
</a>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
<a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
<a href="#projects" class="w3-bar-item w3-button" onclick="toggleFunction()">PROJECTS</a>
<a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
</div>
</div>
<!-- First Parallax Image with Logo Text -->
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
<div class="w3-display-middle" style="white-space:nowrap;">
<a href="#about" class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">Frank Gentile</a>
</div>
</div>
<!-- Container (About Section) -->
<div class="w3-content w3-container w3-padding-64" id="about">
<h3 class="w3-center">ABOUT ME</h3>
<p class="w3-center"><em>"Economics isn’t just something you find in a textbook. It can be a potent tool to right past wrongs and improve
people’s lives." - Janet Yellen</em></p>
<p>Welcome to my website! As an engineer turned economist, my mission is to perform analysis and create tools that aid in righting past wrongs and improving people's lives.
The purpose of this site is to show my capabilities through model building, visualization, and forecasting.
My resume is posted at the bottom of this page, and in the projects section you can find econometric analysis and my undergrad thesis.
</p>
<div class="w3-row">
<div class="w3-col m6 w3-left w3-padding-small">
<p>I started my undergrad career at Penn State's Schreyer Honor's College studying chemical engineering, but fell in love with economics during my
first year honors macroeconomics course. That spring, my professor mentioned he was looking for help in his lab group which focused on Game Theory. I'd never heard
of Game Theory before so I googled it... it was the first time I read a Wikipedia page beginning to end. I applied to the group, excited and full of motivation, but was not accepted. That summer,
determined not to take no for an answer, I read incessantly. All that I could on Game Theory given my limited budget and time not working, and reapplied in the fall. Long story short, I submitted my
disseration on the Tragedy of the Commons 2.5 years later. After graduating from Penn State with a BS in Chemical Engineering and minors in Economics and Mathematics,
I went on to work as a derived modeller in the optimization department of ExxonMobil Research and Engineering (EMRE). I created regression
based models to help make important decisions regarding crude purchases at site. I liked the job and the people I worked with, but missed Economics research, so I started at
King's College London pursuing a MSc in Economics and Finance while working in September 2020. </p>
</div>
<div class="w3-col m6 w3-center w3-padding-large">
<img src="profile.jpg" class="w3-round w3-image" alt="Photo of Me" width="500" height="500">
</div>
</div>
</div>
<div class="w3-content w3-container w3-padding-64" id="projects">
<h3 class="w3-left">PROJECTS</h3>
<div class="w3-row">
<h3 class="w3-left">Consumer Sentiment and Uncertainty</h3>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-padding-large">
<a href="Gentile_disseration.pdf"><img class="w3-round w3-image" src="impulse.png" alt="" width="400" height="400"></a>
</div>
<div class="w3-col m6 w3-center w3-padding-large">
<p class="project-article">
This graduate dissertation aims to provide evidence for the claim that consumer sentiment is the inverse of
economic uncertainty. I use the University of Michigan Consumer Sentiment survey as an external instrument for
an exogenous shock to economic uncertainty (measured by the VXO) and find that it is a suitable instrument.
Additionally, I model a monetary policy shock using an interacted SVAR model, and compare the results to those
expected by Chemical Game Theory. The red impulse response functions to left indicate an uncertainty shock
using the VXO, while those in blue to the right use consumer sentiment as a proxy. Notice that the shapes of the
curves are relatively similar for the set of endogenous variables.
</p>
</div>
</div>
</div>
<div class="w3-row">
<h3 class="w3-left">Chemical Game Theory</h3>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-padding-large">
<a href="https://honors.libraries.psu.edu/catalog/5688fjg129"><img class="w3-round w3-image" src="TOC.png" alt="" width="400" height="400"></a>
</div>
<div class="w3-col m6 w3-center w3-padding-large">
<p class="project-article">
This graph was taken from my undergrad thesis where I was able to analyze a predictive model for the Tragedy of the Commons.
My thesis was built on the emerging field of <a href="https://en.wikipedia.org/wiki/Chemical_game_theory">Chemical Game Theory</a>, in which human decisions are modelled as molecules interacting. Then,
through basic chemical engineering principles, I was able to model how people will play the game based on prior dispositions and potential payouts!
My role was to create tools to analyze games with more than 2 players. Since the number of calculations grows very quickly, practically I was capped at
10 players, and found a maximum cooperation rate at 4 players.
</p>
</div>
</div>
</div>
<div class="w3-row">
<h3 class="w3-left">Creating an ARIMA model</h3>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-padding-large">
<a href="https://arimadash.app"><img class="w3-round w3-image" src="arima.png" alt="" width="400" height="400"></a>
</div>
<div class="w3-col m6 w3-center w3-padding-large">
<p class="project-article">
Earlier this year (2021) I gave myself a challenge to do in my free-time. Predict next month's inflation, and to show how to do it in a dashboard.
I wanted to learn how to use Dash, a powerful dashboard building platform in Python, thoughtfully design a dashboard, apply some of the techniques
I was learning in my econometrics course using real data, and deploy it. Since I'm critical of my work and always want to make it better, I limited
myself to a week to do it. The results weren't too bad! I got within 0.42% for March CPI data. If you want to learn more about forecasting, or just
see the prediction in action, check out <a href="https://arimadash.app">arimadash.app</a> It's educational and interactive, so maybe you can make a better model mine!
</p>
</div>
</div>
</div>
<div class="w3-row">
<h3 class="w3-left">Uptown Frunk</h3>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-padding-large">
<a href="https://uptownfrunk.substack.com/"><img class="w3-round w3-image" src="Uptown_frunk.png" alt="" width="400" height="400"></a>
</div>
<div class="w3-col m6 w3-center w3-padding-large">
<p class="project-article">
I started this blog as a way to keep track of some of my thoughts around topics pertaining to economics. I wanted a way to keep my writing skills sharp, as well
as have the opportunity to share some of my opinions and ideas. I plan to post about once a week, and hope to provide a space to start insightful discussion.
Feel free to read, comment, share, or subscribe!
</p>
</div>
</div>
</div>
<div class="w3-row">
<h3 class="w3-left">Fantasy basketball trade analysis</h3>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-padding-large">
<a href="https://nooice-analysis-tool.herokuapp.com/"><img class="w3-round w3-image" src="steph.jpg" alt="" width="400" height="400"></a>
</div>
<div class="w3-col m6 w3-center w3-padding-large">
<p class="project-article">
I'm the commissioner of my fantasy basketball league, and so I built this app as a way to faciliate trades throughout the season. Always the topic of fierce debate, whether a
trade is 'fair' or not can now be statistically analyzed, and if there is not significant evidence that the averages are unequal (using a two sample t test), the trade may pass.
Additionally, the tool may be used to analyze trends and determine which players are performing above or below their rolling means.
</p>
</div>
</div>
</div>
</div>
<!-- <div class="bgimg-1 w3-display-container w3-opacity-min" id="projects">
<div class="w3-display-middle" style="white-space:nowrap;">
<span href="#projects" class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">Projects</span>
</div>
</div> -->
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
<!-- <div class="w3-row-padding w3-center">
<div class="w3-col m3">
<a class="twitter-timeline" data-height="500" data-theme="dark" href="https://twitter.com/FGentile13">Tweets by TwitterDev</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<div class="w3-col m3">
<img src="/w3images/p2.jpg" style="width:100%" onclick="onClick(this)" class="w3-hover-opacity" alt="Coffee beans">
</div> -->
<!-- Third Parallax Image with Portfolio Text
<div class="bgimg-3 w3-display-container w3-opacity-min">
<div class="w3-display-middle">
<span class="w3-xxlarge w3-text-white w3-wide">CONTACT</span>
</div>
</div> -->
<!-- Container (Contact Section) -->
<div class="w3-content w3-container w3-padding-64" id="contact">
<h3 class="w3-center">Contact</h3>
<p class="w3-center"><em>Feel free to reach out!</em></p>
<div class="w3-col m6 w3-left w3-padding-small">
<div class="w3-large w3-margin-bottom">
<i class="fa fa-map-marker fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Houston, TX<br><br>
<i class="fa fa-phone fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Phone: +1-717-681-4463<br><br>
<i class="fa fa-envelope fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Email: <a href="mailto:[email protected]">[email protected]</a><br><br>
<i class="fa fa-user fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Resume: <a href='Gentile_Frank.pdf'>Gentile_Frank.pdf</a>
</div>
</div>
<div class="w3-col m6 w3-right w3-padding-large">
<a class="twitter-timeline" data-height="300" data-width='300' data-theme="dark" href="https://twitter.com/FrunksThunks">Tweets by TwitterDev</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
<!-- Modal for full size images on click-->
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
<span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
<div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
<img id="img01" class="w3-image">
<p id="caption" class="w3-opacity w3-large"></p>
</div>
</div>
<script>
// Modal Image Gallery
function onClick(element) {
document.getElementById("img01").src = element.src;
document.getElementById("modal01").style.display = "block";
var captionText = document.getElementById("caption");
captionText.innerHTML = element.alt;
}
// Change style of navbar on scroll
window.onscroll = function() {myFunction()};
function myFunction() {
var navbar = document.getElementById("myNavbar");
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
navbar.className = "w3-bar" + " w3-card" + " w3-animate-top" + " w3-white";
} else {
navbar.className = navbar.className.replace(" w3-card w3-animate-top w3-white", "");
}
}
// Used to toggle the menu on small screens when clicking on the menu button
function toggleFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>