change bg :3

.gitignore

@@ -5,3 +5,4 @@ output/
 
 # the world isn't ready yet
 views/projects/item/wavetapper
+views/projects/item/dice_2

embeds/attr.html

@@ -0,0 +1,14 @@
+<p id="attr">
+  Image attribution:
+  <a href="https://exok.com/games/celeste/" target="_blank">Celeste</a>
+</p>
+<style>
+  #attr {
+    display: inline-block;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    color: white !important;
+    text-shadow: 0 0.1em 0.5em black;
+  }
+</style>

views/index.html

@@ -15,6 +15,7 @@
         background: url("/assets/bg.jpg");
         background-position: center;
         background-size: cover;
+        background-attachment: fixed;
         text-align: center;
         color: white;
         text-shadow: 0 0.1em 0.5em black;

views/styles/style.css

@@ -23,7 +23,7 @@
   --header-font-weight: 400;
   --font-family: "Lexend Deca";
   --border-width: calc(2rem / 16);
-  --base-color: 311, 32%;
+  --base-color: 320, 50%;
   --border-radius: calc(4rem / 16);
 }
 
@@ -84,3 +84,14 @@ h2 a {
 .rs {
   float: inline-end;
 }
+
+html:not(.base) {
+  background: url("/assets/bg.jpg");
+  background-position: center;
+  background-size: cover;
+  background-attachment: fixed;
+}
+html:not(.base) body {
+  backdrop-filter: blur(8px);
+  --background-color: hsla(var(--base-color), 80%, 0.9);
+}