bvandevliet/Vandevliet.AerialShots.Website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Using absolute paths, to enable for sub-pages.

Browse source
This commit is contained in:
Bob Vandevliet 2025-02-14 11:56:18 +01:00
parent 7c51c1aefe
commit a8681fd5cf
5 changed files with 22 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

4
public/includes/footer.html
View file

@ -25,7 +25,7 @@
</div>
<div class="col-6 col-lg-3">
<div class="card h-100 bg-transparent">
<img class="card-img" src="assets/static/20230909_150343.jpg" alt="Portrait foto van mijzelf.">
<img class="card-img" src="/assets/static/20230909_150343.jpg" alt="Portrait foto van mijzelf.">
</div>
</div>
</div>
@ -35,7 +35,7 @@
<p>
Vandevliet Aerial Shots &copy; <!--# config timefmt="%Y" --><!--# echo var="date_local" -->
&bull; <a href="/privacy">Privacyverklaring</a>
&bull; <a href="assets/static/Vandevliet AS - Algemene Voorwaarden - 240818.pdf" target="_blank">Algemene Voorwaarden</a>
&bull; <a href="/assets/static/Vandevliet AS - Algemene Voorwaarden - 240818.pdf" target="_blank">Algemene Voorwaarden</a>
</p>
</div>
</footer>

8
public/includes/head.html
View file

@ -34,14 +34,14 @@
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<link rel="icon" href="assets/static/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/static/favicon.png" type="image/png">
<link rel="icon" href="/assets/static/favicon.ico" type="image/x-icon">
<link rel="icon" href="/assets/static/favicon.png" type="image/png">
<link rel="stylesheet" href="assets/css/styles.min.css">
<link rel="stylesheet" href="/assets/css/styles.min.css">
<script src="https://kit.fontawesome.com/7e7cf109ad.js" crossorigin="anonymous" defer></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.min.js" crossorigin="anonymous" defer></script>
<script src="assets/js/scripts.min.js" async></script>
<script src="/assets/js/scripts.min.js" async></script>
<meta name="description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">
<meta property="og:description" content="FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen.">

2
public/includes/nav.html
View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-xxl justify-content-center">
<a class="navbar-brand" href="/#">
<img src="assets/static/logo-aerialshots-v1-w.png" alt="Vandevliet Aerial Shots logo" height="48">
<img src="/assets/static/logo-aerialshots-v1-w.png" alt="Vandevliet Aerial Shots logo" height="48">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>

24
public/index.html
View file

@ -2,11 +2,11 @@
<html lang="nl" data-bs-theme="dark">
<!--# set var="title" value="Vandevliet Aerial Shots" -->
<!--# include file="includes/head.html" -->
<!--# include file="/includes/head.html" -->
<body class="home">
<header>
<!--# include file="includes/nav.html" -->
<!--# include file="/includes/nav.html" -->
<div class="hero position-relative overflow-hidden">
<div class="hero-body position-absolute bottom-0" style="z-index: 1;">
@ -16,7 +16,7 @@
<p><a class="btn btn-primary" href="#section-services">Ontdek meer <i class="fa-solid fa-arrow-down"></i></a></p>
</div>
<video class="cover parallax" preload="auto" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="assets/static/showreel.mp4" type="video/mp4">
<source src="/assets/static/showreel.mp4" type="video/mp4">
</video>
</div>
</header>
@ -28,7 +28,7 @@
<div class="row">
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/fittings-2784899_640.jpg" alt="Abstracte close-up afbeelding van een machine.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-industry"></i>
@ -42,7 +42,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/sa-rapita-2483668_640.jpg" alt="Afbeelding van een moderne woning.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-house"></i>
@ -56,7 +56,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/ferris-wheel-7299042_640.jpg" alt="Afbeelding van een attractie in een recreatiepark.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-house"></i>
@ -70,7 +70,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/motor-cross-1634206_640.jpg" alt="Afbeelding van motorcross sport.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-motorcycle"></i>
@ -84,7 +84,7 @@
</div>
<div class="col-sm-6 col-lg">
<div class="card h-100">
<img class="card-img grayscale-effect" style="height: 10rem;" src="assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
<img class="card-img grayscale-effect" style="height: 10rem;" src="/assets/static/audience-1850119_640.jpg" alt="Afbeelding van publiek bij een concert.">
<div class="card-body bg-light text-dark">
<h3 class="card-title">
<i class="fa-solid fa-guitar"></i>
@ -247,14 +247,14 @@
<div id="carouselMyDrones" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="img-fluid" src="assets/static/DSC_4615.png" alt="Afbeelding van mijn 7-inch FPV drone met GoPro actiecamera.">
<img class="img-fluid" src="/assets/static/DSC_4615.png" alt="Afbeelding van mijn 7-inch FPV drone met GoPro actiecamera.">
<div class="carousel-caption">
<!-- <h3>First slide label</h3> -->
<p>Mijn 7-inch FPV drone met GoPro actiecamera,<br>ideaal voor outdoor vliegen en lange afstanden.</p>
</div>
</div>
<div class="carousel-item">
<img class="img-fluid" src="assets/static/20240815_184226.png" alt="Afbeelding van mijn 3.5-inch cinewhoop met Caddx Walnut camera.">
<img class="img-fluid" src="/assets/static/20240815_184226.png" alt="Afbeelding van mijn 3.5-inch cinewhoop met Caddx Walnut camera.">
<div class="carousel-caption">
<!-- <h3>Second slide label</h3> -->
<p>Mijn 3.5-inch cinewhoop met Caddx Walnut camera,<br>ideaal voor indoor vliegen en dichtbij personen.</p>
@ -284,7 +284,7 @@
<h2 class="card-title mt-4 text-center">Over mij</h2>
<div class="row g-0">
<div class="col-lg-6 gradient-to-top-light">
<img class="card-img" style="object-position: left;" src="assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
<img class="card-img" style="object-position: left;" src="/assets/static/GX010078_1703521535190.MP4_snapshot_01.11.jpg" alt="Afbeelding van mezelf terwijl ik een FPV drone bestuur.">
</div>
<div class="col-lg-6">
<div class="card-body">
@ -308,7 +308,7 @@
</main>
<!--# include file="includes/footer.html" -->
<!--# include file="/includes/footer.html" -->
</body>
</html>

6
public/privacy.html
View file

@ -2,11 +2,11 @@
<html lang="nl" data-bs-theme="dark">
<!--# set var="title" value="Privacyverklaring • Vandevliet Aerial Shots" -->
<!--# include file="includes/head.html" -->
<!--# include file="/includes/head.html" -->
<body>
<header>
<!--# include file="includes/nav.html" -->
<!--# include file="/includes/nav.html" -->
</header>
<main>
@ -45,7 +45,7 @@
</main>
<!--# include file="includes/footer.html" -->
<!--# include file="/includes/footer.html" -->
</body>
</html>