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

Minor styling refactor.

Browse source
This commit is contained in:
Bob Vandevliet 2025-07-03 20:55:37 +02:00
parent bb26f46d34
commit 1a7b2c12fd
3 changed files with 9 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

10
public/index.html
View file

@ -15,15 +15,13 @@
<meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png"> <meta property="og:image" content="/assets/static/logo-aerialshots-v1-w.png">
</head> </head>
<body class="home"> <body class="has-hero">
<header> <header>
<!--# include file="/includes/nav.html" --> <!--# include file="/includes/nav.html" -->
<div class="hero position-relative overflow-hidden"> <div class="hero position-relative overflow-hidden" style="height: 100vh;">
<div class="hero-body position-absolute bottom-0" style="z-index: 1;"> <div class="hero-body position-absolute bottom-0" style="z-index: 1;">
<h1 class="h5"> <h1 class="h5">FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen</h1>
FPV dronevideo's voor bedrijven, vastgoed, recreatie, sport en evenementen
</h1>
<p><a class="btn btn-primary" href="#diensten">Ontdek meer <i class="fa-solid fa-arrow-down"></i></a></p> <p><a class="btn btn-primary" href="#diensten">Ontdek meer <i class="fa-solid fa-arrow-down"></i></a></p>
</div> </div>
<video class="cover parallax" preload="auto" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"> <video class="cover parallax" preload="auto" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
@ -33,7 +31,6 @@
</header> </header>
<main> <main>
<section class="container-xxl text-center"> <section class="container-xxl text-center">
<h2 id="diensten">FPV drone opnames laten maken</h2> <h2 id="diensten">FPV drone opnames laten maken</h2>
<div class="row"> <div class="row">
@ -182,7 +179,6 @@
</div> </div>
</div> </div>
</section> </section>
</main> </main>
<!--# include file="/includes/footer.html" --> <!--# include file="/includes/footer.html" -->

2
public/privacy.html
View file

@ -46,7 +46,7 @@
<section class="container-xxl"> <section class="container-xxl">
<h2>Klacht indienen</h2> <h2>Klacht indienen</h2>
<p>Indien je van mening bent dat ik jouw privacy niet op de juiste manier waarborg, dan heb je het recht om een klacht in te dienen bij de toezichthouder. In Nederland is dit de Autoriteit Persoonsgegevens. Op <a href="https://www.autoriteitpersoonsgegevens.nl/" target="_blank" rel="noreferrer noopener">autoriteitpersoonsgegevens.nl</a> vindt je alle informatie over hoe je een klacht in kunt dienen.</p> <p>Indien je van mening bent dat ik jouw privacy niet op de juiste manier waarborg, dan heb je het recht om een klacht in te dienen bij de toezichthouder. In Nederland is dit de Autoriteit Persoonsgegevens. Op <a href="https://www.autoriteitpersoonsgegevens.nl/" target="_blank" rel="noreferrer noopener">autoriteitpersoonsgegevens.nl <i class="fa-solid fa-up-right-from-square"></i></a> vindt je alle informatie over hoe je een klacht in kunt dienen.</p>
</section> </section>
<section class="container-xxl"> <section class="container-xxl">

17
src/scss/styles.scss
View file

@ -91,7 +91,7 @@ main {
padding-top: 7rem !important; padding-top: 7rem !important;
} }
body.home main { body.has-hero main {
@extend .pt-3; @extend .pt-3;
} }
@ -196,8 +196,8 @@ h6:hover .anchor-link {
1px 1px 0 rgba(255, 255, 255, 0.4); 1px 1px 0 rgba(255, 255, 255, 0.4);
} }
.fa-regular, :not(a)>.fa-regular,
.fa-solid { :not(a)>.fa-solid {
color: var(--bs-primary); color: var(--bs-primary);
} }
@ -216,21 +216,12 @@ body.is-scrolled .navbar {
max-width: fit-content; max-width: fit-content;
} }
.hero {
height: 100vh;
}
.hero-body { .hero-body {
width: 100%; width: 100%;
padding: 1rem; padding: 1rem;
@extend .h5; @extend .h5;
@extend .text-center; @extend .text-center;
@extend .text-white; @extend .text-white;
.btn {
@extend .text-white;
font-family: $ff-header;
}
} }
.nav-item { .nav-item {
@ -243,6 +234,8 @@ body.is-scrolled .navbar {
} }
.btn { .btn {
@extend .text-white;
font-family: $ff-header;
.fa-regular, .fa-regular,
.fa-solid { .fa-solid {