-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
602 lines (447 loc) · 24.3 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
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Arne Vanheule</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/media-queries.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<script src="js/modernizr.js"></script>
<link rel="shortcut icon" href="favicon.png" >
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="lang.js"></script>
</head>
<body>
<header id="home">
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show navigation</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide navigation</a>
<ul id="nav" class="nav">
<li class="current"><a class="smoothscroll" href="#home">
<p lang="en">Home</p>
<p lang="nl">Home</p>
</a></li>
<li><a class="smoothscroll" href="#about">
<p lang="en">About</p>
<p lang="nl">Over mij</p>
</a></li>
<li><a class="smoothscroll" href="#resume">
<p lang="en">Resume</p>
<p lang="nl">Curriculum</p>
</a></li>
<li><a class="smoothscroll" href="#portfolio">
<p lang="en">Projects</p>
<p lang="nl">Projecten</p>
</a></li>
<li>
<a id="languagebutton" href="#"><p lang="en">NL</p><p lang="nl">EN</p></a>
</li>
</ul>
</nav>
<div class="row banner">
<div class="banner-text">
<div lang="en">
<h1>Hi!</h1>
<h1> My name is Arne Vanheule.</h1>
<h3>I'm a Belgian based <span>computer scientist</span>
and <span>software engineer</span>.
Working with and around <span>computers</span> has always been a <span>passion</span> of mine.
<br></br>
<a class="smoothscroll" href="#about">Start scrolling to learn more about my passion and my life.</a>
</div>
<div lang="nl">
<h1>Hallo!</h1>
<h1> Mijn naam is Arne Vanheule.</h1>
<h3>Ik ben een belgische <span>computerwetenschapper</span>
en <span>softwareontwikkelaar</span>.
Met en rond <span>computers</span> werken, is atijd al mijn <span>grote passie</span> geweest.
<br></br>
<a class="smoothscroll" href="#about">Begin met scrollen om meer te weten te komen over mijn passie en mijn leven.</a>
</div>
<a class="smoothscroll" href="#about"></a>.</h3>
<hr />
<ul class="social">
<li><a href="https://github.com/arvheule/"><i class="fa fa-github"></i></a></li>
<li><a href="https://www.linkedin.com/in/arne-vanheule-761616229/"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<p class="scrolldown">
<a class="smoothscroll" href="#about"><i class="icon-down-circle"></i></a>
</p>
</header>
<section id="about">
<div class="row">
<div class="three columns">
<img class="profile-pic" src="images/profilepic.jpg" alt="" />
</div>
<div class="nine columns main-col">
<div lang="en">
<h2>About Me</h2>
<p>My name is Arne Vanheule, I am a 21 year old computer science student.
I am studying at Ghent University where I plan to graduate with a masters degree in the year 2023-2024.
For as long as I can remember I have always been obsessed with computers. I am pretty sure this started when my sister introduced me to a website where you could play free flash games.
This obsession eventually made me choose for a science based education in high school, which allowed me to study computer science at Ghent University where I am currently in my last year of my bachelors degree.
</p>
</div>
<div lang="nl">
<h2>Over mij</h2>
<p>Mijn naam is Arne Vanheule, ik ben een 21-jarige computerwetenschapper.
Momenteel studeer ik aan de UGent, waar ik in het jaar 2024 mijn master als burgerlijk ingenieur computerwetenschappen zal halen.
Ik ben heel zeker dat mijn obsessie met computers gestart is op het punt dat mijn zus me computerspelletjes liet spelen op de toen populaire site: <a href="https://spele.be/">spele.nl</a>.
Deze obsessie is gelukkig nooit verdwenen en heeft er uiteindelijk toe geleid dat ik in het middelbaar heb gekozen voor een opleiding binnen wetenschappen en wiskunde.
Deze keuze legde het pad open naar een computerrichting te kunnen kiezen in het hoger.
Blij met deze keuze ben ik zeker, aangezien ik momenteel in mijn laatste bachelorjaar zit.
</p>
</div>
<div lang="nl">
</div>
<div class="row">
<div class="columns contact-details">
<h2>
<p lang="en">Contact Details</p>
<p lang="nl">Contactgegevens</p>
</h2>
<p class="address">
<span>Arne Vanheule</span><br>
<span>9000 Ghent, Belgium
</span></br>
<span>[email protected]</span>
</p>
</div>
<div lang="en" class="columns download">
<p>
<a href="cv/Resume_Arne_Vanheule.pdf" download="Resume_Arne_Vanheule" class="button"><i class="fa fa-download"></i>Download Resume</a>
</p>
</div>
<div lang="nl" class="columns download">
<p>
<a href="cv/CV_Arne_Vanheule.pdf" download="CV_Arne_Vanheule" class="button"><i class="fa fa-download"></i>Download curriculum vitae</a>
</p>
</div>
</div>
</div>
</div>
</section>
<section id="resume">
<div class="row education">
<div class="three columns header-col">
<h1>
<span lang="en">
Education
</span>
<span lang="nl">
Opleiding
</span></h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns" lang="en">
<h3><a href="https://www.ugent.be/en">Ghent University</a></h3>
<p class="info">Bachelor in Computer Science <span><br></span> <em class="date">September 2019 - Present</em></p>
<p>
Ghent University provides a strong bachelors degree in Computer Science (CS) that combines the theoretical aspect of CS, but also embeds these in various practical projects.
These projects have not only allowed me to develop my computer skills even further but they have also learned me how to work with various people on group projects, which is one of the most important aspects in Computer Science.
<br>Some of these projects are listed <b><a class="smoothscroll" href="#portfolio">here</a></b>.
</p>
</div>
<div class="twelve columns" lang="nl">
<h3><a href="https://www.ugent.be/">Universiteit Gent</a></h3>
<p class="info">Bachelor in de Informatica <span><br></span> <em class="date">September 2019 - Nu</em></p>
<p>
UGent biedt een heel sterk theoretische richting Informatica aan waar de combinatie van zowel theorie als praktijk uiterst belangrijk is.
Tijdens de hoorcolleges krijgt men de achterliggende theorie die men dan moet omzetten in verschillende uitdagende projecten.
Deze projecten zijn niet enkel goed voor het verder ontwikkelen van de skills die een informaticus nodig heeft, maar ook voor het ontwikkelen van de sociale skills die nodig zijn om een succesvolle informaticus te worden.
<br>Sommige projecten die ik gemaakt heb tijdens mijn studies aan de UGent, vindt u <b><a class="smoothscroll" href="#portfolio">hier</a></b>.
</p>
</div>
</div>
<br><br>
<div class="row item">
<div class="twelve columns" lang="en">
<h3><a href="https://www.sbhg.be/">Sint Bavohumaniora</a></h3>
<p class="info">General secondary education (Math and Science based)<span><br></span> <em class="date">2013-2019</em></p>
<p>At age 12 I started studying at Sint Bavohumaniora in Ghent.
This school allowed me to develop a great interest in science and math at a young age.
With the help of some great teachers we were able to participate in science contests.
In 2019 2 friends and myself participated in the solar challenge, organised by the KU Leuven.
<br>
More about this in the <b><a class="smoothscroll" href="#portfolio">projects</a></b> section.
</p>
</div>
<div class="twelve columns" lang="nl">
<h3><a href="https://www.sbhg.be/">Sint Bavohumaniora</a></h3>
<p class="info">Secundair diploma Wetenschappen Wiskunde<span><br></span> <em class="date">2013-2019</em></p>
<p>Toen ik 12 was en het tijd was voor een middelbare school te kiezen, heb ik gekozen voor het Sint Bavohumaniora te Gent.
Deze school bood de mogelijkheden aan om de interesse die ik had in wiskunde en wetenschap verder te ontdekken.
Met wat hulp van uitstekende wetenschapsleerkrachten konden we kiezen om deel te nemen aan wedstrijden.
Zo namen 2 vrienden en ik deel aan de Solar Challenge, een wedstrijd over zonne-energie, georganiseerd door KULeuven.
<br>
Meer info over dit project kan je <b><a class="smoothscroll" href="#portfolio">hier</a></b> lezen.
</p>
</div>
</div>
</div>
</div>
<div class="row work">
<div class="three columns header-col">
<h1>
<span lang="en">
Work
</span>
<span lang="nl">
Werkervaring
</span>
</h1>
</div>
<div class="nine columns main-col">
<div class="row item">
<div class="twelve columns" lang="en">
<h3><a href="https://www.ikea.com/be">Ikea Ghent</a></h3>
<p class="info">Customers Relations (student job)<span><br></span> <em class="date">Summer of 2019-2021</em></p>
<p>
To gain some work experience, I started working at Ikea Ghent in the summer of 2019. This was a great first experience and I was very lucky to work with great collegues every year.
For 2 summers I have worked in Småland, the daycare of Ikea Ghent. The remaining summer I have worked in self service.
</p>
</div>
<div class="twelve columns" lang="nl">
<h3><a href="https://www.ikea.com/be">Ikea Gent</a></h3>
<p class="info">Customers Relations (studentenjob)<span><br></span> <em class="date">Zomer van 2019-2021</em></p>
<p>
Nadat ik afstudeerde aan de middelbare school wou ik een beetje werkervaring opdoen.
Ik solliciteerde en kreeg een job bij Ikea Gent. Dit was een zeer goede eerste werkervaring.
Na deze aangename ervaring ben ik blijven teruggaan, zo heb ik 2 zomervakanties gewerkt in Småland, het kinderdagverblijf van Ikea Gent.
De andere zomer heb ik gewerkt op de ZB, de zelfbedieningsafdeling van Ikea Gent.
</p>
</div>
</div>
</div>
</div>
<div class="row skill">
<div class="three columns header-col">
<h1>
<span lang="en">
Skills
</span>
<span lang="nl">
Vaardigheden
</span>
</h1>
</div>
<div class="nine columns main-col">
<p lang="en">
During my time at Ghent University I have been introduced to many program languages.
</p>
<p lang="nl">
Tijdens mijn opleiding aan de UGent ben ik in contact gekomen met veel programmeertalen.
</p>
<div class="bars">
<ul class="skills">
<li><span class="bar-expand python"></span><em>Python</em></li>
<li><span class="bar-expand java"></span><em>Java</em></li>
<li><span class="bar-expand javascript"></span><em>Javascript (aswell vue/react)</em></li>
<li><span class="bar-expand bash"></span><em>Bash (Linux systems in general)</em></li>
<li><span class="bar-expand c"></span><em>C and C++</em></li>
<li><span class="bar-expand kotlin"></span><em>Kotlin</em></li>
<li><span class="bar-expand assembly"></span><em>Assembly</em></li>
<li><span class="bar-expand haskell"></span><em>haskell</em></li>
<li><span class="bar-expand prolog"></span><em>prolog</em></li>
</ul>
</div>
</div>
</div>
</section>
<section id="portfolio">
<div class="row">
<div class="twelve columns collapsed">
<h1 lang="en">
Check Out Some of My Works.
</h1>
<h1 lang="nl">
Projecten die ik met veel plezier gemaakt heb.
</h1>
<div id="portfolio-wrapper" class="bgrid-quarters s-bgrid-thirds cf">
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="#modal-04" title="">
<img alt="" src="images/flood.jpg">
<div class="overlay">
<div class="portfolio-item-meta" lang="en">
<h5>Flood prediction with ML</h5>
<p>Flood prediction AI for <i>"AI for climate change"</i></p>
</div>
<div class="portfolio-item-meta" lang="nl">
<h5>Herkennen van overstromingen</h5>
<p>Herkennen van overstromingen, gemaakt voor <i>"AI for climate change"</i></p>
</div>
</div>
</a>
</div>
</div>
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="#modal-02" title="">
<img alt="" src="images/oneroofnormal.jpg">
<div class="overlay">
<div class="portfolio-item-meta" lang="en">
<h5>OneRoof</h5>
<p>House management app written in Kotlin.</p>
</div>
<div class="portfolio-item-meta" lang="nl">
<h5>OneRoof</h5>
<p>App die oplossingen biedt op problemen van mensen die samenleven.</p>
</div>
</div>
</a>
</div>
</div>
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="#modal-01" title="">
<img alt="" src="images/accentor.png">
<div class="overlay">
<div class="portfolio-item-meta" lang="en">
<h5>Accentor</h5>
<p>Spotify like app, written in Java.</p>
</div>
<div class="portfolio-item-meta" lang="nl">
<h5>Accentor</h5>
<p>Applicatie gelijkend op Spotify, geschreven in Java.</p>
</div>
</div>
</a>
</div>
</div>
<div class="columns portfolio-item">
<div class="item-wrap">
<a href="#modal-03" title="">
<img alt="" src="images/argilo.png">
<div class="overlay">
<div class="portfolio-item-meta" lang="en">
<h5>Argilo</h5>
<p>Project made in Arduino for the Solar Challenge 2019</p>
</div>
<div class="portfolio-item-meta" lang="nl">
<h5>Argilo</h5>
<p>Project ontworpen voor the Solar Challenge 2019</p>
</div>
</div>
<div class="link-icon"><i class="icon-plus"></i></div>
</a>
</div>
</div>
<div id="modal-01" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/accentorbanner.png" alt="" />
<div class="description-box" lang="en">
<h4>Accentor</h4>
<p>A music app written in Java. The application fetched the data from an API.
This was also our first big project in the first year of Uni. I couldn't find the code that I wrote for this project but I found the source code for the API <a href="https://github.com/accentor">here</a>.
</p>
</div>
<div class="description-box" lang="nl">
<h4>Accentor</h4>
<p>Een muziekapplicatie geschreven in Java. De app maakte API-calls en rond de teruggekregen data moest je een muziekapp maken. De code van deze applicatie vind ik niet meer maar een link naar de API zelf vind je <a href="https://github.com/accentor">hier</a>.
</p>
</div>
</div>
<div id="modal-02" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/oneroofstretched.jpg" alt="" />
<div class="description-box" lang="en">
<h4>OneRoof</h4>
<p>
For software engineering we had the chance to develop an app in groups of 4.
My group and I made an app that is able to manage a household.
We aimed to reach roommates and make their life much easier.
This is surely one of the best projects I have worked on.
</p>
</div>
<div class="description-box" lang="nl">
<h4>OneRoof</h4>
<p>
Voor software engineering lab moesten we in een groep een mobiele applicatie maken.
Mijn groep en ik kozen ervoor om een applicatie te maken die het samenleven tussen verschillende mensen gemakkelijker zou maken.
Onze doelgroep was voornamelijk kotstudenten.
Dit was één van mijn favoriete projecten.
</p>
</div>
</div>
<div id="modal-03" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/argiloteam.jpg" alt="" />
<div class="description-box" lang="en">
<h4>Argilo for Solar Challenge of KU Leuven</h4>
<p>
In my last year of secondary education I got the opportunity to participate in the Solar Challenge, organised by KU Leuven.
The objective was simple: make a technical application that runs on solar energy and solves a problem.
My friends and I made an autonomous flower pot that ran on an Arduino.
We decided to name it Argilo. This was the first time I really programmed a "big" project and after this event I was really sure a career in CS was the way forward for me.
</p>
</div>
<div class="description-box" lang="nl">
<h4>Argilo voor Solar Challenge van KU Leuven</h4>
<p>
In mijn 6de jaar op de middelbare school, kregen 2 vrienden en ik de opportuniteit om deel te nemen aan de Solar Challenge van KULeuven.
De opzet van de wedstrijd was simpel: maak een toepassing die werkt op zonne-energie.
Mijn vrienden en ik besloten uiteindelijk een autonome plantenbak te maken die bestuurd werd d.m.v. een Arduino.
We besloten om het Argilo te noemen en namen deel aan de wedstrijd.
We vielen niet in de prijzen, maar deze wedstrijd was het eerste "grote" project waaraan ik toen gewerkt had.
Na dit project was ik ervan overtuigd dat ik informatica wou gaan studeren.
</p>
</div>
</div>
<div id="modal-04" class="popup-modal mfp-hide">
<img class="scale-with-grid" src="images/floodexample.png" alt="" />
<div class="description-box" lang="en">
<h4>Flood prediction by AI</h4>
<p>For my class AI in 2021 my friend and I designed a flood prediction AI to facilitate emergency workers in flooded regions.
The AI could recognise and mark flooded areas as well as flooded roads, buildings etc.
We chose this subject because climate change is a topic close to our hearts.
You can learn more about AI for climate change <a href="https://www.climatechange.ai/">here</a>.
</p>
</div>
<div class="description-box" lang="nl">
<h4>Overstromingen voorspellen met behulp van AI</h4>
<p>Voor het vak Artificiële intelligentie in 2021, ontwierpen een vriend en ik een AI die overstromingen kon voorspellen en herkennen.
Dit programma kon via dronefoto's gebouwen en straten herkennen die overstroomd waren.
We ontwierpen dit programma met het oog op reddingsmedewerkers te kunnen helpen in moeilijke situatie.
Zo kan het programma de werklast van manueel kijken waar of wat er overstroomd is ook overnemen.
Wilt u nu meer weten over AI for Climate change? <a href="https://www.climatechange.ai/">Hier</a> vindt u meer info.
</p>
</div>
</div>
</div>
</section>
<section id="call-to-action">
<div class="row">
<div class="seven columns">
<h2>
<span class="lead" lang="en">Convinced?</span>
<span class="lead" lang="nl">Overtuigd?</span>
</h2>
<p lang="en"><span class="lead">Send me an email or contact me on my socials!</span>
<p lang="nl"><span class="lead">Stuur mij een email of contacteer me op sociale media!</span>
</div>
<div class="three columns action">
</div>
</div>
</section>
<footer>
<div class="row">
<div class="twelve columns">
</div>
<div id="go-top"><a class="smoothscroll" title="Back to Top" href="#home"><i class="icon-up-open"></i></a></div>
</div>
</footer>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.10.2.min.js"><\/script>')</script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/waypoints.js"></script>
<script src="js/jquery.fittext.js"></script>
<script src="js/magnific-popup.js"></script>
<script src="js/init.js"></script>
</body>
</html>