change bg :3

This commit is contained in:
MeowcaTheoRange 2024-01-30 11:23:45 -06:00
parent e813ec4b39
commit dfbf1c6d64
4 changed files with 29 additions and 2 deletions

1
.gitignore vendored
View file

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

14
embeds/attr.html Normal file
View file

@ -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>

View file

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

View file

@ -23,7 +23,7 @@
--header-font-weight: 400; --header-font-weight: 400;
--font-family: "Lexend Deca"; --font-family: "Lexend Deca";
--border-width: calc(2rem / 16); --border-width: calc(2rem / 16);
--base-color: 311, 32%; --base-color: 320, 50%;
--border-radius: calc(4rem / 16); --border-radius: calc(4rem / 16);
} }
@ -84,3 +84,14 @@ h2 a {
.rs { .rs {
float: inline-end; 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);
}