M-CSC/SHIFTED
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

index

Browse Source
This commit is contained in:
hxcde
2025-05-23 12:20:40 +02:00
parent d3e57241ec
commit 386eebd50d
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -38,33 +38,39 @@
<style> <style>
#background-overlay { #background-overlay {
position: absolute; position: absolute; /* <-- damit es mitscrollt */
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
min-height: 100vh; height: 1000px; /* z. B. für oberen Bildabschnitt */
z-index: -1; z-index: -1;
pointer-events: none; pointer-events: none;
background-image: background-image:
linear-gradient( linear-gradient(
to bottom, to bottom,
rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 30%,
rgba(31, 41, 55, 0.8) 40%, #1f2937 100%
#1f2937 60%
), ),
url('https://images.unsplash.com/photo-1555215695-3004980ad54e'); url('https://images.unsplash.com/photo-1555215695-3004980ad54e');
background-size: cover; background-size: cover;
background-position: center top; background-position: top center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: scroll; background-attachment: scroll;
} }
body {
background-color: #1f2937;
position: relative;
}
</style> </style>
</head> </head>
<body> <body>
<div id="background-overlay"> <div id="background-overlay"></div>
<nav class=border-gray-200 "> <nav class=border-gray-200 ">
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"> <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
@@ -317,5 +323,5 @@
</footer> </footer>
</div>
</body> </body>