-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
190 lines (167 loc) · 11.8 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Nathan Eads</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="src/icon.png">
<link rel="stylesheet" type="text/css" href="./css/siteWide.css">
<link rel="stylesheet" type="text/css" href="./css/index.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap" rel="stylesheet">
</head>
<body>
<div id="navOverlay" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="index.html">Home</a>
<a href="articles.html">Articles & Awards</a>
<a href="projects.html">Projects & Experiences</a>
<a href="resume.html">Resume</a>
</div>
</div>
<div class="header">
<div class="nav-bar-opposition-wrapper">
<button type="button" onclick="openNav()" class="hamburger"><p>menu</p></button>
<img src="src/icon.png" alt="Nathan Eads Logo" class="logo">
<p class="opposition-text header-text">Nathan Eads</p>
</div>
<ul class="nav-bar-links-wrapper">
<a href="index.html"><li class="nav-bar-item header-text">Home</li></a>
<a href="articles.html"><li class="nav-bar-item header-text" onmouseover="navHover()" onmouseover="navReset()">Articles & Awards</li></a>
<a href="projects.html"><li class="nav-bar-item header-text" onmouseover="navHover()" onmouseover="navReset()">Projects & Experience</li></a>
<a href="resume.html"><li class="nav-bar-item header-text" onmouseover="navHover()" onmouseover="navReset()">Resume</li></a>
</ul>
</div>
<div class="body1">
<h1>A Brief <br class="smartBreak">Introduction</h1>
<div class="Introduction">
<img src="src/profile.png" alt="Nathan Eads" class="profile-pic">
<div class="bio">
<h2>Hi, I'm <span>Nathan</span>, a Mechanical Engineer from Atlanta studying at the University of Alabama in Tuscaloosa.</h2>
<h3>In my free time, I enjoy volunteering, mountain biking, skiing, camping, and spending time in the outdoors.</p>
<h3 class="bullet-head">I have experience with:</h3>
<ul>
<li>SolidWorks & Mechanical Design</li>
<li>Workflow Automation & Internal-Use Software</li>
<li>VBA for SolidWorks & Excel</li>
<li>Rapid Prototyping</li>
</ul>
<h3 class="bullet-head">I am interested in:</h3>
<ul>
<li>Arduinos, ESP32s, & Raspberry Pis</li>
<li>Python3, Arduino C, and C++</li>
<li>Open-Source PDM/PLM Solutions</li>
<li>Machine Learning in Voice Recognition, Text-To-Speech, and Sentiment Analysis</li>
<li>More Buzzwords</li>
</ul>
</div>
</div>
</div>
<div class="connect">
<h1>Connect</h1>
<a class="link-col" href="https://www.linkedin.com/in/nathan-eads-b1693a185/" target="_blank"><svg class="social-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-2 8c0 .557-.447 1.008-1 1.008s-1-.45-1-1.008c0-.557.447-1.008 1-1.008s1 .452 1 1.008zm0 2h-2v6h2v-6zm3 0h-2v6h2v-2.861c0-1.722 2.002-1.881 2.002 0v2.861h1.998v-3.359c0-3.284-3.128-3.164-4-1.548v-1.093z"/></svg></a>
<a class="link-col" href="https://github.com/nfe213" target="_blank"><svg class="social-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 6c-3.313 0-6 2.686-6 6 0 2.651 1.719 4.9 4.104 5.693.3.056.396-.13.396-.289v-1.117c-1.669.363-2.017-.707-2.017-.707-.272-.693-.666-.878-.666-.878-.544-.373.041-.365.041-.365.603.042.92.619.92.619.535.917 1.403.652 1.746.499.054-.388.209-.652.381-.802-1.333-.152-2.733-.667-2.733-2.965 0-.655.234-1.19.618-1.61-.062-.153-.268-.764.058-1.59 0 0 .504-.161 1.65.615.479-.133.992-.199 1.502-.202.51.002 1.023.069 1.503.202 1.146-.776 1.648-.615 1.648-.615.327.826.121 1.437.06 1.588.385.42.617.955.617 1.61 0 2.305-1.404 2.812-2.74 2.96.216.186.412.551.412 1.111v1.646c0 .16.096.347.4.288 2.383-.793 4.1-3.041 4.1-5.691 0-3.314-2.687-6-6-6z"/></svg></a>
<a class="link-col" href="mailto:[email protected]" target="_blank"><svg class="social-link" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm0 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm5.144 14.5h-10.288c-.472 0-.856-.384-.856-.856v-6.788c0-.472.384-.856.856-.856h10.288c.472 0 .856.384.856.856v6.788c0 .472-.384.856-.856.856zm-5.144-3.043l-4.671-3.241-.01 5.784h9.342v-5.784l-4.661 3.241zm4.435-4.957h-8.895l4.46 3.115s3.126-2.203 4.435-3.115z"/></svg></a>
</div>
<div class="body">
<div class="adventures">
<h1>Recent <br class="smartBreak">Adventures</h1>
<div class="company">
<img src="src/Logos/hpd-logo.png" alt="Hood Patterson & Dewar Logo" class="company-logo">
<div class="company-text">
<p class="company-name">Hood Patterson & Dewar Engineering</p>
<p class="involvement">Mechanical Engineering Intern (Summer 2021)</p>
<li class="company-description">Responsible for testing & commissioning of Energy Recovery Unit (ERU) & Air Handler Units (AHU) at "Big Tech" data center.</li>
<li class="company-description">Helped test & commission Trane Chillers, Plate Heat Exchangers & Cooling Towers.</li>
<p class="links">Related Links</p>
<a class="company-link" href="https://hoodpd.com/" target="_blank">Website</a>
</div>
</div>
<div class="company">
<img src="src/Logos/tom-logo.png" alt="Tikkun Olam Makers Logo" class="company-logo">
<div class="company-text">
<p class="company-name">TOM:UA</p>
<p class="involvement">Fellow & Co-Founder</p>
<li class="company-description">Created club with the intent to produce unique, low-cost, high-quality medical hardware for individuals struggling with day-to-day independence due to a physical disability or other limitation.</li>
<li class="company-description">Guide teams of student engineers through the design and manufacturing process.</li>
<li class="company-description">Collaborate with the TOM Global non-profit and other TOM communities to share tools, methods, and projects.</li>
<p class="links">Related Links</p>
<a class="company-link" href="https://tom-ualabama.github.io/tom-ua/" target="_blank">TOM:UA Website</a>
<a class="company-link" href="https://tomglobal.org/" target="_blank">TOM Global Website</a>
</div>
</div>
<div class="company">
<img src="src/Logos/FTE-Logo.png" alt="Fitz-Thors Engineering Logo" class="company-logo">
<div class="company-text">
<p class="company-name">Fitz-Thors Engineering</p>
<p class="involvement">Mechanical Engineering Co-Op (Fall 2021)</p>
<li class="company-description">Designed and manufactured engine lifting tools for Mercedes-Benz pre-production assembly line.</li>
<li class="company-description">Created a low-level, web-based PLM app for tracking component demand for large scale production projects.</li>
<p class="links">Related Links</p>
<a class="company-link" href="https://www.fitz-thors.com/" target="_blank">Website</a>
</div>
</div>
<div class="company">
<img src="src/Logos/pond-logo.png" alt="Pond Co. Logo" class="company-logo">
<div class="company-text">
<p class="company-name">Pond & Company</p>
<p class="involvement">Mechanical Engineering Summer Intern (2021)</p>
<li class="company-description">Led project to ennumerate and organize data for components in a Uranium Processing Plant.</li>
<li class="company-description">Assisted Natural Gas & Piping Mechanical Teams on a variety of other projects.</li>
<p class="links">Related Links</p>
<a class="company-link" href="https://www.pondco.com/" target="_blank">Website</a>
</div>
</div>
<div class="company last-company">
<img src="src/Logos/atlfs.png" alt="Atlanta Face Shields Logo" class="company-logo">
<div class="company-text">
<p class="company-name">Atlanta Face Shields</p>
<p class="involvement">Co-Founder & CEO</p>
<li class="company-description">Produced and donated 3D printed PPE for Atlanta healthcare workers during the COVID-19 pandemic.</li>
<li class="company-description">Managed supply chain and an estimateed 100 volunteers, contractors, & suppliers.</li>
<p class="links">Related Links</p>
<!-- <a class="company-link" href="http://atlantafaceshields.com/" target="_blank">Website</a> SITE IS CURRENTLY DOWN -->
<a class="company-link" href="https://www.instagram.com/atlantafaceshields/" target="_blank">Instagram</a>
<a class="company-link" href="https://www.gofundme.com/f/atlanta-face-shields" target="_blank">GoFundMe Posting</a>
</div>
</div>
<!-- OLD -->
<!-- <div class="company">
<img src="src/cube-logo.png" alt="The Cube Logo" class="company-logo">
<div class="company-text">
<p class="company-name">The Cube - Industrial 3D Printing Lab</p>
<p class="involvement">Student Technician & Webmaster</p>
<li class="company-description">Maintain and manage industrial and hobbyist print farm.</li>
<li class="company-description">Teach peers fundamentals of 3D printing and modeling for 3D printing.</li>
<li class="company-description">Oversee Cube website and match to latest University Web Design Language.</li>
<p class="links">Related Links</p>
<a class="company-link" href="https://thecube.eng.ua.edu/" target="_blank">Website</a>
<a class="company-link" href="https://www.instagram.com/the_cube_ua/" target="_blank">Instagram</a>
</div>
</div>
<div class="company last-company">
<img src="src/br-logo.png" alt="Bama Racing Logo" class="company-logo">
<div class="company-text">
<p class="company-name">University of Alabama SAE Baja</p>
<p class="involvement">Electrical and Computer Science Design Lead</p>
<li class="company-description">Oversee design and fabrication of engine monitoring system.</li>
<li class="company-description">Maintain elementary vehicle electronics.</li>
<li class="company-description">Work with various radio networks to establish long range remote connection to race vehicle.</li>
<p class="links">Related Links</p>
<a class="company-link" href="https://www.instagram.com/ua_bamaracing/" target="_blank">Instagram</a>
</div>
</div> -->
</div>
</div>
<div class="footer">
<p>© Nathan Eads</p>
</div>
</body>
<script src="js/hamburger.js"></script>
</html>