feat: canvas based interactive background

2024-07-21 15:00:56 +01:00
parent 1a34539e08
commit 21b66962da
3 changed files with 70 additions and 7 deletions
--- a/web/style.css
+++ b/web/style.css
@@ -26,11 +26,6 @@ body {
  padding: 2rem;
  margin: 0;
  background-color: var(--base);
-  opacity: 1;
-  background-image: radial-gradient(var(--surface1) 1px, var(--base) 1px);
-  background-opacity: 0.8;
-  background-size: 10px 10px;
-  color: var(--text);
 }

 h1,
@@ -55,6 +50,15 @@ main {
  }
 }

+#bg {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -10;
+}
+
 .container {
  position: relative;
  height: 100%;