diff --git a/public/contact.html b/public/contact.html index e244165..e520c99 100644 --- a/public/contact.html +++ b/public/contact.html @@ -2,7 +2,7 @@ - + Vandevliet Aerial Shots @@ -15,22 +15,23 @@ - +
- +
-
-
-

- Stuur mij gerust een mailtje voor een vrijblijvend gesprek :) -

+
+
+

Contact

+
- +
+ +
\ 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..fda93d8 --- /dev/null +++ b/public/includes/components/contact-row.html @@ -0,0 +1,38 @@ +
+

+ Stuur mij gerust een mailtje voor een offerte of vrijblijvend gesprek! 🙂 +
🡇 +

+
+
+
+

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..df7c938 --- /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 84% rename from public/includes/head.html rename to public/includes/partials/head-content.html index 0b16656..546a338 100644 --- a/public/includes/head.html +++ b/public/includes/partials/head-content.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/public/index.html b/public/index.html index 7a69d1f..fe939db 100644 --- a/public/index.html +++ b/public/index.html @@ -1,27 +1,30 @@ + + + - + - Vandevliet Aerial Shots - + <!--# echo var='title' --> + - - + + - +
    - +
    -

    FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen

    +

    Ontdek meer

    - +
    - +
    - +
@@ -190,7 +193,13 @@
- + \ No newline at end of file diff --git a/public/privacy.html b/public/privacy.html index d6e643a..aa101b5 100644 --- a/public/privacy.html +++ b/public/privacy.html @@ -2,7 +2,7 @@ - + Privacyverklaring • Vandevliet Aerial Shots @@ -15,9 +15,9 @@ - +
- +
@@ -56,7 +56,7 @@
- + \ No newline at end of file diff --git a/src/js/scripts.js b/src/js/scripts.js index ad13924..0788fdd 100644 --- a/src/js/scripts.js +++ b/src/js/scripts.js @@ -28,15 +28,28 @@ 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 => { + /** + * @type {HTMLHeadingElement|null} + */ const anchorHeader = anchorTarget.querySelector('h1,h2'); + // Add anchor link to section header. if (anchorHeader) { const anchorLink = document.createElement('a'); @@ -48,7 +61,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', () => { diff --git a/src/scss/styles.scss b/src/scss/styles.scss index ca48316..56b43c0 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, @@ -99,6 +100,10 @@ main>* { @extend .pb-3; } +header { + min-height: 4.5rem; +} + ::selection { @extend .text-dark; background-color: $red-200; @@ -313,6 +318,10 @@ img.grayscale-effect { overflow: hidden; } +footer .card { + background-color: var(--bs-card-bg) !important; +} + .card-img-overlay { position: unset; z-index: 1;