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

Added WIP notice for early public deployment.

Browse source
This commit is contained in:
Bob Vandevliet 2024-07-13 16:56:26 +02:00
parent 64ef9ec186
commit f4eff49867
4 changed files with 28 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/assets/static/logo-aerialshots-v1-s.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/assets/static/logo-aerialshots-v1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.8 KiB

12
public/index.html
View file

@ -9,6 +9,14 @@
<!--# include file="includes/nav.html" --> <!--# include file="includes/nav.html" -->
<div class="hero position-relative overflow-hidden"> <div class="hero position-relative overflow-hidden">
<div class="position-absolute top-50 start-50 translate-middle text-center text-white" style="z-index: 1;">
<h1 class="text-shadow"><img src="assets/static/logo-aerialshots-v1-s.png" alt="Vandevliet Aerial Shots logo" height="72"></h1>
<p class="fs-4 text-shadow">
FPV dronevideo's voor bedrijven, vastgoed en (sport)evenementen.<br>
Let op: deze website alsook de showreel is nog in ontwikkeling.
</p>
<a class="btn btn-primary" href="#section-services">Ontdek meer</a>
</div>
<video class="cover parallax" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"> <video class="cover parallax" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="assets/static/showreel-sketch.mp4" type="video/mp4"> <source src="assets/static/showreel-sketch.mp4" type="video/mp4">
</video> </video>
@ -27,7 +35,7 @@
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-industry"></i> <i class="fa-solid fa-industry"></i>
<br>Bedrijfsvideo <br>Bedrijfsvideo (binnenkort mogelijk)
</h4> </h4>
<p class="card-text"> <p class="card-text">
Laat jouw bedrijf opvallen met unieke dronebeelden, zowel binnen als buiten. Ik leg de bijzondere kenmerken van jouw locatie vast en breng interacties met jouw team in beeld. Laat jouw bedrijf opvallen met unieke dronebeelden, zowel binnen als buiten. Ik leg de bijzondere kenmerken van jouw locatie vast en breng interacties met jouw team in beeld.
@ -69,7 +77,7 @@
<div class="card-body bg-light text-dark"> <div class="card-body bg-light text-dark">
<h4 class="card-title"> <h4 class="card-title">
<i class="fa-solid fa-motorcycle"></i> <i class="fa-solid fa-motorcycle"></i>
<br>Sport <br>Sport (binnenkort mogelijk)
</h4> </h4>
<p class="card-text"> <p class="card-text">
Een FPV drone is ideaal voor het maken van spectaculaire actiebeelden tijdens sportevenementen. Op hoge snelheden houd ik de drone slechts centimeters van de actie verwijderd. Een FPV drone is ideaal voor het maken van spectaculaire actiebeelden tijdens sportevenementen. Op hoge snelheden houd ik de drone slechts centimeters van de actie verwijderd.

36
src/scss/styles.scss
View file

@ -117,28 +117,28 @@ h6:hover .anchor-link {
.text-shadow { .text-shadow {
text-shadow: text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4), -1px -1px 0 rgba(0, 0, 0, 0.4),
-1px 0px 1px rgba(0, 0, 0, 0.4), -1px 0px 0 rgba(0, 0, 0, 0.4),
-1px 1px 1px rgba(0, 0, 0, 0.4), -1px 1px 0 rgba(0, 0, 0, 0.4),
0px -1px 1px rgba(0, 0, 0, 0.4), 0px -1px 0 rgba(0, 0, 0, 0.4),
0px 0px 1px rgba(0, 0, 0, 0.4), 0px 0px 0 rgba(0, 0, 0, 0.4),
0px 1px 1px rgba(0, 0, 0, 0.4), 0px 1px 0 rgba(0, 0, 0, 0.4),
1px -1px 1px rgba(0, 0, 0, 0.4), 1px -1px 0 rgba(0, 0, 0, 0.4),
1px 0px 1px rgba(0, 0, 0, 0.4), 1px 0px 0 rgba(0, 0, 0, 0.4),
1px 1px 1px rgba(0, 0, 0, 0.4); 1px 1px 0 rgba(0, 0, 0, 0.4);
} }
.text-dark.text-shadow { .text-dark.text-shadow {
text-shadow: text-shadow:
-1px -1px 1px rgba(255, 255, 255, 0.4), -1px -1px 0 rgba(255, 255, 255, 0.4),
-1px 0px 1px rgba(255, 255, 255, 0.4), -1px 0px 0 rgba(255, 255, 255, 0.4),
-1px 1px 1px rgba(255, 255, 255, 0.4), -1px 1px 0 rgba(255, 255, 255, 0.4),
0px -1px 1px rgba(255, 255, 255, 0.4), 0px -1px 0 rgba(255, 255, 255, 0.4),
0px 0px 1px rgba(255, 255, 255, 0.4), 0px 0px 0 rgba(255, 255, 255, 0.4),
0px 1px 1px rgba(255, 255, 255, 0.4), 0px 1px 0 rgba(255, 255, 255, 0.4),
1px -1px 1px rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4),
1px 0px 1px rgba(255, 255, 255, 0.4), 1px 0px 0 rgba(255, 255, 255, 0.4),
1px 1px 1px rgba(255, 255, 255, 0.4); 1px 1px 0 rgba(255, 255, 255, 0.4);
} }
.navbar { .navbar {