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

Local images, html sections, styling and scripts reviewed.

Browse source
This commit is contained in:
Bob Vandevliet 2024-06-15 19:49:19 +02:00
parent 192c2af1ec
commit 302bb67afc
11 changed files with 167 additions and 175 deletions
Download patch file Download diff file Expand all files Collapse all files

70
public/assets/css/styles.css
View file

@ -1,18 +1,10 @@
:target::before {
content: "";
display: block;
height: 4rem;
margin-top: -4rem;
visibility: hidden;
}
nav.bg-body {
background-color: rgba(var(--bs-body-bg-rgb), 0.7) !important;
nav {
background-color: rgba(22, 23, 25, 0.4) !important;
transition: background-color 0.5s;
}
body.is-scrolled nav.bg-body {
background-color: rgba(var(--bs-body-bg-rgb), 1.0) !important;
body.is-scrolled nav {
background-color: rgba(22, 23, 25, 1.0) !important;
}
.navbar-collapse:not(.collapsing):not(.show) {
@ -25,20 +17,33 @@ body.is-scrolled nav.bg-body {
padding-left: var(--bs-navbar-nav-link-padding-x);
}
section.hero {
position: relative;
.hero {
height: 100vh;
overflow: hidden;
}
section.hero video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
.row {
--bs-gutter-y: var(--bs-gutter-x);
}
.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);
}
:target::before {
content: "";
display: block;
height: 4rem;
margin-top: -4rem;
visibility: hidden;
}
.anchor-link {
@ -56,19 +61,8 @@ h6:hover .anchor-link {
opacity: 1;
}
.text-shadow {
text-shadow:
-1px -1px 3px rgba(0, 0, 0, 0.3),
-1px 0px 3px rgba(0, 0, 0, 0.3),
-1px 1px 3px rgba(0, 0, 0, 0.3),
0px -1px 3px rgba(0, 0, 0, 0.3),
0px 0px 3px rgba(0, 0, 0, 0.3),
0px 1px 3px rgba(0, 0, 0, 0.3),
1px -1px 3px rgba(0, 0, 0, 0.3),
1px 0px 3px rgba(0, 0, 0, 0.3),
1px 1px 3px rgba(0, 0, 0, 0.3);
}
.cover,
.parallax,
.card-img {
position: absolute;
top: 0;
@ -78,6 +72,10 @@ h6:hover .anchor-link {
object-fit: cover;
}
.parallax {
height: 100vh;
}
.card-img-overlay {
position: unset;
z-index: 1;