-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
251 lines (248 loc) · 16.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gerardo Hidalgo</title>
<!-- bootstrap -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
<!-- meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- static JS & CSS files -->
<script type="text/javascript" src="static/functions.js"></script>
<link rel="stylesheet" href="static/styles.css">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- favicon-->
<link rel="icon" href="../static/media/gh.png">
</head>
<body class="light-theme">
<!-- topnav -->
<nav class="navbar sticky-top navbar-expand navbar-light" style="padding: 1%">
<a class="navbar-brand" href="#intro" style="padding-right: 2%;">
<img id="gh-logo" src="static/media/gh.png" style="width:40px;height:40px;" alt="GH Logo">
</a>
<button type="button" class="btn btn-dark btn-sm" onclick="darkmode()">Dark Mode</button>
<div class="navbar-nav ml-auto">
<a class="nav-link" href="#about">About</a>
<a class="nav-link" href="#experience">Experience</a>
<a class="nav-link" href="#projects">Projects</a>
<a class="nav-link" href="#contact">Contact</a>
<a href="static/media/resume.pdf" target="_blank" class="btn btn-dark" role="button">Resume</a>
</div>
</nav>
<!-- side nav -->
<nav class="nav fixed-bottom flex-column" style="padding-bottom: 1%; width: 2%;">
<a class="nav-link" href="https://github.com/ghidalgo93" target="_blank">
<img id="github-logo" src="static/media/github.svg" style="width:20px;height:20px;" alt="Github Logo">
</a>
<a class="nav-link" href="https://www.linkedin.com/in/gerardo-hidalgo-cuellar/" target="_blank">
<img id="linkedin-logo" src="static/media/linkedin.svg" style="width:20px;height:20px;" alt="LinkedIn Logo">
</a>
<a class="nav-link" href="https://www.instagram.com/g.luis.hidalgo/" target="_blank">
<img id="instagram-logo" src="static/media/instagram.svg" style="width:20px;height:20px;" alt="Instagram Logo">
</a>
<a class="nav-link" href="https://twitter.com/Gerardo_H_C" target="_blank">
<img id="twitter-logo" src="static/media/twitter.svg" style="width:20px;height:20px;" alt="Twitter Logo">
</a>
</nav>
<!-- intro -->
<div id="intro" class="intro">
<p>Hello, my name is</p>
<h1 style="font-size: 400%; font-weight: bold;">Gerardo Hidalgo-Cuellar</h1>
<br>
<p>
I am a software developer, data analyst, and web creator living
and working out of beautiful Boulder, CO. I am a graduate of the
University of Colorado, Boulder where I recieved a Bachelor's
degree in Astrophysical and Planetary Sciences.
</p>
</div>
<!-- about -->
<div id="about" class="section">
<div class="media">
<div class="media-body" style="width: min-content;">
<h2 class="mt-0">About me</h2>
<br>
<p>
My name is Gerardo Hidalgo-Cuellar, a software and outdoor enthusiast based in Boulder, CO.
</p>
<p>
I enjoy developing software and applications for data analysis, IoT,
and designing smart and intuitive user interfaces.
</p>
<p>
While at the University of Colorado, Boulder, I did research in biology and astronomy,
worked as a planetarium presenter/material developer, and interned as a Software Engineer with
the Laboratory of Atmospheric and Space Physics (LASP). Through this work I found my passion
for software development, I love to create applications and other software that I am proud of
and allow me to continue learning and having fun.
</p>
<p>
I am an outdoor enthusiast so most of my days start or end with some time climbing or bouldering
close to home in Boulder or Eldrodo Canyon, or trail runs in the foothills.
</p>
<p>Here are some technologies I have been working with recently:</p>
<ul>
<li>C</li>
<li>Python</li>
<li>R</li>
<li>SQL</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Flask</li>
</ul>
</div>
<img class="portrait" src="static/media/hidalgo_port.jpg" alt="Geraro Hidalgo Potrait">
</div>
</div>
<!-- work xp -->
<div id="experience" class="section">
<h2>Work Experience</h2>
<div class="row">
<div class="col-3">
<div class="nav flex-column nav-pills" id="v-pills-tab-work" role="tablist" aria-orientation="vertical">
<a class="nav-link active text-dark" id="v-pills-lasp-tab" data-toggle="pill" href="#v-pills-lasp" role="tab" aria-controls="v-pills-lasp" aria-selected="true">Laboratory for Atmospheric and Space Physics (LASP)</a>
<a class="nav-link text-dark" id="v-pills-CU-tab" data-toggle="pill" href="#v-pills-CU" role="tab" aria-controls="v-pills-CU" aria-selected="false">University of Colorado, Boulder</a>
<a class="nav-link text-dark" id="v-pills-fiske-tab" data-toggle="pill" href="#v-pills-fiske" role="tab" aria-controls="v-pills-fiske" aria-selected="false">Fiske Planetarium</a>
<a class="nav-link text-dark" id="v-pills-astrocamp-tab" data-toggle="pill" href="#v-pills-astrocamp" role="tab" aria-controls="v-pills-astrocamp" aria-selected="false">Astrocamp, Guided Discoveries</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="v-pills-tab-workContent" style="width: 55%;">
<div class="tab-pane fade show active" id="v-pills-lasp" role="tabpanel" aria-labelledby="v-pills-lasp-tab">
<h5>Software Engineer, Intern at
<a href="https://lasp.colorado.edu/home/" target="_blank">LASP</a>
</h5>
<ul>
<li>Increasing efficiency and speed of data bussing systems from different science oriented satellites. </li>
<li>Creating better user interfaces for existing telemetry programs.</li>
<li>Development in Python and C.</li>
<li>
<a href="https://science.gsfc.nasa.gov/sed/index.cfm?fuseAction=people.jumpBio&iphonebookid=64636&navTab=nav_about_us" target="_blank"> LASP employee page.</a>
</li>
</ul>
</div>
<div class="tab-pane fade" id="v-pills-CU" role="tabpanel" aria-labelledby="v-pills-CU-tab">
<h5>Undergraduate Research Assistant with the
<a href="https://www.colorado.edu/aps/" target="_blank">Astrophysics Department</a>
</h5>
<ul>
<li>Project: Analysis & Composition of Diffuse Intergalactic Clouds.</li>
<li>Retrieval and analysis of spectral data from the Hubble Space Telescope.</li>
<li>Data retrieval using SQL and processed taking molecular composition
of diffuse gas clouds found at specific distances.</li>
<li>Wrote semesterly proposals for Undergraduate Research Oppotunities Program (UROP).</li>
</ul>
<h5>Laboratory and Learning Assistant with the
<a href="https://www.colorado.edu/physics/" target="_blank">Physics Department</a>
</h5>
<ul>
<li>Helped to facilitate a Physics of Light and Color course. Held weekly office hours, test review sessions,
was in the classroom daily, and helped develop a weekly review session.</li>
<li> Worked with faculty to ensure students in the classrooms were continuously problem-solving and
having thoughtful discussions.</li>
</ul>
</div>
<div class="tab-pane fade" id="v-pills-fiske" role="tabpanel" aria-labelledby="v-pills-fiske-tab">
<h5>Planetarium/Science Presenter at
<a href="https://www.colorado.edu/fiske/" target="_blank">Fiske Planetarium</a>
</h5>
<ul>
<li>Presented and put together astronomy, physics, geology, as well as biology planetarium shows for
audiences of all ages and communities around the Boulder area, ranging from college students,
primary education, families, and adults.</li>
<li>Helped develop educational astronomy labs for use within the planetarium as well as for outreach
around Boulder.</li>
</ul>
</div>
<div class="tab-pane fade" id="v-pills-astrocamp" role="tabpanel" aria-labelledby="v-pills-astrocamp-tab">
<h5>Science Educator at
<a href="https://astrocampschool.org/" target="_blank">Astrocamp</a>
</h5>
<ul>
<li>Science educator/instructor with a focus on physics and astronomy. Development of curriculum,
teaching of technical material, and handling experiment.</li>
<li> Outdoor education, ropes-course technician (safety and management), and youth management.
Guiding a group of students (grades ranging from 3-12th) for 3-14 days year-round.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- projects -->
<div id="projects" class="section">
<h2>Projects</h2>
<div class="row">
<div class="col-3">
<div class="nav flex-column nav-pills" id="v-pills-tab-projects" role="tablist" aria-orientation="vertical">
<a class="nav-link active text-dark" id="v-pills-traffic-tab" data-toggle="pill" href="#v-pills-traffic" role="tab" aria-controls="v-pills-traffic" aria-selected="true">Data Analysis of Traffic Violations</a>
<a class="nav-link text-dark" id="v-pills-website-tab" data-toggle="pill" href="#v-pills-website" role="tab" aria-controls="v-pills-website" aria-selected="false">Personal Website (V1)</a>
<a class="nav-link text-dark" id="v-pills-iot-tab" data-toggle="pill" href="#v-pills-iot" role="tab" aria-controls="v-pills-iot" aria-selected="false">Home Control (IoT)</a>
</div>
</div>
<div class="col-9">
<div class="tab-content" id="v-pills-tab-projectsContent" style="width: 55%;">
<div class="tab-pane fade show active" id="v-pills-traffic" role="tabpanel" aria-labelledby="v-pills-traffic-tab">
<h5>
<a href="https://github.com/ghidalgo93/traffic_data" target="_blank">Traffic Violations Analysis</a>
in Montgomery County, MD
</h5>
<ul>
<li>Data analysis of some traffic violations in Montgomery County, MD. Traffic violations looked at included speed exceeded
on differing types of roads (highways vs. non-highway roads), time of day, day of the month, and the frequency stopped over
the mean speed exceeded (9mph). Traffic stops were mapped via GPS coordiates to look at density differences.
</li>
</ul>
<img src="static/media/traffic_map.png" class="project_img" alt="Traffic Violations GPS data.">
</div>
<div class="tab-pane fade" id="v-pills-website" role="tabpanel" aria-labelledby="v-pills-website-tab">
<h5>
<a href="https://github.com/ghidalgo93/Web_Project" target="_blank">Personal Website</a>
(V1)
</h5>
<ul>
<li>Version 1 of my personal website built with bootstrap and hosted on GitHub Pages.</li>
</ul>
</div>
<div class="tab-pane fade" id="v-pills-iot" role="tabpanel" aria-labelledby="v-pills-iot-tab">
<h5>
<a href="https://github.com/ghidalgo93/HomeControl" target="_blank">Home Control,</a>
an project looking at IoT
</h5>
<ul>
<li>Using a raspberry pi, working on several projects to make a smarter home via Internet of Things. A constant work in progress,
but stated with LED controls and expanding to weather & light sensors using an arduino, and a personal climbing wall setup.
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- contact -->
<div id="contact" class="section">
<h2>Contact</h2>
<p style="width: 40%;">
I am always on the lookout for new and interesting projects.
</p>
<p>
If you would like to collaborate
or are an employer, please feel free to reach out and I will get back to you as soon as possible!
</p>
<a href="mailto:[email protected]" style="width: min-content;" class="btn btn-dark btn-lg" role="button">Contact me here</a>
</div>
<!-- footer -->
<footer class="footer">
<p style="font-size: small">
Designed & Built by Gerardo Hidalgo-Cuellar
</p>
</footer>
<!-- JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>