generated from ndoherty-xyz/unemployables-portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
258 lines (235 loc) · 12.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--
Upload your Unemployable (or whatever photo you like) to the assets/images folder
and change the name of the image below to match the uploaded one
Change the title in the <title> tag to whatever you would like the title of your portfolio to be
This should be the same across all pages.
-->
<link rel="icon" href="./assets/images/icon.png" />
<title>Yannick Burkhardt</title>
<meta name="description" content="A portfolio template for the Unemployables community.">
<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="nav-title-link" href="./index.html">
<!-- Change the "Portfolio Title" to whatever you want displayed in the top left -->
<span class="nav-title">Yannick Burkhardt</span>
<!-- Change the email after 'mailto:' to your email address for contact -->
<a class="button" 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">
<!--
TODO
- Change the img "src" attribute to point to the Unemployable image you uploaded (or whatever image).
- Change the number to point to your Unemployable & replace the OpenSea link with your own
- If you aren't using an Unemployable as your image, remove the entire "a" element
-->
<img src="./assets/images/photo_round.png" class="portfolio-header-image">
</div>
<!--
- Change the main-title to whatver you want
- Change the body-text after that to a quick introduction to what you do
- Edit the button text if you feel like it. It will link to the projects section below.
-->
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">Hey, I'm Yannick.</span>
<div class="body-text">I like robots.</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 -->
<!--
- Change the subheader-text to whatever header you want
- Add paragraphs using the <div class="body-text"></div> elements in the "about-section-content"
-->
<div id="about-section">
<div id="about-section-content-container">
<span class="subheader-text">About Me</span>
<div class="body-text">
Ever since I remember, solving complex problems fascinated me. My interest in mathematics, mechanics,
and informatics led me to my bachelor's studies in Mechatronics and Information Technology.
When I learned about robotics, I fell in love with its versatility, complexity and challenges.
That's why I shifted my focus to software development, chose my master's program Robotics, Cognition, Intelligence, and relocated to Munich.
</div>
<div class="body-text">
At the same time, I started to work in the start-up company Agile Robots to get hands-on experience.
Here, I also completed my master's thesis to enable robotic grasping by combining visual servo control with deep learning.
Today, I am working as a PhD candidate in the <a href="https://srl.cit.tum.de/">Smart Robotics Lab</a> at the Technical University of Munich under the supervision of Prof. Stefan Leutenegger.
My research evolves around event-based vision and its opportunities for robot control, funded by the <a href="https://mcml.ai/">Munich Center for Machine Learning</a>.
</div>
<a class="button" href="./assets/Yannick_Burkhardt_CV.pdf">
<span class="button-text">Curriculum Vitae</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div id="about-section-image-container">
<img src="./assets/images/hat.gif" class="about-section-image">
</div>
</div>
<!-- Publications -->
<div id="my-work-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">My Publications</span>
<div class="projects-container">
<!--
TODO
This is where the project cards live. Here's a base level project card for you to copy:
<div class="project-card">
<img src="./assets/images/IMAGE_NAME" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">PROJECT_NAME</div>
<div class="body-text project-card-text">SMALL_PROJECT_DESCRIPTION</div>
</div>
<a class="button" href="./project-pages/PROJECT_PAGE_NAME.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
- To add a project to the this area, copy the above, paste it below this comment, and change the following:
- IMAGE_NAME: the name of the image file in assets/images
- PROJECT_NAME: the name of the project (keep it short, it only shows 1 line)
- SMALL_PROJECT_DESCRIPTION: a quick project description (max 4 lines)
- PROJECT_PAGE_NAME.html: the html filename for the project (must be in project-pages folder)
-->
<div class="project-card">
<img src="./assets/images/experiment_photos2.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Dynamic Grasping of Unknown Objects with a Multi-Fingered Hand</div>
<div class="body-text project-card-text">Yannick Burkhardt, Qian Feng, Karan Sharma, Zhaopeng Chen, Alois Knoll.<br>
2024 IEEE-RAS International Conference on Humanoid Robots.</div>
</div>
<div class="double-button-container">
<a class="button" href="https://arxiv.org/abs/2310.17923">
<span class="button-text">Paper</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
<a class="button" href="https://youtu.be/Pw9jEV6FUfE">
<span class="button-text">Video</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
<div class="project-card">
<img src="./assets/images/shared-control.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Shared-Control Concepts for Large Vehicle-Manipulators</div>
<div class="body-text project-card-text">Balint Varga, Yannick Burkhardt, Stefan Schwab, Sören Hohmann.<br>
2020 IEEE 29th International Symposium on Industrial Electronics (ISIE).
</div>
</div>
<a class="button" href="https://ieeexplore.ieee.org/document/9152208">
<span class="button-text">Paper</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/validation.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Validation of Cooperative Shared-Control Concepts for Large Vehicle-Manipulators</div>
<div class="body-text project-card-text">Balint Varga, Arash Shahirpour, Yannick Burkhardt, Stefan Schwab, Sören Hohmann.<br>
2020 IEEE Conference on Control Technology and Applications (CCTA).</div>
</div>
<a class="button" href="https://ieeexplore.ieee.org/document/9206372">
<span class="button-text">Paper</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
<!-- PROJECTS -->
<div id="my-work-section">
<!-- TODO - Change the subheader-text to whatever you want the Projects section header to say -->
<span class="subheader-text">Other Projects</span>
<div class="projects-container">
<!--
TODO
This is where the project cards live. Here's a base level project card for you to copy:
<div class="project-card">
<img src="./assets/images/IMAGE_NAME" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">PROJECT_NAME</div>
<div class="body-text project-card-text">SMALL_PROJECT_DESCRIPTION</div>
</div>
<a class="button" href="./project-pages/PROJECT_PAGE_NAME.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
- To add a project to the this area, copy the above, paste it below this comment, and change the following:
- IMAGE_NAME: the name of the image file in assets/images
- PROJECT_NAME: the name of the project (keep it short, it only shows 1 line)
- SMALL_PROJECT_DESCRIPTION: a quick project description (max 4 lines)
- PROJECT_PAGE_NAME.html: the html filename for the project (must be in project-pages folder)
-->
<div class="project-card">
<img src="./assets/images/ltp.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Long Term Planner</div>
<div class="body-text project-card-text">Computationally fast and time-optimal trajectory planner with continuous acceleration profile.</div>
</div>
<a class="button" href="https://github.com/yannickBurkhardt/LongTermPlanner">
<span class="button-text">GitHub</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
<div class="project-card">
<img src="./assets/images/rp.jpg" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Reinforcement Planner</div>
<div class="body-text project-card-text">Dynamic path planning using Reinforcement Learning.</div>
</div>
<a class="button" href="https://github.com/yannickBurkhardt/ReinforcementPlanner">
<span class="button-text">GitHub</span>
<image src="./assets/icons/arrow-right.svg" class="right-arrow-icon"/>
</a>
</div>
</div>
</div>
</div>
<!-- FOOTER -->
<div id="footer">
<!--
Change href to your Github account (can also delete entire "a" element if no Twitter)
This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://github.com/yannickBurkhardt">
<image src="./assets/icons/github.svg" class="footer-icon"/>
</a>
<!--
Change href to your LinkedIn account (can also delete entire "a" element if no Twitter)
This should be the same across all pages.
-->
<a class="icon-link" target="_blank" href="https://www.linkedin.com/in/yannick-burkhardt-00b01723a/">
<image src="./assets/icons/linkedin.svg" class="footer-icon"/>
</a>
<!--
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>