moved water background to separate component

2026-04-06 17:17:01 +02:00
parent eafe3cbe92
commit 256b3d4142
3 changed files with 22 additions and 17 deletions
--- a/src/lib/viewport/water-background.svelte
+++ b/src/lib/viewport/water-background.svelte
@@ -0,0 +1,19 @@
+<div class="waters"></div>
+
+<style>
+    .waters {
+        --color-waters: #242424;
+
+        position: fixed;
+        z-index: -99;
+        top: 0;
+        left: 0;
+        height: 100%;
+        width: 100%;
+        background-color: var(--color-waters);
+        mask-image: url('/bremen-waters-white.svg');
+        mask-position: center;
+        background-position: center;
+        background-attachment: fixed;
+    }
+</style>