Skip to content

Commit 2a459f2

Browse files
author
Senne Deproost
committed
Back to construction
1 parent 788d33a commit 2a459f2

File tree

2 files changed

+155
-116
lines changed

2 files changed

+155
-116
lines changed

‎index.html

+18-116
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
<!DOCTYPE html>
22
<html>
3-
43
<head>
54
<title>W3.CSS Template</title>
65
<meta charset="UTF-8">
@@ -11,127 +10,30 @@
1110
<link rel="stylesheet" href="style.css">
1211
<script src="/js/navbar.js"></script>
1312
</head>
14-
1513
<body>
1614

17-
<!-- Navbar -->
18-
<div class="">
19-
<header class="w3-container w3-xlarge w3-padding-24 w3-black w3-left-align">
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)">
24-
<i class="fa fa-bars"></i>
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>
30-
</header>
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>
15+
<!-- Navbar -->
16+
<div class="w3-top">
17+
<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)">
21+
<i class="fa fa-bars"></i>
22+
</a>
23+
</header>
24+
25+
</div>
26+
27+
<!-- The App Section -->
28+
<div class="w3-padding-64 w3-white w3-animate-under">
29+
<div class="w3-center">
30+
<h1 class="w3-xlarge w3-padding-64">Site under contstruction</h1>
31+
<img src="img/wip.png" style="width:60%; max-width: 400px;">
3932
</div>
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-
33+
</div>
13134

13235

13336

13437

13538
</body>
136-
13739
</html>

‎real_index.html

+137
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
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>
13+
</head>
14+
15+
<body>
16+
17+
<!-- Navbar -->
18+
<div class="">
19+
<header class="w3-container w3-xlarge w3-padding-24 w3-black w3-left-align">
20+
<a href="/real_index.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)">
24+
<i class="fa fa-bars"></i>
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>
30+
</header>
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>
39+
</div>
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+
133+
134+
135+
</body>
136+
137+
</html>

0 commit comments

Comments
 (0)