-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
284 lines (247 loc) · 13.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tom Backert</title>
<link rel="stylesheet" href="/styles.css">
<link rel="icon" href="/icons/favicon-b.png" type="image/png">
<link rel="icon" href="/icons/apple-touch-icon.png" type="image/png">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
<meta name="theme-color" content="#000000">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<script src="/script.js"></script>
</head>
<div id="page">
<div id="navbar-container"></div>
<main class="main">
<div class="contact">
<h2>Contact</h2>
<div class="contact-icons">
<a href="https://github.com/tombackert" target="_blank"><img src="icons/github.png" alt="GitHub"></a>
<a href="https://www.linkedin.com/in/tombackert/" target="_blank"><img src="icons/linkedin.png"
alt="LinkedIn"></a>
<a href="https://open.spotify.com/user/tom.backert" target="_blank"><img src="icons/spotify.png"
alt="Spotify"></a>
<a href="https://discordapp.com/users/tom.backert" target="_blank"><img src="icons/discord.png"
alt="Discord"></a>
<a href="mailto:[email protected]"><img src="icons/mail.png" alt="Email"></a>
<a href="https://x.com/tb18_08"><img src="icons/twitter-3.png" alt="x.com"></a>
</div>
</div>
<h2>Projects</h2>
<div class="scroll-container">
<div class="card-container">
<!-- World Schedule Dev Card -->
<div class="card">
<a href="/subpages/projects/world-schedule.html">
<div class="card-image" style="background-image: url('src/image7.png');"></div>
<div class="card-category">Development</div>
<div class="card-title">World Schedule</div>
<div class="card-content">
<p>During my time in San Francisco, we created World Schedule. A Meeting Planer that
connects people over diffrent timezones. It immediatly played out played to be useful.
</p>
</div>
</a>
</div>
<!-- Brain Tumor Classifier Card -->
<div class="card">
<a href="/subpages/projects/brain-tumor.html">
<div class="card-image" style="background-image: url('src/image12.png');"></div>
<div class="card-category">Computer Vision</div>
<div class="card-title">Brain Tumor</div>
<div class="card-content">
<p>I built a deep learning model to classify brain tumors on MRI scans. By achieving high
accuracy (up to 99%) and
visualizing results with Grad-CAM, this project demonstrates how AI can contribute to
early detection and
diagnosis in healthcare. This project can assists neurologist in real life.
</p>
</div>
</a>
</div>
<!-- Apple Vision Pro Dev Card -->
<div class="card">
<a href="/subpages/projects/apple-vision-pro.html">
<div class="card-image" style="background-image: url('src/test.png');"></div>
<div class="card-category">Development</div>
<div class="card-title">Apple Vision Pro</div>
<div class="card-content">
<p>During my time in San Francisco, I worked on the Apple Vision Pro. Coming soon...
</p>
</div>
</a>
</div>
<!-- XAI Research Paper Card -->
<div class="card">
<a href="/subpages/projects/xai-paper.html">
<div class="card-image" style="background-image: url('src/image5.png');"></div>
<div class="card-category">Computer Vision, Research</div>
<div class="card-title">XAI Paper</div>
<div class="card-content">
<p>
I did research on Explainable Artifical Intelligence (XAI). Concret on methods to make
advanced AI models more
transparent and understandable. As AI models became too complex for
humans to comprehend, it is essential that we remain having trust in these models. My
study compares two key
techniques (LIME & GradCAM) for explaining how Deep Convolutional Neural Networks form
decisions.
</p>
</div>
</a>
</div>
<!-- NanoGPT Card -->
<div class="card">
<a href="/subpages/projects/nano-gpt.html">
<div class="card-image" style="background-image: url('src/project3.png');"></div>
<div class="card-category">NLP</div>
<div class="card-title">NanoGPT</div>
<div class="card-content">
<p>I recreated Andrej Karpathy’s NanoGPT from scratch to dive deep into the mechanics of
Large Language Models
(LLMs) and transformers. This hands-on project allowed me to understand how LLMs
generate human-like speech on
the most fundamental level.</p>
</div>
</a>
</div>
<!-- 2D Platformer Game Card -->
<div class="card">
<a href="/subpages/projects/ninja-game.html">
<div class="card-image" style="background-image: url('src/project2.png');"></div>
<div class="card-category">Development</div>
<div class="card-title">2D Game</div>
<div class="card-content">
<p>I built a 2D Platformer game using Pygame.</p>
</div>
</a>
</div>
<!-- Back Prop from Scratch Card -->
<div class="card">
<a href="/subpages/projects/backprop.html">
<div class="card-image" style="background-image: url('src/project5.png');"></div>
<div class="card-category">ML</div>
<div class="card-title">Back Prop</div>
<div class="card-content">
<p>I implemented the Backpropagation algorithm from scratch to understand how neural
networks on the most
fundamental level.</p>
</div>
</a>
</div>
<!-- GradCAM Card -->
<div class="card">
<a href="/subpages/projects/gradcam-mnist.html">
<div class="card-image" style="background-image: url('src/image3.png');"></div>
<div class="card-category">Computer Vision</div>
<div class="card-title">GradCAM</div>
<div class="card-content">
<p>I applied GradCAM on the classical MNIST Digit Recognition Problem to visualize most
influential features for
model decision.</p>
</div>
</a>
</div>
<!-- Hands-on ML Notebooks Card -->
<div class="card">
<a href="/subpages/projects/hands-on-ml.html">
<div class="card-image" style="background-image: url('src/project7.png');"></div>
<div class="card-category">ML</div>
<div class="card-title">Hands-on ML</div>
<div class="card-content">
<p>I have some notebooks on the Hands-on ML book.</p>
</div>
</a>
</div>
<!-- Reinforcement Learning Card -->
<div class="card">
<a href="/subpages/projects/luna-lander.html">
<div class="card-image" style="background-image: url('src/project11.png');"></div>
<div class="card-category">Reinforcement Learning</div>
<div class="card-title">Lunar Lander</div>
<div class="card-content">
<p>I built an autonamous Agent to land the Lunar Lander using Gymnasium API and Stable
Baselines3, implementing the
DQN algorithm.</p>
</div>
</a>
</div>
<!-- Strategy Game Card -->
<div class="card">
<a href="/subpages/projects/strategy-game.html">
<div class="card-image" style="background-image: url('src/projekt11.png');"></div>
<div class="card-category">Development</div>
<div class="card-title">Strategy Game</div>
<div class="card-content">
<p>I developed a strategy game with a team of four people using Maven.</p>
</div>
</a>
</div>
<!-- Game Theory Project Card -->
<div class="card">
<a href="/subpages/projects/game-theory-research.html">
<div class="card-image" style="background-image: url('src/image9.png');"></div>
<div class="card-category">Game Theory, Research</div>
<div class="card-title">Prisoner's Dilemma</div>
<div class="card-content">
<p>I did a project on the Prisoner's Dilemma to analyze which strategies work best in game
theory. This project can
be applicable in real life strategic situations.</p>
</div>
</a>
</div>
</div>
</div>
<h2>Hackathons</h2>
<div class="Hackathons">
<div class="scroll-container">
<div class="card-container">
<!-- USS Hornet Defense Tech Hackathon Card -->
<div class="card">
<a href="/subpages/hackathons/uss-hornet-hackathon.html">
<div class="card-image hackathon" style="background-image: url('src/image14.png');"></div>
<div class="card-category">Defense, US Navy</div>
<div class="card-title">USS Hornet</div>
<div class="card-content">
<p>USS Hornet Defense Tech Hackathon. Project: Development of a drone pilot detection
system</p>
</div>
</a>
</div>
</div>
</div>
<h2>Interests</h2>
<div class="scroll-container">
<div class="card-container">
<div class="card">
<div class="card-image" style="background-image: url('src/image13.png');"></div>
<div class="card-title">Software Engineering</div>
<div class="card-category">I love building things.</div>
<div class="card-content">
<p>
I am a software engineer who loves to build and explore new things. I am passionate about Artificial
Intelligence.
</p>
</div>
</div>
<div class="card">
<div class="card-image" style="background-image: url('src/project4.png');"></div>
<div class="card-title">Artificial Intelligence</div>
<div class="card-category">Passionate about AI.</div>
<div class="card-content">
<p>
Recent projects: Brain tumor classification, Research on explainable AI (XAI, GradCAM + LIME),
Implementing GPTs from scratch), RL (Lunar lander agent)
</p>
</div>
</div>
</div>
</div>
</main>
<div id="footer-container"></div>
<div id="illusion-container"></div>
</div>
</html>