11<!DOCTYPE html>
22< html >
3+
34< head >
4- < title > W3.CSS Template</ title >
5- < meta charset ="UTF-8 ">
6- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7- < link rel ="stylesheet " href ="https://www.w3schools.com/w3css/4/w3.css ">
8- < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">
9- < link href ="/fonts/gotham.otf " rel ="stylesheet " type ="otf ">
10- < link rel ="stylesheet " href ="style.css ">
11- < script src ="/js/navbar.js "> </ script >
5+ < title > W3.CSS Template</ title >
6+ < meta charset ="UTF-8 ">
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
8+ < link rel ="stylesheet " href ="https://www.w3schools.com/w3css/4/w3.css ">
9+ < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">
10+ < link href ="/fonts/gotham.otf " rel ="stylesheet " type ="otf ">
11+ < link rel ="stylesheet " href ="style.css ">
12+ < script src ="/js/navbar.js "> </ script >
1213</ head >
14+
1315< body >
1416
15- <!-- Navbar -->
16- < div class ="w3-top ">
17+ <!-- Navbar -->
18+ < div class ="">
1719 < header class ="w3-container w3-xlarge w3-padding-24 w3-black w3-left-align ">
18- < a href ="/index.html " class ="w3-bar-item ">
19- < img src ="img/logo.svg " class ="w3-image w3-animate-opacity w3-padding-12 " id ="logo " alt ="logo "> </ a >
20- < a class ="w3-button w3-hide-large w3-right w3-xlarge w3-hover-black w3-animate-right " id ="hamburger " style ="max-width:60px " href ="javascript:void(0); " onclick ="openNav(this) ">
20+ < a href ="/index_old.html " class ="w3-bar-item ">
21+ < img src ="img/logo.svg " class ="w3-image w3-animate-left w3-padding-12 " id ="logo " alt ="logo "> </ a >
22+ < a class ="w3-button w3-hide-large w3-right w3-xlarge w3-hover-black w3-animate-right " id ="hamburger "
23+ style ="max-width:60px " href ="javascript:void(0); " onclick ="openNav(this) ">
2124 < i class ="fa fa-bars "> </ i >
22- </ a >
23- < a href ="/contact.html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Contact</ a >
24- < a href ="/graphics .html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Graphics </ a >
25- < a href ="/research .html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Research </ a >
26- < a href ="/about .html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> About </ a >
25+ </ a >
26+ < a href ="/contact.html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Contact</ a >
27+ < a href ="/blog .html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Blog </ a >
28+ < a href ="/graphics .html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Graphics </ a >
29+ < a href ="/research .html " class ="w3-right w3-button w3-animate-right w3-hide-medium w3-hide-small "> Research </ a >
2730 </ header >
28-
29- <!-- Navbar on small screens -->
30- < div id ="sidenav " class ="w3-bar-block w3-black w3-left-align w3-hide w3-hide-large ">
31- < a href ="/about.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> About</ a >
32- < a href ="/research.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Research</ a >
33- < a href ="/graphics.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Graphics</ a >
34- < a href ="/contact.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Contact</ a >
35- </ div >
36- </ div >
37-
38- <!-- The App Section -->
39- < div class ="w3-padding-64 w3-white w3-animate-opacity ">
40- < div class ="w3-center ">
41- < h1 class ="w3-xlarge w3-padding-64 "> Site under contstruction</ h1 >
42- < img src ="img/wip.PNG " style ="width:60%; max-width: 400px; ">
43- </ div >
31+
32+ <!-- Navbar on small screens -->
33+ < div id ="sidenav " class ="w3-bar-block w3-black w3-left-align w3-hide w3-hide-large ">
34+ < a href ="/research.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Research</ a >
35+ < a href ="/graphics.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Graphics</ a >
36+ < a href ="/blog.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Blog</ a >
37+ < a href ="/contact.html " class ="w3-bar-item w3-button w3-animate-left w3-large gotham "> Contact</ a >
38+ </ div >
4439 </ div >
45-
40+
41+ < div class ="w3-container w3-padding-16 w3-animate-opacity ">
42+ < div class ="w3-row w3-black w3-container w3-padding-16 ">
43+ < h1 class ="w3-hide-small "> < b > About</ b > </ h1 >
44+ < h1 class ="w3-center w3-hide-medium w3-hide-large "> < b > About</ b > </ h1 >
45+ < hr >
46+ < div class ="w3-col w3-center s12 m6 l4 w3-hide-large w3-hide-medium ">
47+ < img src ="img/self_1.png " style ="width:70%; max-width: 600px; padding: 20px; ">
48+ </ div >
49+ < div class ="w3-col s12 m6 l8 ">
50+ < h4 >
51+ A guy with a fascination for ingenuity across domains. From aerospace engineering to urban planning.
52+ Architecture to biotechnology. From the mundane to the extraordinary.
53+ < br >
54+ < br >
55+ PhD student at the Artificial Intelligence Lab of the Vrije Universiteit Brussel. Specializing in Deep
56+ Reinforcement Learning. Doing research in increasing explainability and trustworthiness of the methodology
57+ to automatically generate usable controllers.
58+ < br >
59+ < br >
60+ Someone with creative outlet, practicing digital drawing and graphical design. Enjoys fiction as a true
61+ escapist while also making original work.
62+ < br >
63+ < br > Building on the past. Expanding in the present. Moving towards what's next.
64+ </ h4 >
65+ </ div >
66+ < div class ="w3-col w3-right-align s12 m6 l4 w3-hide-small ">
67+ < img src ="img/self_1.png " style ="width:60%; max-width: 400px; padding-top: 20px; ">
68+ </ div >
69+ </ div >
70+ </ div >
71+
72+ < div class ="w3-container w3-padding-16 w3-animate-opacity ">
73+ < div class ="w3-row w3-white w3-container w3-padding-16 ">
74+ < h1 class ="w3-hide-small w3-right-align "> < b > Education & career</ b > </ h1 >
75+ < h1 class ="w3-center w3-hide-medium w3-hide-large "> < b > Education & career</ b > </ h1 >
76+ < hr >
77+ < div class ="w3-col s12 m12 l12 ">
78+ < div class ="timeline ">
79+
80+ < div class ="container left ">
81+ < div class ="content ">
82+ < h2 > 2023 -present</ h2 >
83+ < a href ="https://ai.vub.ac.be/team/senne-deproost/ " class ="">
84+ < img src ="img/timeline/ai_lab_logo.svg " id ="timeline_logo "> </ a >
85+ < h4 > PhD student</ h4 >
86+ < p > Towards Explainable Deep Reinforcement Learning. Funding: FWO SBO</ p >
87+ </ div >
88+ </ div >
89+
90+ < div class ="container right ">
91+ < div class ="content ">
92+ < h2 > 2021 - 2023</ h2 >
93+ < a href ="https://www.sw.siemens.com/ " class ="">
94+ < img src ="img/timeline/siemens_logo.svg " id ="timeline_logo "> </ a >
95+ < h4 > Research / Software engineer</ h4 >
96+ < p > Using Reinforcement Learning to automatically generate controllers in the MBSE methodology</ p >
97+ </ div >
98+ </ div >
99+
100+ < div class ="container left ">
101+ < div class ="content ">
102+ < h2 > 2018 - 2021</ h2 >
103+ < a href ="https://www.vub.be " class ="">
104+ < img src ="img/timeline/vub_logo.svg " id ="timeline_logo "> </ a >
105+ < h4 > MSc in Engineering Sciences: Computer Science, Artificial Intelligence</ h4 >
106+ < p > Thesis: < i > Neural Tree Distillation to explain Deep Reinforcement Learning Policies</ i > </ p >
107+ </ div >
108+ </ div >
109+
110+ < div class ="container right ">
111+ < div class ="content ">
112+ < h2 > 2019 - 2020</ h2 >
113+ < a href ="https://www.upc.edu " class ="">
114+ < img src ="img/timeline/upc_logo.svg " id ="timeline_logo "> </ a >
115+ < h4 > Erasmus+ exchange student</ h4 >
116+ </ div >
117+ </ div >
118+
119+ < div class ="container left ">
120+ < div class ="content ">
121+ < h2 > 2021 - 2023</ h2 >
122+ < a href ="https://www.vub.be " class ="">
123+ < img src ="img/timeline/vub_logo.svg " id ="timeline_logo "> </ a >
124+ < h4 > BSc in Computer Science</ h4 >
125+ < p > Thesis: < i > Yaw optimization using Reinforcement Learning</ i > </ p >
126+ </ div >
127+ </ div >
128+ </ div >
129+ </ div >
130+
131+
132+
46133
47134
48-
49135</ body >
50- </ html >
136+
137+ </ html >
0 commit comments