-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (160 loc) · 9.08 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- Add icon on tab -->
<link rel="icon" href="images/E-F.png">
<link type="text/css" rel="stylesheet" href="index.css">
<title>Emily Fan</title>
</head>
<body>
<div class="container-fluid pt-3" style="background-color: darkred">
<h1 class="text-light text-center p-3 display-4"><strong>Emily Fan</strong></h1>
<!--div class="row">
<!--div class="col-1"></div>
<div class="col-8 text-left">
<h1 class="text-light">Emily Fan</h1>
<br>
<!--svg viewBox="0.0 0.0 450.03412073490813 100.0" style="max-width:600px">
<path stroke="" stroke-dasharray="10,10" id="path" d="m0 87.8399c19.772528 -9.034126 66.47638 -50.795715 118.63517 -54.204727c52.15879 -3.40901 139.26071 37.329834 194.3176 33.750656c55.056854 -3.5791779 113.35303 -46.021435 136.02362 -55.225723" fill="none"/>
<text x=55 font-size="30" fill="white" font-family="Helvetica Neue" >
<textPath xlink:href="#path" >
The journey of Emily Fan . . .
</textPath>
</text>
</svg-->
<!--/div>
<div class="col-2 text-right">
<!--a class="nav-link"><a href="http://imemilyfan.blogspot.com/" class="btn btn-light" role="button">Blog</a></a-->
<!--/div>
<div class="col-1"></div>
</div-->
</div>
<div class="container p-3">
<div class="row ">
<div class="col-md-8">
<span class="align-middle">
<h2>Intro</h2>
<h5 class="font-weight-normal">I am a <strong>senior at MIT</strong> interested in <strong>making the world a better place</strong>.</h5>
<br>
<h5 class="font-weight-normal">Currently, I’m studying <strong>computer science</strong> to
<ul>
<li>grow as a <strong>software engineer</strong></li>
<li>develop a technical understanding of <strong>artificial Intelligence (AI)</strong></li>
<li>gain skills that can be applied to <strong>any field</strong></li>
</ul>
</h5>
<h5>In the past, I have attempted to tackle <a href="http://www.improvethenews.org/">news bias with data analysis</a>, <a href="https://github.com/iamef/facebook-blocker-extension">procrastination with a tool that blocks Facebook</a>, and <a href="https://www.svyouthclimateaction.org/cupertino">climate change</a>.</h5>
<br>
<h5>I hope to apply my skills and education to address some of the <strong>biggest challenges society faces</strong> today.</h5>
</span>
</div>
<div class="col-md-0"></div>
<div class="col-md-4">
<img src="images/IMG_6804.JPG" class="img-fluid">
</div>
</div>
</div>
<div class="container p-3 projects">
<h2 class="">Projects</h2>
<div class="container">
<div class="row">
<div class="col-md-4">
<a href="https://todo-medium.web.app/">
<div class="thumbnail" style="height: 250px">
<img src="images/todoablesquareish.png" style="border-radius: 20%">
</div>
<h5>Todoable</h5></a>
Only todo list I know of that estimates whether you can meet your deadlines on time given your schedule and life needs. Grabs empty time slots on your calendar and subtracts estimated time it takes to finish tasks so you know if you actually have too many things to do. Built with React JS and Google Firebase.
</div>
<div class="col-md-4">
<a href="https://news-tools.readthedocs.io/en/latest/">
<div class="thumbnail">
<img src="iloveimg-resized/improvethenews.png">
</div>
<h5>News tools</h5></a>
A Python package with tools for extracting dates, determining if a URL is a news article, and more!
</div>
<div class="col-md-4">
<a href="https://chrome.google.com/webstore/detail/tab-snooze-works-as-of-no/kgnigbfnfjgpfaiaafcbgdkpalapiinb/related?authuser=3">
<div class="thumbnail" style="height: 250px">
<img src="images/tabsnoozeworks.png" style="border-radius: 20% height: 150px">
</div>
<h5>Tab Snooze Fork</h5></a> Forked broken version of <a href="https://chrome.google.com/webstore/detail/tab-snooze/pdiebiamhaleloakpcgmpnenggpjbcbm">Tab Snooze</a> and released a fix. Received over 1,000 installs and almost 5 stars overall rating on the Google Chrome webstore.
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="https://play.google.com/store/apps/details?id=com.remote.helicopter">
<div class="thumbnail">
<img src="iloveimg-resized/helicopterapp.png" style="border-radius: 20%">
</div>
<h5>Helicopter Remote App</h5></a> Redesigned the user interface. Allows users to control their helicopter using an Andriod app! Received over 10,000 installs and a 4.5/5 stars overall rating on Google Play store.
</div>
<div class="col-md-4">
<a href="https://github.com/Tino-FRC-2473/ObjectDetection/tree/Winter2017">
<div class="thumbnail"><img src="iloveimg-resized/powercube200x200.png" style="border-radius: 60% / 30%"></div>
<h5>Locating Object</h5></a>
Used OpenCV to detect an object (gear, box, reflective tape) and calculate the distance and angle to the object.
</div>
<div class="col-md-4">
<a href="https://github.com/iamef/facebook-blocker-extension">
<div class="thumbnail"><img src="iloveimg-resized/fblocker.png"></div>
<h5>FBlocker and Timer</h5></a>
A selective blocker to hide notifications, chat, and news feed for a focused Facebook experience. (Unfortunately, it got taken down by Facebook for using "FB" in "FBlocker.")
</div>
</div>
<div class="row">
<div class="col-md-4">
<a href="https://github.com/iamef?tab=repositories">
<div class="thumbnail"><img src="iloveimg-resized/github.png" style="border-radius: 20%"></div>
<h5>Other Random Things</h5></a>
Smaller projects and random playgrounds such as a <a href="https://github.com/iamef/BashPlayground/blob/master/standup.command">script to remind myself to standup</a> every so often can be found on Github.
</div>
</div>
</div>
<br>
</div>
<!--div class="container p-3">
<h2>Activities</h2>
<h5>TAing</h5>
<ul>
<li>14.32 Econometric Data Science (Spring 2021, Tutor in Fall 2020)</li>
<li>6.S087 Mathematical Methods for Multidimensional Statistics (January 2021)</li>
</ul>
<!-- <h5>Researching</h5>-->
<!--h5>Leading Econ Books Clubs</h5>
<div class="row projects">
<div class="col-md-4 thumbnail">
<img src="images/radicalmarkets.jpg">
</div>
<div class="col-md-4 thumbnail">
<img src="images/nudge.jpg">
</div>
<div class="col-md-4 thumbnail">
<img src="images/jumpstartingamerica.jpg">
</div>
</div>
<h5>Running Effective Altruism @ MIT</h5>
<img src="images/mit-ea-logo.png" style="width: 30%">
</div-->
<div class="container-fluid p-3" style="background-color: darkred">
<div class="container text-light p-3">
<h2>Contact</h2>
<p class="m-0"><strong>Email</strong>: emilyfan [at] mit.edu or hello [at] emilyf.com</p>
<p class="m-0"><strong>LinkedIn</strong>: <a href="http://linkedin.com/in/iamef/" class="text-light">linkedin.com/in/iamef/</a></p>
<p class="m-0"><strong>Github</strong>: <a href="https://github.com/iamef" class="text-light">https://github.com/iamef</a></p>
<p class="m-0"><strong>Anonymous Comments Form</strong>: <a href="https://forms.gle/4KFD4Kd9zrUd6xRh8" class="text-light">https://forms.gle/4KFD4Kd9zrUd6xRh8</a></p>
</div>
</div>
</body>
</html>