From 0df1fbdb0b4fbee9c2e4b0e25f68414f67abf1e9 Mon Sep 17 00:00:00 2001
From: Tibo De Peuter <tibo@depeuter.dev>
Date: Wed, 26 Nov 2025 20:01:39 +0100
Subject: [PATCH] feat: Apply feedback tips

---
 assets/images/icons/car.svg   |   4 +
 assets/images/icons/home.svg  |   4 +
 assets/images/icons/phone.svg |   5 +
 assets/images/icons/world.svg |   5 +
 i18n/en.json                  |  13 +-
 i18n/nl.json                  |  15 +-
 pages/cv.html                 | 732 ++++++++++++++++++----------------
 style.css                     |  23 +-
 8 files changed, 435 insertions(+), 366 deletions(-)
 create mode 100644 assets/images/icons/car.svg
 create mode 100644 assets/images/icons/home.svg
 create mode 100644 assets/images/icons/phone.svg
 create mode 100644 assets/images/icons/world.svg

diff --git a/assets/images/icons/car.svg b/assets/images/icons/car.svg
new file mode 100644
index 0000000..48a4330
--- /dev/null
+++ b/assets/images/icons/car.svg
@@ -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>
\ No newline at end of file
diff --git a/assets/images/icons/home.svg b/assets/images/icons/home.svg
new file mode 100644
index 0000000..bd0eb4c
--- /dev/null
+++ b/assets/images/icons/home.svg
@@ -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>
\ No newline at end of file
diff --git a/assets/images/icons/phone.svg b/assets/images/icons/phone.svg
new file mode 100644
index 0000000..3f6668d
--- /dev/null
+++ b/assets/images/icons/phone.svg
@@ -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>
\ No newline at end of file
diff --git a/assets/images/icons/world.svg b/assets/images/icons/world.svg
new file mode 100644
index 0000000..d7ce096
--- /dev/null
+++ b/assets/images/icons/world.svg
@@ -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>
\ No newline at end of file
diff --git a/i18n/en.json b/i18n/en.json
index 9753ead..74b3ad4 100644
--- a/i18n/en.json
+++ b/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&shy;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"
     },
diff --git a/i18n/nl.json b/i18n/nl.json
index 6a1cf64..a962e73 100644
--- a/i18n/nl.json
+++ b/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&shy;verantwoordelijkheid dragen en beredeneerde beslissingen nemen.",
+      "3_safety": "Garanderen van (emotionele) veiligheid en welzijn, eind&shy;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"
     },
diff --git a/pages/cv.html b/pages/cv.html
index a7215bd..e8ecdef 100644
--- a/pages/cv.html
+++ b/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&shy;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) {
diff --git a/style.css b/style.css
index 3683171..bcf9570 100644
--- a/style.css
+++ b/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;
     }
-}
\ No newline at end of file
+}