diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 39c0d74..2aeeb43 100755
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -23,6 +23,9 @@ body {
width: 100%;
height: 100%;
overflow-x: hidden;
+}
+
+html {
background-color: rgba(var(--color-base), .7);
background-size: cover;
background-blend-mode: overlay;
@@ -30,16 +33,6 @@ body {
background-attachment: fixed;
}
-html {
- height: 100vh;
- overflow: hidden;
-}
-
-body {
- overflow-y: scroll;
- height: 100vh;
-}
-
picture {
display: contents;
}
@@ -74,6 +67,11 @@ body > div {
text-decoration: none;
text-align: center;
user-select: none;
+ background-color: rgba(var(--color-contrast), .13);
+ box-shadow:
+ inset 0 .3vh 1.6vh rgba(0, 0, 0, 0),
+ 0 .1vh .3vh rgba(0, 0, 0, .12),
+ 0 .1vh .2vh rgba(0, 0, 0, .24);
}
/* --- */
@@ -132,11 +130,6 @@ body > div {
padding: var(--padding-vert) 0;
margin-top: calc(var(--padding) / 2);
border-radius: clamp(9px, .5vw, .5vw);
- background-color: rgba(var(--color-contrast), .13);
- box-shadow:
- inset 0 .3vh 1.6vh rgba(0, 0, 0, 0),
- 0 .1vh .3vh rgba(0, 0, 0, .12),
- 0 .1vh .2vh rgba(0, 0, 0, .24);
}
/* -- Media Queries -- */
diff --git a/public/assets/js/glitch/Generator.mjs b/public/assets/js/glitch/Generator.mjs
index de71c0a..7735d45 100644
--- a/public/assets/js/glitch/Generator.mjs
+++ b/public/assets/js/glitch/Generator.mjs
@@ -16,7 +16,14 @@ class Generator {
// Get or set the path to where base64 images are stored
get dir () { return this._dir; },
set dir (newPath) {
- this._dir = newPath + this._dir_rel;
+ const url = new URL(newPath);
+
+ // Replace pathname of this file with relative path to assets
+ const path = url.pathname.split("/");
+ path[path.length - 1] = this._dir_rel;
+
+ url.pathname = path.join("/");
+ this._dir = url.toString();
}
}
}
diff --git a/public/assets/js/script.mjs b/public/assets/js/script.mjs
index f6b6974..2592a11 100644
--- a/public/assets/js/script.mjs
+++ b/public/assets/js/script.mjs
@@ -11,4 +11,4 @@ for(let link of document.getElementsByTagName("a")) {
});
}
-window.glitch = new Glitch(document.body);
\ No newline at end of file
+window.glitch = new Glitch(document.body.parentElement);
\ No newline at end of file
diff --git a/public/error.html b/public/error.html
index 636c1fb..a769606 100755
--- a/public/error.html
+++ b/public/error.html
@@ -5,24 +5,20 @@
Victor Westerlund
-
-
-
-
+
+
+
+
+
- there is nothing here
- and that is all I know
- take me home
-
+
+