luca/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added basic pwa support and new images

Browse source
This commit is contained in:
Luca 2024-03-29 17:23:07 +01:00
parent d51e47c549
commit ae75a8880a
15 changed files with 166 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/css/header.css
View file

@ -6,7 +6,7 @@
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
margin-bottom: -70px;
outline: 1px solid rgba(0, 0, 0, 0.5);
outline: 1px solid rgba(0, 0, 0, 0.6);
}
#navigation a {
@ -62,6 +62,13 @@
display: none;
}
#navigation #install-button {
display: none;
background: linear-gradient(to right, #ad5389, #3c1053);
border-radius: 4px;
cursor: pointer;
}
/* Breakpoints */
@media (max-width: 512px) {
@ -85,8 +92,20 @@
display: none;
}*/
/* This should always be the same header image as the hero element */
#navigation.open {
background-color: rgba(59, 66, 82, 1);
padding: 0px;
/*background-color: rgba(59, 66, 82, 1);*/
background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)),
url("/assets/images/hero_image2_mobile.jpg");
background-position: top left;
background-size: cover;
object-fit: cover;
}
#navigation.open nav ul {
padding: 12px;
backdrop-filter: blur(4px);
}
#navigation.open ul {