From dfbf1c6d64ea15e6ebe051137e591ce7cdd113a8 Mon Sep 17 00:00:00 2001
From: MeowcaTheoRange <me@abtmtr.link>
Date: Tue, 30 Jan 2024 11:23:45 -0600
Subject: [PATCH] change bg :3

---
 .gitignore             |  3 ++-
 embeds/attr.html       | 14 ++++++++++++++
 views/index.html       |  1 +
 views/styles/style.css | 13 ++++++++++++-
 4 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 embeds/attr.html

diff --git a/.gitignore b/.gitignore
index 92bd20d..72edaf7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,4 +4,5 @@ output/
 .vercel
 
 # the world isn't ready yet
-views/projects/item/wavetapper
\ No newline at end of file
+views/projects/item/wavetapper
+views/projects/item/dice_2
\ No newline at end of file
diff --git a/embeds/attr.html b/embeds/attr.html
new file mode 100644
index 0000000..0bb76f7
--- /dev/null
+++ b/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>
diff --git a/views/index.html b/views/index.html
index 6b3714f..dc061e6 100755
--- a/views/index.html
+++ b/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;
diff --git a/views/styles/style.css b/views/styles/style.css
index 08d1ce1..c07e3b4 100644
--- a/views/styles/style.css
+++ b/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);
+}