i

i1li · Nov 28, 2024 · 52825c0 · 52825c0
1 parent a523c20
commit 52825c0
Show file tree

Hide file tree

Showing 7 changed files with 60 additions and 5 deletions.
diff --git a/dist/bundle-29145.css b/dist/bundle-29145.css
diff --git a/dist/bundle-7cd46.js → dist/bundle-29145.js b/dist/bundle-7cd46.js → dist/bundle-29145.js
diff --git a/dist/bundle-7cd46.css b/dist/bundle-7cd46.css
diff --git a/dist/index.html b/dist/index.html
diff --git a/src/css/background.css b/src/css/background.css
@@ -53,3 +53,55 @@
     left: 0;
     border-radius:0;
 }
+#bottom {
+    position:fixed;
+    z-index: 1000;
+    bottom:0;
+    left: 0;
+    border-radius:0;
+    width: 100%;
+    height: 2.5%;
+    background: linear-gradient(to top, 
+    rgba(128, 128, 128, 1) 0%,
+    rgba(128, 128, 128, 0.05) 100%);
+    mix-blend-mode: color-burn;
+}
+#top {
+    position:fixed;
+    z-index: 1000;
+    top:0;
+    left: 0;
+    border-radius:0;
+    width: 100%;
+    height: 2.2%;
+    background: linear-gradient(to bottom, 
+    rgba(128, 128, 128, .65) 0%,
+    rgba(128, 128, 128, 0.1) 100%);
+    mix-blend-mode: color-burn;
+}
+#left {
+    position:fixed;
+    z-index: 1000;
+    top:0;
+    left: 0;
+    border-radius:0;
+    width: 1.5%;
+    height: 100%;
+    background: linear-gradient(to right, 
+    rgba(128, 128, 128, .55) 0%,
+    rgba(128, 128, 128, 0.1) 100%);
+    mix-blend-mode: color-burn;
+}
+#right {
+    position:fixed;
+    z-index: 1000;
+    top:0;
+    right: 0;
+    border-radius:0;
+    width: 1.5%;
+    height: 100%;
+    background: linear-gradient(to left, 
+    rgba(128, 128, 128, .55) 0%,
+    rgba(128, 128, 128, 0.1) 100%);
+    mix-blend-mode: color-burn;
+}
diff --git a/src/css/style.css b/src/css/style.css
@@ -31,7 +31,7 @@ header {position: sticky;
     padding-top:0;
     backdrop-filter: blur(.07em) brightness(90%) contrast(115%) saturate(115%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(128, 128, 128, 0.1));
-    min-width: 97vw;
+    min-width: 97%;
     overflow-x: hidden;
     border-radius: 0 0 1em 1em;
     border:none;}

diff --git a/src/index.html b/src/index.html
@@ -7,9 +7,12 @@
 <link rel="stylesheet" type="text/css" href="/yt/youtube-embed.css">
 </head><body>
 <div id="bg-wrapper"><div id="bg-img"><div id="bg-wrapper2"><div id="bg-wrapper3"></div></div></div></div>
-<div id="bg"><div id="shift-layer1"><div id="shift-layer2"></div></div></div>
+<div id="bg"><div id="shift-layer1"><div id="shift-layer2"></div></div></div><div id="bottom"></div><div id="top"></div><div id="left"></div><div id="right"></div>
+
 <span id="toTop" onclick="goToTop()" title="Go to top"><img alt="Go to top" class="to-top" decoding="async" src="/img/top.png"></span>
+
 <div id="fullScreenOverlay" onclick="closeOverlay()"><span class="close-button" onclick="closeOverlay()">&times;</span><img id="overlayImage"></div>
+
 <div id="searchOverlay" class="search-overlay">
 <span class="closeBtn" onclick="closeSearchOverlay()">&times;</span>
 <div class="search-overlay-content"><div class="search-input-container">