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" -->
<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">
<source src="assets/static/showreel-sketch.mp4" type="video/mp4">
</video>
@ -27,7 +35,7 @@
<div class="card-body bg-light text-dark">
<h4 class="card-title">
<i class="fa-solid fa-industry"></i>
<br>Bedrijfsvideo
<br>Bedrijfsvideo (binnenkort mogelijk)
</h4>
<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.
@ -69,7 +77,7 @@
<div class="card-body bg-light text-dark">
<h4 class="card-title">
<i class="fa-solid fa-motorcycle"></i>
<br>Sport
<br>Sport (binnenkort mogelijk)
</h4>
<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.

36
src/scss/styles.scss
View file

@ -117,28 +117,28 @@ h6:hover .anchor-link {
.text-shadow {
text-shadow:
-1px -1px 1px rgba(0, 0, 0, 0.4),
-1px 0px 1px rgba(0, 0, 0, 0.4),
-1px 1px 1px rgba(0, 0, 0, 0.4),
0px -1px 1px rgba(0, 0, 0, 0.4),
0px 0px 1px rgba(0, 0, 0, 0.4),
0px 1px 1px rgba(0, 0, 0, 0.4),
1px -1px 1px rgba(0, 0, 0, 0.4),
1px 0px 1px 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 0 rgba(0, 0, 0, 0.4),
-1px 1px 0 rgba(0, 0, 0, 0.4),
0px -1px 0 rgba(0, 0, 0, 0.4),
0px 0px 0 rgba(0, 0, 0, 0.4),
0px 1px 0 rgba(0, 0, 0, 0.4),
1px -1px 0 rgba(0, 0, 0, 0.4),
1px 0px 0 rgba(0, 0, 0, 0.4),
1px 1px 0 rgba(0, 0, 0, 0.4);
}
.text-dark.text-shadow {
text-shadow:
-1px -1px 1px rgba(255, 255, 255, 0.4),
-1px 0px 1px rgba(255, 255, 255, 0.4),
-1px 1px 1px rgba(255, 255, 255, 0.4),
0px -1px 1px rgba(255, 255, 255, 0.4),
0px 0px 1px rgba(255, 255, 255, 0.4),
0px 1px 1px rgba(255, 255, 255, 0.4),
1px -1px 1px rgba(255, 255, 255, 0.4),
1px 0px 1px 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 0 rgba(255, 255, 255, 0.4),
-1px 1px 0 rgba(255, 255, 255, 0.4),
0px -1px 0 rgba(255, 255, 255, 0.4),
0px 0px 0 rgba(255, 255, 255, 0.4),
0px 1px 0 rgba(255, 255, 255, 0.4),
1px -1px 0 rgba(255, 255, 255, 0.4),
1px 0px 0 rgba(255, 255, 255, 0.4),
1px 1px 0 rgba(255, 255, 255, 0.4);
}
.navbar {