-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
413 lines (373 loc) · 19.7 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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
<title>
Garrett Phillips | Computer Engineering Student at Purdue University
</title>
<link rel="shortcut icon" type="image/x-icon" href="./images/prog_box.png" />
<link rel="stylesheet" type="text/css" href="./style.css" />
<script src="./jquery-3.7.0.js"></script>
<script src="./script.js"></script>
</head>
<body>
<!-- Background Image Container -->
<div id="blurred-image-container">
<div class="background-img" style="background-image:url('./images/background1.jpg')"></div>
<div class="background-img blurred-img" style="background-image:url('./images/background1_blur.jpg')"></div>
</div>
<!-- Header -->
<header class="header" role="banner" id="top">
<div class="row">
<nav class="nav" role="navigation">
<ul class="nav__items">
<li class="nav__item"><a href="#about" class="nav__link">About Me</a></li>
<li class="nav__item"><a href="#extracurriculars" class="nav__link">Extracurriculars</a></li>
<li class="nav__item"><a href="#education" class="nav__link">Education</a></li>
<li class="nav__item"><a href="#projects" class="nav__link">Personal Projects</a></li>
<li class="nav__item"><a href="#contact" class="nav__link">Contact Me</a></li>
</ul>
</nav>
</div>
<div class="header__text-box row">
<div class="header__text">
<h1 class="heading-primary">
<span>Garrett Phillips</span>
</h1>
<p>Computer Engineering Student at Purdue University</p>
<a href="#contact" class="btn">Get in touch</a>
</div>
</div>
</header>
<main role="main">
<!-- About -->
<section class="about" id="about">
<div class="about">
<div class="row">
<h2>About Me</h2>
<div class="about__content">
<div class="about__text text_container">
<p>Hello All! My name is Garrett Phillips and I am a senior Computer Engineering Student
at Purdue University. Welcone to my portfolio!
</p>
<p>
<b>My Mission:</b> To create innovative solutions that make a positive impact on the world.
<br><br>
<b>My Vision:</b> To be a leader in the tech industry who is known for their dedication to
continuous learning, personal growth, and impactful work.
<br><br>
<b>My Values:</b> Integrity, Curiosity, Empathy, and Perseverance.
<br><br>
<b>My Professional Interests:</b> Software Engineering, Artificial Intelligence, Machine Learning,
Data Science, and Open-Source Software.
<br><br>
<b>My Goals:</b> To graduate with my BS in Computer Engineering in December 2024,
then complete my MS in Computer Engineering by December 2025. I will start my career
at Crowe as a ServiceNow Implementation Consultant in August 2025.
</p>
</div>
<div class="about__photo-container">
<img class="about__photo" src="./images/profile_pic_england.JPG" alt="Profile Picture" />
</div>
</div>
</div>
</div>
</section>
<!-- Extracurriculars -->
<section class="about" id="extracurriculars">
<div class="about">
<div class="row">
<h2>Extracurriculars & Hobbies</h2>
<div class="about__content">
<div class="text_container">
<h3>Peer Success Coaching - Purdue Academic Success Center</h3>
<p>
As a Peer Success Coach (PSC), I provide Purdue undergraduate students an opportunity
to meet one-on-one as they navigate the college environment and learn to succeed
academically, socially, and personally. I meet with a pool of students weekly and biweekly
to offer guidance while navigating life at Purdue.
</p>
<p><b>I guide students through...</b></p>
<ul class="project__list">
<li>Time management</li>
<li>Life and career goals</li>
<li>Study strategies and test preparation</li>
<li>Connecting with campus resources and academic advisors</li>
</ul>
<p>
This opportunity has provided me with approaches on how to be an effective coach and
mentor to students of a wide variety of disciplines and ages. I feel more confident
engaging in productive, professional communication with my peers and am learning myself
how to be a better student, son, leader, and person. I am thankful for this opportunity
and am proud of the students I have helped succeed.
</p>
<!-- Read More button -->
<a class="read_more_btn btn">Read More</a>
<!-- Hidden additional content -->
<div class="read_more" id="about_read_more" style="display: none;">
<p></p>
<h3>Undergraduate Teaching Assistant - ECE 20875, Python for Data Science</h3>
<p>
I support students in creating and optimizing problem-solving approaches to data science
problems by utilizing Python and exploring Python's built-in functions, imports, data visualization
tools like Matplotlib, and practical applications of libraries like NumPy and Scikit-learn. I hold
office hours to assist students with lecture material, approaches to homework solutions, and general
Python knowledge.
</p>
<p></p>
<h3>Purdue Hurling Club Team</h3>
<p>
Hurling is a traditional Irish
sport that combines elements of field hockey, lacrosse, and rugby. Our club takes pride in
representing Purdue University as we compete against other universities across the country.
In March 2024, we participated in the National Collegiate Gaelic Athletic Association (NCGAA)
National Tournament in Salt Lake City, Utah, where we got 1st place and became the Collegiate
Hurling National Champions. After our most recent trip to Pittsburgh, Pennsylvania, we are
now repeat regional champions and are looking to defend our title at Nationals this spring.
</p>
<div><img class="marathon_pic" src="./images/hurling_pic.jpg" alt="Hurling Picture" /></div>
<p></p>
<h3>Long-Distance Running</h3>
<p>
In my free time, I enjoy running and participating in long-distance running events. In October
of 2023, I completed the Indianapolis Monumental Marathon; my first marathon ever! Running has
been an excellent way for me to stay active, relieve stress, and set personal goals for myself.
</p>
<p>
In March of 2024, I broke my patella and had to undergo reconstructive surgery to repair it. After relearning
how to walk, then jog, and now run, I am thrilled to report that I have begun training for my
next marathon and hope to complete it by the end of 2024. This was a major setback in my life
and it has taken immense dedication and perseverance to get back to where I am today. I am
proud of the progress I have made and am excited to see where my running journey takes me next.
</p>
<div class="marathon_pic_cont"><img class="marathon_pic" src="./images/marathon_pic.JPG" alt="Marathon Picture" /></div>
<p></p>
<h3>Reading</h3>
<p>
Reading has become a passion of mine over the past few years. I enjoy reading books on a variety of topics, but mainly
creative books that allow me to escape my usual logical thinking and immerse myself in a different world. Follow me on
GoodReads, <a href="https://www.goodreads.com/user/show/175646033" target="_blank">@garrettphillips</a>, to see what I am currently
reading and what I have read in the past.
</p>
<div class="two-column-layout">
<p>
I am currently reading <i>Love in the Time of Cholera</i> by Gabriel Garcia Marquez.
</p>
<img src="./images/litoc.jpg" alt="Book cover of Love in the Time of Cholera" class="book-image">
</div>
<p></p>
<h3>Painting</h3>
<p>
Painting has been a hobby of mine since high-school. I enjoy painting landscapes, abstract art, and
portraits. I find painting to be a relaxing and creative outlet that allows me to express myself in a
different way than I do in my engineering studies. A lot of my paintings get inspiration from my current
emotions and experiences, and I find that painting helps me to process my emotions and thoughts in a
healthy way.
</p>
<div>
<div class="project__image-box2">
<div class="slide2 slide1 marathon_pic_cont">
<div class="numbertext">1 / 3</div>
<img src="./images/606_painting.jpg" alt="Abstract painting of flowers and house"/>
</div>
<div class="slide2 marathon_pic_cont">
<div class="numbertext">2 / 3</div>
<img src="./images/wall_painting.jpg" alt="Painting of the Great Wall of China"/>
</div>
<div class="slide2 marathon_pic_cont">
<div class="numbertext">3 / 3</div>
<img src="./images/collection_paintings.jpg" alt="Collection of paintings"/>
</div>
<a class="prev" onclick="plusSlides2(-1)">❮</a>
<a class="next" onclick="plusSlides2(1)">❯</a>
</div>
</div>
<!-- Read Less button -->
<div class="read_more_footer">
<a class="read_less_btn btn">Read Less</a>
</div>
</div>
<!-- End of hidden content -->
</div>
</div>
</div>
</div>
</section>
<!-- Education -->
<section class="education" id="education">
<div class="row">
<h2>Education</h2>
<div class="text_container">
<div class="purdue_banner"><img src="./images/purdue_banner.jpeg" alt="Purdue University Banner" /></div>
<p>I am a fourth year, Senior Computer Engineering student and am currently pursuing
concentrations in <b>artificial intelligence/machine learning (AI/ML)</b>
and <b>software engineering</b>. Concentrations indicate a coursework focus on these topics
as I finish my undergraduate degree. I completed my Senior Design project in open-source software
this spring 2024 semester and am on track to graduate with my BS in Computer Engineering in
December of 2024.</p>
<p>I plan on furthering my education with Purdue's +1 Masters
Program. This program offers me the opportunity to take graduate level classes in my
undergraduate term, enabling me to graduate with my MS in Computer Engineering by December
of 2025. I will finish my graduate degree online while starting a new role at Crowe!</p>
<p>
<b>Overall GPA:</b> 3.78<br>
<b>ECE Major GPA:</b> 3.80
</p>
<div class="skills">
<div class="column">
<h3>Current Coursework - Spring 2024</h3>
<ul class="project__list">
<li>ECE 57000, Artificial Intelligence</li>
<li>MA 51100, Applied Linear Algebra</li>
<li>ECE 50836, Intro to Data Mining</li>
<li>ECE 46100, Software Engineering</li>
</ul>
<h3>Relevant Completed Coursework</h3>
<ul class="project__list">
<li>ECE 49595, Open-Source Software Senior Design</li>
<li>ECE 40400, Intro to Computer Security</li>
<li>ECE 36800, Data Structures and Algorithms in C</li>
<li>ECE 39595O, Object-Oriented Programming C++</li>
<li>ECE 36200, Microprocessor Systems and Interfacing</li>
<li>ECE 26400, Advanced C programming</li>
</ul>
</div>
<div class="column">
<h3>Technical Skills</h3>
<ul class="project__list">
<li>C/C++ Programming</li>
<li>Object-oriented programming</li>
<li>Python (Numpy, Scikit-learn, Matplotlib)</li>
<li>Django Framework</li>
<li>ML Systems</li>
<li>AWS Deployment</li>
<li>Git</li>
<li>Bash</li>
<li>HTML/CSS/JS</li>
<li>SQL</li>
<li>React</li>
</ul>
<h3>Personal Strengths</h3>
<ul class="project__list">
<li>Teamwork</li>
<li>Leadership</li>
<li>Communication</li>
<li>Time Management</li>
<li>Presentation Skills</li>
<li>Receiving and Adjusting to Feedback</li>
</ul>
</div>
</div>
<a href="./docs/Resume - Garrett Phillips - CompE - Sept '24.pdf" class="btn" target="_blank">View my resume here</a>
</div>
</div>
</section>
<!-- Projects -->
<section class="projects" id="projects">
<div class="row">
<h2>Personal Projects</h2>
<div class="text_container">
<h3>Raspberry Pi Wi-Fi Proxy Filter</h3>
<div class="project__image-box">
<div class="slide slide1">
<div class="numbertext">1 / 3</div>
<img src="./images/raspberry_pi.JPG" alt="Raspberry Pi hardware" />
</div>
<div class="slide">
<div class="numbertext">2 / 3</div>
<img src="./images/raspberry_pi_web_interface.png" alt="Rapberry pi interface" />
</div>
<div class="slide">
<div class="numbertext">3 / 3</div>
<img src="./images/pi_adlist.png" alt="Adlist databases" />
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<!--
<img src="./images/raspberry_pi.JPG" class="project__image-box" alt="Project 1" />
-->
<p>
Through utilization of a <i>Raspberry Pi Zero W</i>,
I was able to configure an advanced software solution designed to function as a network-wide ad block.
Using the software <i>Pi-hole</i>, I successfully established a Wi-Fi proxy filter that effectively blocks ad requests and queries.
This implementation enables seamless ad-blocking across websites, mobile apps, streaming services, and smart TVs without
the need for additional local software. By monitoring the traffic routed through the <i>Raspberry Pi</i>,
the software is able to stop the requests before they populate to the user, ultimately enhancing network
speed and optimizing data consumption. The project includes a user-friendly web interface for
convenient interaction and comprehensive network traffic analysis.
</p>
</div>
</div>
</section>
<!-- Career
<section class="career" id="career">
<div class="row">
<h2>Career</h2>
<p>
NEED TO FIGURE OUT HOW TO BUILD PROFESSIONAL AND EDUCATIONAL CAREER TREE
</p>
</div>
</section>
</main>
-->
<!-- Contact -->
<section class="contact" id="contact">
<div class="row">
<h2>Contact Me</h2>
<form id="contactForm" action="https://formspree.io/f/xoqzojqa" method="POST">
<h3>Information</h3>
<div class="info">
<input type="text" name="Name" placeholder="Full Name" required>
<input type="text" name="Company" placeholder="Company" required>
<input type="text" name="Email" placeholder="Email/Contact" required>
</div>
<h3>Message</h3>
<div>
<textarea name="Message" placeholder="Type here" rows="4" required></textarea>
</div>
<button type="button" class="send_button btn" onclick="finalizeForm()">Send</button>
</form>
</div>
</section>
<!-- Footer -->
<footer role="contentinfo" class="footer">
<div class="row">
<!-- Update the links to point to your accounts -->
<ul class="footer__social-links">
<li class="footer__social-link-item">
<a href="https://github.com/phillips302/" title="Link to Github Profile">
<img src="./images/github.svg" class="footer__social-image" alt="Github">
</a>
</li>
<li class="footer__social-link-item">
<a href="https://leetcode.com/gwphillips/" title="Link to LeetCode Profile">
<img src="./images/LeetCode_logo.svg" class="footer__social-image" alt="LeetCode">
</a>
</li>
<li class="footer__social-link-item">
<a href="https://www.linkedin.com/in/garrett-w-phillips/" title="Link to Linkedin Profile">
<img src="./images/linkedin.svg" class="footer__social-image" alt="Linkedin">
</a>
</li>
</ul>
<p>
©Garrett Phillips 2023 - Click <a class="read_more_btn_footer" class="link">here</a> to see the sources
and credits.
<p class="read_more_footer">
<span class="footer_more_text">
Portfolio template adapted from a variation created by <a href="https://nisar.dev" class="link">Nisar</a>,
designer and developer.<br>
Fade scroll effect concept adapted from a codepen.io post by
<a href="https://codepen.io/sotayamashita/pen/DZZZmj" class="link">Sotaya Mashita</a>.
</span>
</p>
</p>
</div>
</footer>
<a href="#top" class="back-to-top" title="Back to Top">
<img src="./images/up-arrow.svg" alt="Back to Top" class="back-to-top__image" />
</a>
</body>
</html>