generated from ndoherty-xyz/unemployables-portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (153 loc) · 8.84 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
<!--
Christmas ordaments
Island
more pens -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="../../assets/images/Chicken.png" />
<title>Thomas Gaul's Portfolio</title>
<meta name="description" content="Portfolio of Thomas Gaul's projects and activities">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/layout.css">
<link rel="stylesheet" href="../../css/typography.css">
<link rel="stylesheet" href="../../css/utilities.css">
<script defer src="../../js/script.js"></script>
</head>
<body>
<!-- NAVBAR -->
<div class="navbar">
<a class="active" href="../../index.html">
<span class="nav-title">Portfolio Home</span>
<a class="nav-title-link" href="../../project-pages/SolarCar.html">
<span class="nav-title">Solar Car</span>
</a>
<a class="nav-title-link" href="../../project-pages/SeniorDesign.html">
<span class="nav-title">Senior Design</span>
</a>
<a class="nav-title-link" href="../../project-pages/OtherProjects/Other Projects.html">
<span class="nav-title">Maker Projects</span>
</a>
<a class="nav-title-link" href="../../project-pages/ClassProjects/ClassProjects.html">
<span class="nav-title">Class Projects</span>
</a>
<a class="nav-title-link" href="../../project-pages/Woodworking/Woodworking.html">
<span class="nav-title">Woodworking</span>
</a>
<a class="nav-title-link" href="../../project-pages/Resume.html">
<span class="nav-title">Resume</span>
</a>
<a style="float:right" class="buttonEmail" href="mailto:[email protected]">
<span class="button-text">Contact Me</span>
</a>
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PORTFOLIO HEADER -->
<div id="portfolio-header">
<div id="portfolio-header-image-container">
<img src="./assets/images/ThomasGaulProfile.png" class="portfolio-header-image">
<span class="image-caption">Thomas Gaul and the PrISUm solar car at Formula Sun Grand Prix 2022</span>
</a>
</div>
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">Thomas Gaul</span>
<div class="body-text">I’m a Computer Engineering Graduate Student who has an interest in firmware, embedded systems, computer architecture, and logic design.
I am studying to get a Master's degree at Iowa State University with a Spring 2025 graduation date. I completed my computer engineering undergrad Spring 2024.
</div>
</div>
<a class="button" id="my-work-link">
<span class="button-text">Check out my projects</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
<!-- ABOUT SECTION -->
<div id="about-section">
<span class="subheader-text">About Me</span>
<div class="about-section-content">
<div class="body-text">I was raised in Pella, Iowa, and graduated from Pella Community High School in 2020. Growing up I enjoyed building Legos, playing soccer, running, woodworking, playing saxophone in band, and computers.
Those experiances led me to choose to study computer engineering at Iowa State University. </div>
<div class="body-text">Throughout my time at Iowa State, I have been active with the Solar Car Club, Prisum, exposing me to electrical hardware design, electrical system debugging, project management, embedded systems, and team leadership. During my work experiances, I learned about electrical harness design, electrical manufacturing, testing, and firmware through an internship at Weiler and two with IBM, and a Co-Op at Collins Aerospace. </div>
</div>
</div>
<!-- PROJECTS / MY WORK SECTION -->
<div id="my-work-section">
<span class="subheader-text">My Projects</span>
<div class="projects-container">
<div class="project-card">
<img src="./assets/images/SolarCar/RacingSolarCar.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">PrISUm Solar Car</div>
<div class="body-text project-card-text"> While at Iowa State I have been very active on the solar car team PrISUm. I worked started working on embedded systems and hardware design and then moved onto leadership roles.</div>
</div>
<a class="button" href="./project-pages/SolarCar.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/SeniorDesignCurrentSetup.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Senior Design</div>
<div class="body-text project-card-text">Batteryless sensor nodes are an emerging technology that enables low-cost, low-maintenance, and long-lifetime embedded sensing. Rather than being wired into a continuous power supply or provisioned with a battery, these sensor nodes survive solely on harvesting energy from ambient sources available in their environment, such as RF signals, solar, vibrational, or thermal. As such they are a challenge to design since these sources are often highly variable and very low power. Our team has been tasked with creating a testbed for researchers to use for the battery-less nodes they are developing. </div>
</div>
<a class="button" href="./project-pages/SeniorDesign.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/Projects/ChickenSign.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Maker Projects</div>
<div class="body-text project-card-text">I have worked on personal projects using and expanding upon the knowledge I have gained from my classes at Iowa State</div>
</div>
<a class="button" href="./project-pages/OtherProjects/Other Projects.html">
<span class="button-text">See Projects</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/CPRE281FinalProj.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Class Projects</div>
<div class="body-text project-card-text">There have been many final projects that I enjoyed working on and am particularly proud of how they turned out.</div>
</div>
<a class="button" href="./project-pages/ClassProjects/ClassProjects.html">
<span class="button-text">See Projects</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/Woodworking/Dresser.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Woodworking</div>
<div class="body-text project-card-text">When I was in middle school my family acquired my grandpa's woodworking equipment. Since then I have worked on many woodworking projects both on my own and with my dad learning a lot of skills and designing almost all the projects along the way.</div>
</div>
<a class="button" href="./project-pages/Woodworking/Woodworking.html">
<span class="button-text">See Projects</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<a class="icon-link" target="_blank" href="https://www.linkedin.com/in/thomas-gaul-a87b25208">
<image src="./assets/icons/LinkedIn_icon.svg" class="footer-icon"/>
</a>
<!--
TODO - Change the email after "mailto" to your contact email
This should be the same across all pages.
-->
<a class="icon-link" href="mailto:[email protected]">
<image src="./assets/icons/mail.svg" class="footer-icon"/>
</a>
</div>
</body>
</html>