feat: Apply feedback tips
This commit is contained in:
parent
56f9f5667e
commit
0df1fbdb0b
GPG key ID:
38297DE43F75FFE2
8 changed files with 435 additions and 366 deletions
4
assets/images/icons/car.svg
Normal file
4
assets/images/icons/car.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg fill="#000000" viewBox="-4 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.938 7.188l3.563 7.156c0.063 0.094 0.094 0.219 0.125 0.313 0.219 0.563 0.375 1.344 0.375 1.844v3.406c0 1.063-0.719 1.938-1.719 2.188v2c0 0.969-0.781 1.719-1.719 1.719-0.969 0-1.719-0.75-1.719-1.719v-1.938h-13.688v1.938c0 0.969-0.75 1.719-1.719 1.719-0.938 0-1.719-0.75-1.719-1.719v-2c-1-0.25-1.719-1.125-1.719-2.188v-3.406c0-0.5 0.156-1.281 0.375-1.844 0.031-0.094 0.063-0.219 0.125-0.313l3.563-7.156c0.281-0.531 1.031-1.031 1.656-1.031h12.563c0.625 0 1.375 0.5 1.656 1.031zM5.531 9.344l-1.906 4.344c-0.094 0.156-0.094 0.344-0.094 0.469h16.938c0-0.125 0-0.313-0.094-0.469l-1.906-4.344c-0.25-0.563-1-1.063-1.594-1.063h-9.75c-0.594 0-1.344 0.5-1.594 1.063zM4.688 19.906c1 0 1.781-0.813 1.781-1.844 0-1-0.781-1.781-1.781-1.781s-1.844 0.781-1.844 1.781c0 1.031 0.844 1.844 1.844 1.844zM19.313 19.906c1 0 1.844-0.813 1.844-1.844 0-1-0.844-1.781-1.844-1.781s-1.781 0.781-1.781 1.781c0 1.031 0.781 1.844 1.781 1.844z"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
4
assets/images/icons/home.svg
Normal file
4
assets/images/icons/home.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg fill="#000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.71,12.71a1,1,0,0,1-1.42,0L20,12.42V20.3A1.77,1.77,0,0,1,18.17,22H16a1,1,0,0,1-1-1V15.1a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1V21a1,1,0,0,1-1,1H5.83A1.77,1.77,0,0,1,4,20.3V12.42l-.29.29a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42l9-9a1,1,0,0,1,1.42,0l9,9A1,1,0,0,1,21.71,12.71Z"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 406 B |
5
assets/images/icons/phone.svg
Normal file
5
assets/images/icons/phone.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21,15v3.93a2,2,0,0,1-2.29,2A18,18,0,0,1,3.14,5.29,2,2,0,0,1,5.13,3H9a1,1,0,0,1,1,.89,10.74,10.74,0,0,0,1,3.78,1,1,0,0,1-.42,1.26l-.86.49a1,1,0,0,0-.33,1.46,14.08,14.08,0,0,0,3.69,3.69,1,1,0,0,0,1.46-.33l.49-.86A1,1,0,0,1,16.33,13a10.74,10.74,0,0,0,3.78,1A1,1,0,0,1,21,15Z"
|
||||
style="fill:#000000"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 432 B |
5
assets/images/icons/world.svg
Normal file
5
assets/images/icons/world.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.5,12c0,1,0,2,.12,3L8.39,15a12.36,12.36,0,0,0-3.08,1.35,10.06,10.06,0,0,0-1.61,1.2,10,10,0,0,1,0-11.14,10.06,10.06,0,0,0,1.61,1.2A12.29,12.29,0,0,0,8.38,9L8.62,9C8.54,10,8.5,11,8.5,12ZM4.3,5.62A9.55,9.55,0,0,0,5.91,6.83,11.11,11.11,0,0,0,8.66,8h0a24.72,24.72,0,0,1,.6-3.55,11,11,0,0,1,.79-2.3A10.05,10.05,0,0,0,4.3,5.62Zm9.61-3.44a11,11,0,0,1,.79,2.3A24.72,24.72,0,0,1,15.3,8h0a11.18,11.18,0,0,0,2.76-1.19A9.55,9.55,0,0,0,19.7,5.62,10.05,10.05,0,0,0,13.91,2.18ZM9.68,15.73a24.3,24.3,0,0,0,.74,4.12A7.82,7.82,0,0,0,11.31,22L12,22l.69,0a7.82,7.82,0,0,0,.89-2.13,24.3,24.3,0,0,0,.74-4.12A11.69,11.69,0,0,0,9.68,15.73ZM14.4,9.27A12.6,12.6,0,0,1,12,9.5a12.6,12.6,0,0,1-2.4-.23c-.07.85-.1,1.77-.1,2.73s0,1.88.1,2.74a12.7,12.7,0,0,1,4.8,0c.07-.85.1-1.77.1-2.73S14.47,10.12,14.4,9.27Zm-.82-5.12A7.82,7.82,0,0,0,12.69,2L12,2l-.69,0a7.82,7.82,0,0,0-.89,2.13,24.3,24.3,0,0,0-.74,4.12,11.69,11.69,0,0,0,4.64,0A24.3,24.3,0,0,0,13.58,4.15ZM20.3,6.43a10.06,10.06,0,0,1-1.61,1.2A12.36,12.36,0,0,1,15.61,9L15.38,9c.08,1,.12,2,.12,3s0,2-.12,3l.24.06a12.29,12.29,0,0,1,3.07,1.35,10.06,10.06,0,0,1,1.61,1.2,10,10,0,0,0,0-11.14ZM18.09,17.17A11.11,11.11,0,0,0,15.34,16h0a24.72,24.72,0,0,1-.6,3.55,11,11,0,0,1-.79,2.3,10.05,10.05,0,0,0,5.79-3.44A9.55,9.55,0,0,0,18.09,17.17ZM9.3,19.52A24.72,24.72,0,0,1,8.7,16h0a11.18,11.18,0,0,0-2.76,1.19A9.55,9.55,0,0,0,4.3,18.38a10.05,10.05,0,0,0,5.79,3.44A11,11,0,0,1,9.3,19.52Z"
|
||||
style="fill:#000000"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
13
i18n/en.json
13
i18n/en.json
|
|
@ -54,6 +54,11 @@
|
|||
"education": "Education",
|
||||
"equestrian_trainer": "Equestrian trainer (initiator)",
|
||||
"experience": "Experience",
|
||||
"extracurricular": {
|
||||
"header": "Extracurricular activities",
|
||||
"homelab": "Built and maintained a <a href=\"https://en.wiktionary.org/wiki/homelab\">homelab</a> for hands-on learning in virtualization, containerization, security-hardening and automated deployments.",
|
||||
"ksa": "Member of <a href=\"https://www.ksa-sint-lieven.be/\">KSA Ghent Saint Livinus</a> up until 2020."
|
||||
},
|
||||
"head_youth_leader": {
|
||||
"1_youth_leaders": "Act as the primary contact for a diverse group of youth leaders, facilitate collaboration and coach them.",
|
||||
"2_administration": "Coordinate daily operations, scheduling, task distribution and administrative follow-up.",
|
||||
|
|
@ -71,7 +76,7 @@
|
|||
"project": "Passion project"
|
||||
},
|
||||
"joetz": {
|
||||
"a_contact": "As head youth leader (since <time datetime=\"2022\">2022</time>), act as the primary contact for a diverse group of youth leaders, facilitate collaboration and coach them, coordinate daily operations and administrative follow-up.",
|
||||
"a_contact": "As head youth leader, act as the primary contact for a diverse group of youth leaders, facilitate collaboration and coach them, coordinate daily operations and administrative follow-up.",
|
||||
"title": "(Head) youth leader"
|
||||
},
|
||||
"languages": "Languages",
|
||||
|
|
@ -91,11 +96,11 @@
|
|||
"collab": "collaboration",
|
||||
"docs": "documentation",
|
||||
"header": "Skills",
|
||||
"infra": "Infrastructure & automation:",
|
||||
"network": "Networking & security:"
|
||||
"infra": "Infrastructure & automation",
|
||||
"network": "Networking & security"
|
||||
},
|
||||
"ugent_assistant": {
|
||||
"1_practicals": "Support practical sessions and assessments for students enrolled in the <a href=\"https://studiekiezer.ugent.be/2025/studiefiche/en/C003080\">Programming</a> course.",
|
||||
"1_practicals": "As a Master's student, support practicals and assess­ments for students enrolled in the <a href=\"https://studiekiezer.ugent.be/2025/studiefiche/en/C003080\">Programming</a> course.",
|
||||
"2_guide": "Guide students on Python programming concepts, answer their questions, and facilitate hands-on learning.",
|
||||
"title": "Teaching assistant"
|
||||
},
|
||||
|
|
|
|||
15
i18n/nl.json
15
i18n/nl.json
|
|
@ -54,10 +54,15 @@
|
|||
"education": "Opleiding",
|
||||
"equestrian_trainer": "Initiator Paardensport",
|
||||
"experience": "Ervaring",
|
||||
"extracurricular": {
|
||||
"header": "Extracurriculaire activiteiten",
|
||||
"homelab": "Een <a href=\"https://en.wiktionary.org/wiki/homelab\">homelab</a> bouwen en onderhouden om te leren over virtualisatie, containerisatie, automatische deployments en services beveiligen.",
|
||||
"ksa": "Lid van <a href=\"https://www.ksa-sint-lieven.be/\">KSA Gent Sint-Lieven</a> tot en met 2020."
|
||||
},
|
||||
"head_youth_leader": {
|
||||
"1_youth_leaders": "Het aanspreekpunt zijn voor een diverse groep animatoren, hen laten samenwerken en hen coachen.",
|
||||
"2_administration": "Coördineren van de vlotte dagelijkse werking, planningen, taakverdeling en administratie opvolgen.",
|
||||
"3_safety": "Garanderen van (emotionele) veiligheid en welzijn, eind­verantwoordelijkheid dragen en beredeneerde beslissingen nemen.",
|
||||
"3_safety": "Garanderen van (emotionele) veiligheid en welzijn, eind­verantwoordelijkheid dragen en beredeneerd beslissen.",
|
||||
"4_development": "Voortdurende zelf-reflectie en -ontwikkeling.",
|
||||
"title": "Hoofdanimator in het Jeugdwerk"
|
||||
},
|
||||
|
|
@ -71,7 +76,7 @@
|
|||
"project": "Passieproject"
|
||||
},
|
||||
"joetz": {
|
||||
"a_contact": "Als hoofdanimator (sinds <time datetime=\"2022\">2022</a>), het aanspreekpunt zijn voor een diverse groep animatoren, hen laten samenwerken en hen coachen, coördineren van vlotte dagelijkse werking en administratie opvolgen.",
|
||||
"a_contact": "Als hoofdanimator, het aanspreekpunt zijn voor een diverse groep animatoren, hen coachen en laten samenwerken, vlotte dagelijkse werking coördineren en administratie opvolgen.",
|
||||
"title": "(Hoofd-) animator"
|
||||
},
|
||||
"languages": "Talenkennis",
|
||||
|
|
@ -91,11 +96,11 @@
|
|||
"collab": "samenwerking",
|
||||
"docs": "documentatie",
|
||||
"header": "Vaardigheden",
|
||||
"infra": "Infrastructuur & automatisatie:",
|
||||
"network": "Netwerk & beveiliging:"
|
||||
"infra": "Infrastructuur & automatisatie",
|
||||
"network": "Netwerk & beveiliging"
|
||||
},
|
||||
"ugent_assistant": {
|
||||
"1_practicals": "Ondersteunen van werkcolleges en evaluaties voor studenten die het vak <a href=\"https://studiekiezer.ugent.be/2025/studiefiche/nl/C003080\">Programmeren</a> opnemen.",
|
||||
"1_practicals": "Als Informaticastudent ondersteunen van studenten die het vak <a href=\"https://studiekiezer.ugent.be/2025/studiefiche/nl/C003080\">Programmeren</a> opnemen tijdens werkcolleges en evaluaties.",
|
||||
"2_guide": "Studenten begeleiden bij programmeerconcepten in Python, vragen beantwoorden en actief leren stimuleren.",
|
||||
"title": "Docent-assistent"
|
||||
},
|
||||
|
|
|
|||
732
pages/cv.html
732
pages/cv.html
|
|
@ -12,6 +12,13 @@
|
|||
<link rel="apple-touch-icon" href="/assets/images/owl_circuit.png">
|
||||
|
||||
<style>
|
||||
#languages {
|
||||
width: 100%;
|
||||
}
|
||||
#languages td:nth-child(2) {
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -34,15 +41,15 @@
|
|||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
/* list-style-type: none;*/
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
ul ul {
|
||||
list-style-type: disc;
|
||||
padding-left: 1rem;
|
||||
list-style-position: initial;
|
||||
}
|
||||
/*ul ul {*/
|
||||
/* list-style-type: disc;*/
|
||||
/* padding-left: 1rem;*/
|
||||
/* list-style-position: initial;*/
|
||||
/*}*/
|
||||
|
||||
.proficiency,
|
||||
.time {
|
||||
|
|
@ -55,6 +62,10 @@
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
.summary {
|
||||
opacity: 75%;
|
||||
}
|
||||
|
||||
@media (max-width: 64em) {
|
||||
.content-wrapper {
|
||||
flex-direction: column;
|
||||
|
|
@ -71,6 +82,10 @@
|
|||
--gap: 1rem;
|
||||
}
|
||||
|
||||
aside {
|
||||
min-width: 28%;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
column-gap: var(--gap);
|
||||
flex-direction: row;
|
||||
|
|
@ -89,15 +104,11 @@
|
|||
page-break-inside: avoid; /* Prevent header/footer from breaking across pages */
|
||||
}
|
||||
|
||||
footer,
|
||||
ul.links,
|
||||
.interactive {
|
||||
display: none; /* Hide links section */
|
||||
}
|
||||
|
||||
footer .save-links {
|
||||
display: unset;
|
||||
break-after: page;
|
||||
}
|
||||
}
|
||||
|
||||
/* Customizable colours */
|
||||
|
|
@ -145,30 +156,41 @@
|
|||
<div class="blur-content">
|
||||
<table>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<!--<td data-i18n="contact.mobile">Mobile</td>-->
|
||||
<td><img src="/assets/images/icons/phone.svg" alt="Mobile" class="badge icon"></td>
|
||||
<td><a id="phone" href="tel:+00000000000">+00 000 00 00 00</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<!--<td>E-mail</td>-->
|
||||
<td><img src="/assets/images/icons/mail.svg" alt="E-mail" class="badge icon"></td>
|
||||
<td><a id="email" href="mailto:redacted@mail.tld">redacted@mail.tld</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/assets/images/icons/linkedin.svg" alt="LinkedIn" class="badge icon"></td>
|
||||
<td><a id="linkedin" href="https://www.linkedin.com/in/tdpeuter/">/in/tdpeuter</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<!--<td>Website</td>-->
|
||||
<td><img src="/assets/images/icons/world.svg" alt="Website" class="badge icon"></td>
|
||||
<td><a href="https://www.depeuter.dev">www.depeuter.dev</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/home.svg" alt="Location" class="badge icon">
|
||||
</td>
|
||||
<td>
|
||||
<a id="location" href="https://openstreetmap.org">Somewhere in the world</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><img src="/assets/images/icons/car.svg" alt="Car" class="badge icon"></td>
|
||||
<td data-i18n="contact.rijbewijs_b">Category B driving license</td>
|
||||
</tr>
|
||||
<tr class="hidden">
|
||||
<td colspan="2"><span data-i18n="time.year_of_birth">Year of birth</span>
|
||||
<time id="birthday" datetime="1971">0</time>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>E-mail</td>
|
||||
<td><a id="email" href="mailto:redacted@mail.tld">redacted@mail.tld</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-i18n="contact.mobile">Mobile</td>
|
||||
<td><a id="phone" href="tel:+00000000000">+00 000 00 00 00</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Website</td>
|
||||
<td><a href="https://www.depeuter.dev">www.depeuter.dev</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2" data-i18n="contact.rijbewijs_b">Category B driving license</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -183,36 +205,48 @@
|
|||
|
||||
<section>
|
||||
<h2 data-i18n="cv.skills.header">Skills</h2>
|
||||
<p>
|
||||
<h3 data-i18n="cv.skills.infra">Infrastructure & automation</h3>
|
||||
<abbr title="Virtual Machine">VM</abbr>s,
|
||||
Docker,
|
||||
ZFS,
|
||||
<abbr title="Infrastructure as Code">IaC</abbr>,
|
||||
DevSecOps,
|
||||
<abbr title="Continuous Integration / Continuous Deployment">CI/CD</abbr>,
|
||||
GitHub Actions,
|
||||
Git
|
||||
</p>
|
||||
<p>
|
||||
<h3 data-i18n="cv.skills.network">Networking & Security</h3>
|
||||
firewalls,
|
||||
VPNs,
|
||||
secure architectures,
|
||||
monitoring
|
||||
</p>
|
||||
<p>
|
||||
<h3>Software Engineering:</h3>
|
||||
Clean Code,
|
||||
design patterns,
|
||||
<span data-i18n="cv.skills.docs">documentation</span>,
|
||||
code reviews,
|
||||
<span data-i18n="cv.skills.collab">collaboration</span>
|
||||
</p>
|
||||
<section>
|
||||
<header>
|
||||
<h3 data-i18n="cv.skills.infra">Infrastructure & automation</h3>
|
||||
<p>
|
||||
<abbr title="Virtual Machine">VM</abbr>s,
|
||||
Docker,
|
||||
ZFS,
|
||||
<abbr title="Infrastructure as Code">IaC</abbr>,
|
||||
DevSecOps,
|
||||
<abbr title="Continuous Integration / Continuous Deployment">CI/CD</abbr>,
|
||||
GitHub Actions,
|
||||
Git
|
||||
</p>
|
||||
</header>
|
||||
</section>
|
||||
<section>
|
||||
<header>
|
||||
<h3 data-i18n="cv.skills.network">Networking & Security</h3>
|
||||
<p>
|
||||
firewalls,
|
||||
VPNs,
|
||||
secure architectures,
|
||||
monitoring
|
||||
</p>
|
||||
</header>
|
||||
</section>
|
||||
<section>
|
||||
<header>
|
||||
<h3>Software Engineering</h3>
|
||||
<p>
|
||||
Clean Code,
|
||||
design patterns,
|
||||
<span data-i18n="cv.skills.docs">documentation</span>,
|
||||
code reviews,
|
||||
<span data-i18n="cv.skills.collab">collaboration</span>
|
||||
</p>
|
||||
</header>
|
||||
</section>
|
||||
|
||||
<hr/>
|
||||
<hr>
|
||||
|
||||
<p>
|
||||
<section>
|
||||
<a href="https://git.depeuter.dev/tdpeuter?language=Kotlin">Kotlin</a>,
|
||||
Java,
|
||||
C,
|
||||
|
|
@ -223,7 +257,7 @@
|
|||
Bash,
|
||||
<a href="https://git.depeuter.dev/tdpeuter?language=Haskell">Haskell</a>,
|
||||
SQL
|
||||
</p>
|
||||
</section>
|
||||
<p class="less-relevant">
|
||||
Debian, NixOS, Arch Linux, Windows 11
|
||||
</p>
|
||||
|
|
@ -234,81 +268,87 @@
|
|||
|
||||
<section>
|
||||
<h2 data-i18n="cv.languages">Languages</h2>
|
||||
<ul>
|
||||
<li><span data-i18n="lang.nl">Dutch</span> <span class="proficiency" data-i18n="lang.mother_tongue">Mother tongue</span></li>
|
||||
<li><span data-i18n="lang.en">English</span> <span class="proficiency" data-i18n="lang.fluent">Fluent</span></li>
|
||||
<li><span data-i18n="lang.fr">French</span> <span class="proficiency" data-i18n="lang.basic">Basic</span></li>
|
||||
<li><span data-i18n="lang.de">German</span> <span class="proficiency" data-i18n="lang.basic">Basic</span></li>
|
||||
</ul>
|
||||
<table id="languages">
|
||||
<tr>
|
||||
<td data-i18n="lang.nl">Dutch</td>
|
||||
<td data-i18n="lang.mother_tongue">Mother tongue</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-i18n="lang.en">English</td>
|
||||
<td data-i18n="lang.fluent">Fluent</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-i18n="lang.fr">French</td>
|
||||
<td data-i18n="lang.basic">Basic</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-i18n="lang.de">German</td>
|
||||
<td data-i18n="lang.basic">Basic</td>
|
||||
</tr>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 data-i18n="cv.certificates">Certificates</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<details class="collapsable-card">
|
||||
<summary data-i18n="cv.equestrian_trainer">Equestrian trainer (initiator)</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/school.svg" alt="Institution" class="badge icon"/>
|
||||
</td>
|
||||
<td>
|
||||
<a class="save-link"
|
||||
href="https://paardensport.vlaanderen/nl/trainersopleidingen/opleidingen-voor-trainers/initiator"
|
||||
>Paardensport Vlaanderen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/calendar.svg" alt="Year" class="badge icon"/>
|
||||
</td>
|
||||
<td>2024</td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
<span data-i18n="cv.equestrian_trainer">Equestrian trainer (initiator)</span>
|
||||
<table>
|
||||
<tr class="less-relevant">
|
||||
<td>
|
||||
<img src="/assets/images/icons/school.svg" alt="Institution" class="badge icon"/>
|
||||
</td>
|
||||
<td>
|
||||
<a class="save-link"
|
||||
href="https://paardensport.vlaanderen/nl/trainersopleidingen/opleidingen-voor-trainers/initiator"
|
||||
>Paardensport Vlaanderen</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/calendar.svg" alt="Year" class="badge icon"/>
|
||||
</td>
|
||||
<td>2024</td>
|
||||
</tr>
|
||||
</table>
|
||||
</li>
|
||||
<li>
|
||||
<details class="collapsable-card">
|
||||
<summary data-i18n="cv.head_youth_leader.title">Head youth leader</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/school.svg" alt="Institution" class="badge icon"/>
|
||||
</td>
|
||||
<td>
|
||||
<a href="https://www.joetz.be/over-joetz">Joetz vzw</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/calendar.svg" alt="Year" class="badge icon"/>
|
||||
</td>
|
||||
<td>2022</td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
<span data-i18n="cv.head_youth_leader.title">Head youth leader</span>
|
||||
<table>
|
||||
<tr class="less-relevant">
|
||||
<td>
|
||||
<img src="/assets/images/icons/school.svg" alt="Institution" class="badge icon"/>
|
||||
</td>
|
||||
<td>
|
||||
<a href="https://www.joetz.be/over-joetz">Joetz vzw</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/calendar.svg" alt="Year" class="badge icon"/>
|
||||
</td>
|
||||
<td>2022</td>
|
||||
</tr>
|
||||
</table>
|
||||
</li>
|
||||
<li>
|
||||
<details class="collapsable-card">
|
||||
<summary data-i18n="cv.youth_leader.title">Youth leader</summary>
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/school.svg" alt="Institution" class="badge icon"/>
|
||||
</td>
|
||||
<td>
|
||||
<a href="https://www.joetz.be/over-joetz">Joetz vzw</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/calendar.svg" alt="Year" class="badge icon"/>
|
||||
</td>
|
||||
<td>2018</td>
|
||||
</tr>
|
||||
</table>
|
||||
</details>
|
||||
<span data-i18n="cv.youth_leader.title">Youth leader</span>
|
||||
<table>
|
||||
<tr class="less-relevant">
|
||||
<td>
|
||||
<img src="/assets/images/icons/school.svg" alt="Institution" class="badge icon"/>
|
||||
</td>
|
||||
<td>
|
||||
<a href="https://www.joetz.be/over-joetz">Joetz vzw</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<img src="/assets/images/icons/calendar.svg" alt="Year" class="badge icon"/>
|
||||
</td>
|
||||
<td>2018</td>
|
||||
</tr>
|
||||
</table>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
|
@ -317,248 +357,235 @@
|
|||
<div class="main-content">
|
||||
<section>
|
||||
<h2 data-i18n="cv.education">Education</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<!-- TODO Keep study place and year on the same line where possible -->
|
||||
<header>
|
||||
<h3 class="save-link">
|
||||
<a href="https://studiekiezer.ugent.be/2024/master-of-science-in-computer-science"
|
||||
data-i18n="cv.msc_computer_science.title">
|
||||
M.Sc. Computer Science
|
||||
</a>
|
||||
</h3> -
|
||||
<span class="place" data-i18n="names.ugent">
|
||||
<a href="https://www.ugent.be/en">Ghent University</a>
|
||||
</span>
|
||||
<time class="time" datetime="2027-06">2027</time>
|
||||
<p class="description" data-i18n="cv.msc_computer_science.description">
|
||||
Electives with a focus on high-performance systems and security.
|
||||
</p>
|
||||
</header>
|
||||
</li>
|
||||
<li>
|
||||
<header>
|
||||
<h3 class="save-link">
|
||||
<a href="https://studiekiezer.ugent.be/2021/bachelor-of-science-in-computer-science"
|
||||
data-i18n="cv.bsc_computer_science.title">
|
||||
B.Sc. Computer Science
|
||||
</a>
|
||||
</h3> -
|
||||
<span class="place" data-i18n="names.ugent">
|
||||
<a href="https://www.ugent.be/en">Ghent University</a>
|
||||
</span>
|
||||
<time class="time" datetime="2025-06">2025</time>
|
||||
<p class="description" data-i18n="cv.bsc_computer_science.description">
|
||||
Minor in security & parallel systems
|
||||
</p>
|
||||
</header>
|
||||
<ul class="summary">
|
||||
<li class="less-relevant" data-i18n="cv.bsc_computer_science.1_insights">
|
||||
Solid theoretical foundation in computer science, with insight into fundamental
|
||||
concepts, principles and design patterns, supported by practical applications in
|
||||
projects.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.2_background">
|
||||
Strong algorithmic background, including complexity analysis, advanced data structures,
|
||||
algorithmic paradigms, hashing, compression and automata.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.3_knowledge">
|
||||
Thorough knowledge of secure systems and networks: RESTful APIs, semantic web, network
|
||||
security, cryptography, operating systems, and both relational and NoSQL databases.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.4_ai">
|
||||
Understanding of ethical and sustainable Artificial Intelligence, explainable AI,
|
||||
neural networks, Constraint Satisfaction Problems (CSPs), Hidden Markov Models (HMMs)
|
||||
and computer vision.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.5_learning">
|
||||
Lifelong learner capable of quickly and independently adopting new technologies and
|
||||
methodologies.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hidden less-relevant">
|
||||
<p>
|
||||
<h3 data-i18n="cv.hi_science_maths.title">Science and mathematics</h3>
|
||||
- <a href="https://www.sintlievenscollege.be/" class="place" data-i18n="names.slc">
|
||||
Saint Livinuscollege Secondary School Ghent
|
||||
<section>
|
||||
<!-- TODO Keep study place and year on the same line where possible -->
|
||||
<header>
|
||||
<h3 class="save-link">
|
||||
<a href="https://studiekiezer.ugent.be/2024/master-of-science-in-computer-science"
|
||||
data-i18n="cv.msc_computer_science.title">
|
||||
M.Sc. Computer Science
|
||||
</a>
|
||||
<time class="time" datetime="2021-06">2021</time>
|
||||
<br>
|
||||
<span class="description" data-i18n="cv.hi_science_maths.description">
|
||||
CLIL English: 4th year geography, 6th year biology
|
||||
</span>
|
||||
</h3> -
|
||||
<span class="place" data-i18n="names.ugent">
|
||||
<a href="https://www.ugent.be/en">Ghent University</a>
|
||||
</span>
|
||||
<time class="time" datetime="2027-06">2027</time>
|
||||
<p class="description" data-i18n="cv.msc_computer_science.description">
|
||||
Electives with a focus on high-performance systems and security.
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</header>
|
||||
</section>
|
||||
<section>
|
||||
<header>
|
||||
<h3 class="save-link">
|
||||
<a href="https://studiekiezer.ugent.be/2021/bachelor-of-science-in-computer-science"
|
||||
data-i18n="cv.bsc_computer_science.title">
|
||||
B.Sc. Computer Science
|
||||
</a>
|
||||
</h3> -
|
||||
<span class="place" data-i18n="names.ugent">
|
||||
<a href="https://www.ugent.be/en">Ghent University</a>
|
||||
</span>
|
||||
<time class="time" datetime="2025-06">2025</time>
|
||||
<p class="description" data-i18n="cv.bsc_computer_science.description">
|
||||
Minor in security & parallel systems
|
||||
</p>
|
||||
</header>
|
||||
<ul class="summary">
|
||||
<li class="less-relevant" data-i18n="cv.bsc_computer_science.1_insights">
|
||||
Solid theoretical foundation in computer science, with insight into fundamental
|
||||
concepts, principles and design patterns, supported by practical applications in
|
||||
projects.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.2_background">
|
||||
Strong algorithmic background, including complexity analysis, advanced data structures,
|
||||
algorithmic paradigms, hashing, compression and automata.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.3_knowledge">
|
||||
Thorough knowledge of secure systems and networks: RESTful APIs, semantic web, network
|
||||
security, cryptography, operating systems, and databases.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.4_ai">
|
||||
Understanding of ethical and sustainable Artificial Intelligence, explainable AI,
|
||||
neural networks, Constraint Satisfaction Problems (CSPs), Hidden Markov Models (HMMs)
|
||||
and computer vision.
|
||||
</li>
|
||||
<li data-i18n="cv.bsc_computer_science.5_learning">
|
||||
Lifelong learner capable of quickly and independently adopting new technologies and
|
||||
methodologies.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="hidden less-relevant">
|
||||
<header>
|
||||
<h3 data-i18n="cv.hi_science_maths.title">Science and mathematics</h3>
|
||||
- <a href="https://www.sintlievenscollege.be/" class="place" data-i18n="names.slc">
|
||||
Saint Livinuscollege Secondary School Ghent
|
||||
</a>
|
||||
<time class="time" datetime="2021-06">2021</time>
|
||||
<br>
|
||||
<span class="description" data-i18n="cv.hi_science_maths.description">
|
||||
CLIL English: 4th year geography, 6th year biology
|
||||
</span>
|
||||
</header>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 data-i18n="cv.experience">Experience</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
<h3 data-i18n="cv.ugent_assistant.title">Teaching assistant</h3>
|
||||
- <span class="place" data-i18n="names.ugent">
|
||||
<a href="https://www.ugent.be/en">Ghent University</a>
|
||||
</span>
|
||||
<span class="time"><time datetime="2025-09">09/2025</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</p>
|
||||
<section>
|
||||
<header>
|
||||
<h3 data-i18n="cv.ugent_assistant.title">Teaching assistant</h3>
|
||||
- <span class="place" data-i18n="names.ugent">
|
||||
<a href="https://www.ugent.be/en">Ghent University</a>
|
||||
</span>
|
||||
<span class="time"><time datetime="2025-09">09/2025</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</header>
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.ugent_assistant.1_practicals">
|
||||
As a Master's student, support practicals and assess­ments for students enrolled in
|
||||
the <a href="https://studiekiezer.ugent.be/2025/studiefiche/en/C003080">Programming</a>
|
||||
course.
|
||||
</li>
|
||||
<li data-i18n="cv.ugent_assistant.2_guide">
|
||||
Guide students on Python programming concepts, answering their questions, and
|
||||
facilitating hands-on learning.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<header>
|
||||
<h3 data-i18n="cv.codefever.title">Teaching assistant</h3>
|
||||
- <span class="place"><a href="https://codefever.be">CodeFever vzw</a></span>
|
||||
<span class="time"><time datetime="2024-09">09/2024</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</header>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.ugent_assistant.1_practicals">
|
||||
Support practical sessions and assessments for undergraduate and graduate science
|
||||
students enrolled in the
|
||||
<a href="https://studiekiezer.ugent.be/2025/studiefiche/en/C003080">Programming</a>
|
||||
course.
|
||||
</li>
|
||||
<li data-i18n="cv.ugent_assistant.2_guide">
|
||||
Guide students on Python programming concepts, answering their questions, and
|
||||
facilitating hands-on learning.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<h3 data-i18n="cv.codefever.title">Teaching assistant</h3>
|
||||
- <span class="place"><a href="https://codefever.be">CodeFever vzw</a></span>
|
||||
<span class="time"><time datetime="2024-09">09/2024</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</p>
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.codefever.1_introduce">
|
||||
Introduce children (aged 8-15) to programming and teach computational thinking
|
||||
creatively, using Scratch, Minecraft Education, HTML & JS and Micro:bit.
|
||||
</li>
|
||||
<li data-i18n="cv.codefever.2_curiosity">
|
||||
Encourage and support the development of their own interests and curiosity.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="hidden">
|
||||
<header>
|
||||
<h3 data-i18n="cv.head_youth_leader.title">Head youth leader</h3>
|
||||
- <span class="place"><a href="https://www.joetz.be/over-joetz">Joetz vzw</a></span>
|
||||
<span class="time"><time datetime="2022-07">07/2022</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</header>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.codefever.1_introduce">
|
||||
Introduce children (aged 8-15) to programming and teach computational thinking
|
||||
creatively, using Scratch, Minecraft Education, HTML & JS and Micro:bit.
|
||||
</li>
|
||||
<li data-i18n="cv.codefever.2_curiosity">
|
||||
Encourage and support the development of their own interests and curiosity.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hidden">
|
||||
<p>
|
||||
<h3 data-i18n="cv.head_youth_leader.title">Head youth leader</h3>
|
||||
- <span class="place"><a href="https://www.joetz.be/over-joetz">Joetz vzw</a></span>
|
||||
<span class="time"><time datetime="2022-07">07/2022</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</p>
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.head_youth_leader.1_youth_leaders">
|
||||
Act as the primary contact for a diverse group of youth leaders, facilitate
|
||||
collaboration and coach them.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.2_administration">
|
||||
Coordinate daily operations, scheduling, task distribution and administrative follow-up.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.3_safety">
|
||||
Ensure (emotional) safety and well-being, make reasoned decisions and carry final
|
||||
responsibility.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.4_development">
|
||||
Continuously reflect and adjust to further develop myself.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="hidden less-relevant">
|
||||
<header>
|
||||
<h3 data-i18n="cv.artbot.title">ArtBot Animator</h3>
|
||||
- <a href="https://www.sintlievenscollege.be/" class="place" data-i18n="names.slc">
|
||||
Saint Livinuscollege Humaniora Ghent
|
||||
</a>
|
||||
<span class="time">
|
||||
<time datetime="04-2019">04/2019</time> - <time datetime="04-2020">04/2020</time>
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.head_youth_leader.1_youth_leaders">
|
||||
Act as the primary contact for a diverse group of youth leaders, facilitate
|
||||
collaboration and coach them.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.2_administration">
|
||||
Coordinate daily operations, scheduling, task distribution and administrative follow-up.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.3_safety">
|
||||
Ensure (emotional) safety and well-being, make reasoned decisions and carry final
|
||||
responsibility.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.4_development">
|
||||
Continuously reflect and adjust to further develop myself.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hidden less-relevant">
|
||||
<p>
|
||||
<h3 data-i18n="cv.artbot.title">ArtBot Animator</h3>
|
||||
- <a href="https://www.sintlievenscollege.be/" class="place" data-i18n="names.slc">
|
||||
Saint Livinuscollege Humaniora Ghent
|
||||
</a>
|
||||
<span class="time">
|
||||
<time datetime="04-2019">04/2019</time> - <time datetime="04-2020">04/2020</time>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.artbot.1_coaching">
|
||||
Coach small teams of children aged 11 to 12 and let them discover how robots can create
|
||||
art.
|
||||
</li>
|
||||
<li data-i18n="cv.artbot.2_assist">
|
||||
Assist during the accompanying lessons.
|
||||
</li>
|
||||
<li data-i18n="cv.artbot.3_robots">
|
||||
Build robots with Lego Mindstorms and Arduino's and program movements in
|
||||
<a href="https://learn.sparkfun.com/ArduBlock">Ardublock</a>.
|
||||
</li>
|
||||
<li data-i18n="cv.artbot.4_themes">
|
||||
Work on societal themes such as environmental pollution.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hidden">
|
||||
<p>
|
||||
<h3 data-i18n="cv.youth_leader.title">Youth leader</h3>
|
||||
- <span class="place"><a href="https://www.joetz.be/over-joetz">Joetz vzw</a></span>
|
||||
<span class="time"><time datetime="10-2018">10/2018</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</p>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.youth_leader.1_activities">
|
||||
Organize play activities and accompany groups of up to 30 children (ages 3-15) during
|
||||
summer camps and day trips.
|
||||
</li>
|
||||
<li data-i18n="cv.youth_leader.3_cooperation">
|
||||
Collaborate directly with fellow youth leaders, head youth leaders and external
|
||||
partners, to ensure smooth operations.
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<h3 data-i18n="cv.joetz.title">(Head) youth leader</h3>
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.artbot.1_coaching">
|
||||
Coach small teams of children aged 11 to 12 and let them discover how robots can create
|
||||
art.
|
||||
</li>
|
||||
<li data-i18n="cv.artbot.2_assist">
|
||||
Assist during the accompanying lessons.
|
||||
</li>
|
||||
<li data-i18n="cv.artbot.3_robots">
|
||||
Build robots with Lego Mindstorms and Arduino's and program movements in
|
||||
<a href="https://learn.sparkfun.com/ArduBlock">Ardublock</a>.
|
||||
</li>
|
||||
<li data-i18n="cv.artbot.4_themes">
|
||||
Work on societal themes such as environmental pollution.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="hidden">
|
||||
<header>
|
||||
<h3 data-i18n="cv.youth_leader.title">Youth leader</h3>
|
||||
- <span class="place"><a href="https://www.joetz.be/over-joetz">Joetz vzw</a></span>
|
||||
<span class="time"><time datetime="10-2018">10/2018</time>
|
||||
- <span data-i18n="time.present">present</span>
|
||||
</span>
|
||||
</p>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</header>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.youth_leader.1_activities">
|
||||
Organize play activities and accompany groups of up to 30 children (ages 3-15) during
|
||||
summer camps and day trips.
|
||||
</li>
|
||||
<li data-i18n="cv.youth_leader.3_cooperation">
|
||||
Collaborate directly with fellow (head) youth leaders and external partners to ensure
|
||||
smooth operations.
|
||||
</li>
|
||||
<li data-i18n="cv.joetz.a_contact">
|
||||
As head youth leader (since <time datetime="2022">2022</time>), act as the primary
|
||||
contact for a diverse group of youth leaders, facilitate collaboration and coach them,
|
||||
coordinate daily operations and administrative follow-up.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.3_safety">
|
||||
Ensure (emotional) safety and well-being, take final responsibility and make reasoned
|
||||
decisions.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.4_development">
|
||||
Continuous self-reflection and development.
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.youth_leader.1_activities">
|
||||
Organize play activities and accompany groups of up to 30 children (ages 3-15) during
|
||||
summer camps and day trips.
|
||||
</li>
|
||||
<li data-i18n="cv.youth_leader.3_cooperation">
|
||||
Collaborate directly with fellow youth leaders, head youth leaders and external
|
||||
partners, to ensure smooth operations.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section>
|
||||
<header>
|
||||
<h3 data-i18n="cv.joetz.title">(Head) youth leader</h3>
|
||||
- <span class="place"><a href="https://www.joetz.be/over-joetz">Joetz vzw</a></span>
|
||||
<span class="time"><time datetime="10-2018">10/2018</time>
|
||||
- <span data-i18n="time.present">present</span>
|
||||
</span>
|
||||
</header>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.youth_leader.1_activities">
|
||||
Organize play activities and accompany groups of up to 30 children (ages 3-15) during
|
||||
summer camps and day trips.
|
||||
</li>
|
||||
<li data-i18n="cv.youth_leader.3_cooperation">
|
||||
Collaborate directly with fellow (head) youth leaders and external partners to ensure
|
||||
smooth operations.
|
||||
</li>
|
||||
<li data-i18n="cv.joetz.a_contact">
|
||||
As head youth leader, act as the primary
|
||||
contact for a diverse group of youth leaders, facilitate collaboration and coach them,
|
||||
coordinate daily operations and administrative follow-up.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.3_safety">
|
||||
Ensure (emotional) safety and well-being, take final responsibility and make reasoned
|
||||
decisions.
|
||||
</li>
|
||||
<li data-i18n="cv.head_youth_leader.4_development">
|
||||
Continuous self-reflection and development.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
<section>
|
||||
<h2 data-i18n="cv.extracurricular.header">Extracurricular activities</h2>
|
||||
<ul>
|
||||
<li data-i18n="cv.extracurricular.ksa">
|
||||
Member of KSA Ghent Saint Livinus up until 2020.
|
||||
</li>
|
||||
<li>
|
||||
<p>
|
||||
<h3>Homelab</h3>
|
||||
- <span class="place"><a href="/pages/homelab.html" data-i18n="cv.homelab.project">Passion project</a></span>
|
||||
<span class="time"><time datetime="01-2020">2020</time>
|
||||
- <span data-i18n="time.present">present</span></span>
|
||||
</p>
|
||||
|
||||
<ul class="summary">
|
||||
<li data-i18n="cv.homelab.learning">
|
||||
Built and maintained a <a href="https://en.wiktionary.org/wiki/homelab">homelab</a>
|
||||
for hands-on learning in virtualization, containerization and secure networking.
|
||||
</li>
|
||||
<li data-i18n="cv.homelab.principles">
|
||||
Applied <abbr title="Infrastructure as Code">IaC</abbr> principles and automated
|
||||
deployments and security hardening for self-hosted services.
|
||||
</li>
|
||||
</ul>
|
||||
<li data-i18n="cv.extracurricular.homelab">
|
||||
Built and maintained a <a href="https://en.wiktionary.org/wiki/homelab">homelab</a>
|
||||
for hands-on learning in virtualization, containerization, security-hardening and automated deployments.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
|
@ -631,7 +658,8 @@
|
|||
|
||||
const locationTextCode = "bQIeUgAlaTBEXGkafD1MNz8wDDNraHRQJyFcKC4dWUYWHBYaOCsqDGoiB1BBKjQkFyovTggUHEAtAhhPC2Z7fCRGWjENOnEbFx86ATA9Iy0BewIFclJCBgM4fFs+BG81AQUgHBh3WCMKJQQ8ATgTUHhfcyEmE2x9XFBtD3IsIBc5HzMZdRMCBHM7dy0WEzwjEhVQbRFle0Z8YUl7EhUWLmUELhl6KGBpKARFBQMtJwwbPl11KHgNKUgRPwcNW3cdIhMjAwARKUU1S1dHKRY4c3NyRXIEP0pbaFYhXDgKAEYlLik7GgRScjpPDS0yNgsEBSRzADI1HDBiRA4xAicQAlZGMUpNVzlzSjFJa1pHaFBYalZnUUd0TVRFMDNha0VoTkdVaVdYMVVUM0JWV0Y1Zk0xMUtRUzVvSjJwN01ERW9NVXdyU1hSZlczSkJXRHcvYVdKUmZRPT0=";
|
||||
const locationTextMask = "OUUnOGFtI0AnbztqNXknQHB0TUAiLT48RWY4WEpKaStaWideYFFCSzlxMnsnYlNXdG1iOF15dCF7bEklX1dOLEV1bltUbidUXi5wc1JWcUxXIzNJJjwqT1pCMmtkNVZUU1NlLUgjYFBbT2B+ZVMiIjMxJVNwSy4nPWA/bSR0UGBtdlxrOSJMRiJ+Tl9YV0xEcyQ0NUk2SjMqUXgxWydyRT1Qdy0wfVVZeUdwN2ZBZT1NeDlFSy88YS59aWhcNyEsQ2pPbkojUXV7MTg1eGxXWCM1IkdUeiVuOThvNlpCaC9peEFKT1NjKHV9QFR7WG9QU2dLempeXUg0L3ZmYE5aVA==";
|
||||
const locationText = decode(locationTextCode, locationTextMask, 23);
|
||||
let locationText = decode(locationTextCode, locationTextMask, 18);
|
||||
locationText = locationText.substring(0, locationText.length - 1) + locationText.charAt(locationText.length - 1).toUpperCase();
|
||||
|
||||
const locationLink = document.querySelector('#location');
|
||||
if (locationLink) {
|
||||
|
|
|
|||
23
style.css
23
style.css
|
|
@ -7,7 +7,7 @@
|
|||
--gap: 3rem;
|
||||
--underline-offset: 0.3rem;
|
||||
|
||||
--small-icon-size: 1rem;
|
||||
--small-icon-size: 1em;
|
||||
--medium-icon-size: 3rem;
|
||||
|
||||
--line-thickness: 1px;
|
||||
|
|
@ -109,7 +109,7 @@ h2 {
|
|||
|
||||
border-bottom: var(--line-thickness) var(--line-style, solid);
|
||||
padding-bottom: 0.2em;
|
||||
margin-bottom: inherit;
|
||||
margin-bottom: 0.5em;
|
||||
|
||||
/* When wrapping to multiple lines, some padding between the lines */
|
||||
line-height: 1;
|
||||
|
|
@ -117,14 +117,24 @@ h2 {
|
|||
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
font-size: unset;
|
||||
/*font-size: unset;*/
|
||||
|
||||
/*padding: 0;*/
|
||||
/*margin: 0;*/
|
||||
/*font-weight: normal;*/
|
||||
/*display: inline;*/
|
||||
}
|
||||
|
||||
header h3 {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
margin-top: var(--gap);
|
||||
}
|
||||
|
||||
h1 a,
|
||||
h2 a,
|
||||
h3 a {
|
||||
|
|
@ -199,6 +209,9 @@ header p {
|
|||
hr {
|
||||
border: none;
|
||||
border-bottom: var(--line-thickness) var(--line-style) var(--on-background-color);
|
||||
|
||||
/*margin-bottom: var(--line-thickness);*/
|
||||
margin: var(--gap) 0;
|
||||
}
|
||||
|
||||
main {
|
||||
|
|
@ -218,6 +231,7 @@ strong {
|
|||
}
|
||||
|
||||
.badge {
|
||||
min-width: 1rem;
|
||||
max-height: var(--small-icon-size);
|
||||
|
||||
vertical-align: middle;
|
||||
|
|
@ -336,7 +350,6 @@ details[open] table td {
|
|||
|
||||
footer,
|
||||
nav-bar {
|
||||
padding: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -617,4 +630,4 @@ ul.links img {
|
|||
.footer {
|
||||
position: static;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue