From 32b9b0e1524595912379b637546b994e317b3c7d Mon Sep 17 00:00:00 2001 From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com> Date: Wed, 17 Dec 2025 20:15:49 +0100 Subject: [PATCH 1/9] Minor tweaks. --- public/contact.html | 7 ++++--- public/includes/head.html | 15 ++++++++++----- public/includes/pricing/cat-open.html | 2 +- src/scss/styles.scss | 4 ++++ 4 files changed, 19 insertions(+), 9 deletions(-) diff --git a/public/contact.html b/public/contact.html index e244165..e0a2cee 100644 --- a/public/contact.html +++ b/public/contact.html @@ -20,10 +20,11 @@ -
-
+
+

- Stuur mij gerust een mailtje voor een vrijblijvend gesprek :) + Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂 +
🡇

diff --git a/public/includes/head.html b/public/includes/head.html index 0b16656..546a338 100644 --- a/public/includes/head.html +++ b/public/includes/head.html @@ -11,14 +11,19 @@ https://cdn.jsdelivr.net https://*.fontawesome.com; media-src 'self' - https://www.youtube.com https://youtu.be + https://www.youtube.com + https://youtu.be https://www.linkedin.com; frame-src 'self' - https://www.youtube.com/embed/ https://youtu.be/embed/ + https://www.youtube.com/embed/ + https://youtu.be/embed/ https://www.linkedin.com/embed/; - style-src 'self' 'unsafe-inline' https://*.fontawesome.com; - font-src 'self' https://*.fontawesome.com; - connect-src 'self' https://*.fontawesome.com; + style-src 'self' 'unsafe-inline' + https://*.fontawesome.com; + font-src 'self' + https://*.fontawesome.com; + connect-src 'self' + https://*.fontawesome.com; object-src 'none'; img-src 'self' data:; "> diff --git a/public/includes/pricing/cat-open.html b/public/includes/pricing/cat-open.html index ec146b2..94afe06 100644 --- a/public/includes/pricing/cat-open.html +++ b/public/includes/pricing/cat-open.html @@ -2,7 +2,7 @@

Open categorie

vanaf €350,-

-

Geschikt voor indoor en vluchten in ongecontroleerd luchtruim met een laag risico:

+

Geschikt voor indoor drone tours en vluchten in ongecontroleerd luchtruim met een laag risico:

  • Bedrijfsvideo
  • Vastgoed
    • diff --git a/src/scss/styles.scss b/src/scss/styles.scss index ca48316..e422b59 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -99,6 +99,10 @@ main>* { @extend .pb-3; } +header { + min-height: 4.5rem; +} + ::selection { @extend .text-dark; background-color: $red-200; From ff363f50e95d2360ed58e6c897900ce52853bed4 Mon Sep 17 00:00:00 2001 From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com> Date: Thu, 18 Dec 2025 11:38:23 +0100 Subject: [PATCH 2/9] Fix for dynamic nav links based on available sections on current page. --- src/js/scripts.js | 26 +++++++++++++++++++++++++- 1 file changed, 25 insertions(+), 1 deletion(-) diff --git a/src/js/scripts.js b/src/js/scripts.js index ad13924..33fdd4a 100644 --- a/src/js/scripts.js +++ b/src/js/scripts.js @@ -28,15 +28,39 @@ window.addEventListener('pageshow', () => document.addEventListener('DOMContentLoaded', () => { + /** + * @type {HTMLDivElement} + */ + const navBar = document.getElementById('navbarNav'); + /** + * @type {NodeListOf} + */ + const navLinks = navBar.querySelectorAll('a.nav-link'); /** * @type {NodeListOf} */ const sectionsWithId = document.querySelectorAll('section[id]'); + // Update nav links and add anchor links to section headers. sectionsWithId.forEach(anchorTarget => { + // Navigate within current page if a section for the anchor exists. + navLinks.forEach(navLink => + { + const href = navLink.getAttribute('href'); + + if (href.startsWith('/#') && href.substring(2) === anchorTarget.id) + { + navLink.setAttribute('href', href.substring(1)); + } + }); + + /** + * @type {HTMLHeadingElement|null} + */ const anchorHeader = anchorTarget.querySelector('h1,h2'); + // Add anchor link to section header. if (anchorHeader) { const anchorLink = document.createElement('a'); @@ -48,7 +72,7 @@ document.addEventListener('DOMContentLoaded', () => }); // Collapse the navbar in mobile view after clicking a link. - document.querySelectorAll('#navbarNav li.nav-item>a').forEach(navLink => + navLinks.forEach(navLink => { navLink.addEventListener('click', () => { From c23bed009fbfa93095ca4a351173914efe962ee7 Mon Sep 17 00:00:00 2001 From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com> Date: Thu, 18 Dec 2025 12:43:13 +0100 Subject: [PATCH 3/9] Re-organized templates/partials and hierarchy. --- public/contact.html | 12 +++-- public/includes/components/contact-row.html | 34 ++++++++++++++ public/includes/{ => components}/nav.html | 0 public/includes/footer.html | 46 ------------------- public/includes/partials/footer-bottom.html | 6 +++ .../{head.html => partials/head-content.html} | 0 public/index.html | 12 +++-- public/privacy.html | 4 +- 8 files changed, 60 insertions(+), 54 deletions(-) create mode 100644 public/includes/components/contact-row.html rename public/includes/{ => components}/nav.html (100%) delete mode 100644 public/includes/footer.html create mode 100644 public/includes/partials/footer-bottom.html rename public/includes/{head.html => partials/head-content.html} (100%) diff --git a/public/contact.html b/public/contact.html index e0a2cee..16d041d 100644 --- a/public/contact.html +++ b/public/contact.html @@ -2,7 +2,7 @@ - + Vandevliet Aerial Shots @@ -17,21 +17,27 @@
    - +
    +

    Contact

    Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂
    🡇

    +
    + +
    - +
    + +
    \ No newline at end of file diff --git a/public/includes/components/contact-row.html b/public/includes/components/contact-row.html new file mode 100644 index 0000000..4648160 --- /dev/null +++ b/public/includes/components/contact-row.html @@ -0,0 +1,34 @@ +
    +
    +
    +
    +

    Bob Vandevliet

    +

    Gecertificeerd FPV-dronepiloot

    +

    + bob@vandevliet-aerialshots.com +
    Arnhem, Gelderland +

    + +

    Vandevliet Aerial Shots

    +

    + KvK: 94567255
    + Btw: NL005095319B19 +

    +

    + Algemene Voorwaarden +

    + +

    + + + +

    +
    +
    +
    +
    +
    + Portrait foto van mijzelf. +
    +
    +
    \ No newline at end of file diff --git a/public/includes/nav.html b/public/includes/components/nav.html similarity index 100% rename from public/includes/nav.html rename to public/includes/components/nav.html diff --git a/public/includes/footer.html b/public/includes/footer.html deleted file mode 100644 index b309074..0000000 --- a/public/includes/footer.html +++ /dev/null @@ -1,46 +0,0 @@ - \ No newline at end of file diff --git a/public/includes/partials/footer-bottom.html b/public/includes/partials/footer-bottom.html new file mode 100644 index 0000000..805e114 --- /dev/null +++ b/public/includes/partials/footer-bottom.html @@ -0,0 +1,6 @@ +
    +

    + Vandevliet Aerial Shots © + • Privacyverklaring +

    +
    \ No newline at end of file diff --git a/public/includes/head.html b/public/includes/partials/head-content.html similarity index 100% rename from public/includes/head.html rename to public/includes/partials/head-content.html diff --git a/public/index.html b/public/index.html index 7a69d1f..f77e290 100644 --- a/public/index.html +++ b/public/index.html @@ -2,7 +2,7 @@ - + Vandevliet Aerial Shots @@ -17,7 +17,7 @@
    - +
    @@ -190,7 +190,13 @@
- + \ No newline at end of file diff --git a/public/privacy.html b/public/privacy.html index d6e643a..e2b8a94 100644 --- a/public/privacy.html +++ b/public/privacy.html @@ -2,7 +2,7 @@ - + Privacyverklaring • Vandevliet Aerial Shots @@ -17,7 +17,7 @@
- +
From 66b162f9db6a8d71047325635c0aee41e4507341 Mon Sep 17 00:00:00 2001 From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com> Date: Thu, 18 Dec 2025 12:45:11 +0100 Subject: [PATCH 4/9] Stick footer to bottom of window. --- public/contact.html | 2 +- public/index.html | 2 +- public/privacy.html | 2 +- src/scss/styles.scss | 1 + 4 files changed, 4 insertions(+), 3 deletions(-) diff --git a/public/contact.html b/public/contact.html index 16d041d..d866e5e 100644 --- a/public/contact.html +++ b/public/contact.html @@ -15,7 +15,7 @@ - +
diff --git a/public/index.html b/public/index.html index f77e290..bc9fddc 100644 --- a/public/index.html +++ b/public/index.html @@ -15,7 +15,7 @@ - +
diff --git a/public/privacy.html b/public/privacy.html index e2b8a94..dc9fce5 100644 --- a/public/privacy.html +++ b/public/privacy.html @@ -15,7 +15,7 @@ - +
diff --git a/src/scss/styles.scss b/src/scss/styles.scss index e422b59..bfca272 100644 --- a/src/scss/styles.scss +++ b/src/scss/styles.scss @@ -91,6 +91,7 @@ var(--#{$prefix}font-sans-serif); main { @extend .pt-3; @extend .pb-4; + @extend .flex-grow-1; } section, From f35da10e0e87c498a968e96a9df0824fbd8447d6 Mon Sep 17 00:00:00 2001 From: Bob Vandevliet <35454011+bvandevliet@users.noreply.github.com> Date: Thu, 18 Dec 2025 13:13:32 +0100 Subject: [PATCH 5/9] Wrapping up contact footer and page. --- public/contact.html | 10 ++-------- public/includes/components/contact-row.html | 4 ++++ public/index.html | 2 +- 3 files changed, 7 insertions(+), 9 deletions(-) diff --git a/public/contact.html b/public/contact.html index d866e5e..c392e9d 100644 --- a/public/contact.html +++ b/public/contact.html @@ -23,19 +23,13 @@

Contact

-

- Stuur mij gerust een mailtje voor een vrijblijvend gesprek! 🙂 -
🡇 -

-
- -
+
-
-