vNext (2.4.1)

Fixed a bug that caused the backdrop blur effect to always be enabled
Futur3Sn0w · Feb 11, 2024 · 77ebcbf · 77ebcbf
1 parent 4597daf
commit 77ebcbf
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 17 deletions.
diff --git a/css/structure/css.css b/css/structure/css.css
@@ -99,7 +99,7 @@ body::before,
     opacity: 0;
 
     position: absolute;
-    z-index: 1;
+    z-index: -1;
     transition: .4s;
 }
 
@@ -114,6 +114,9 @@ body:has(.about-modal.visible)::before {
     opacity: 1;
     display: flex;
     z-index: 0;
+
+    background-color: transparent !important;
+    backdrop-filter: none !important;
 }
 
 body:has(.timeDate.ccOpen .ccb2.selected) .siteDrop {

diff --git a/index.html b/index.html
@@ -181,7 +181,7 @@
             <div class="header">
                 <img src="favicons/android-chrome-192x192.png" alt="">
                 <p id="title">(PlusUI)</p>
-                <p class="siteVer" id="ver">v2.4</p>
+                <p class="siteVer" id="ver">v2.4.1</p>
             </div>
             <div class="aboutText">
                 A hybrid dashboard and digital display for large-format screens, heavily inspired by TV & VisionOS

diff --git a/js/app.js b/js/app.js
@@ -25,23 +25,28 @@ window.onload = function () {
         $('.aboutBtn').removeClass('visible');
     }, 6000);
 
-    // if (isTouchScreendevice()) {
-    //     $('.card').removeClass('parallax');
-    // } else {
-    //     tilt = $('.subCards .card[data-parallaxCard="y"]').tilt({
-    //         perspective: 350,   // Transform perspective, the lower the more extreme the tilt gets.
-    //         scale: 1.075,      // 2 = 200%, 1.5 = 150%, etc..
-    //         speed: 500    // Speed of the enter/exit transition
-    //     });
-    // }
-
-    // weatherBalloon(lsOwmCity);
+    if (isTouchScreendevice()) {
+        $('.card').removeClass('parallax');
+    } else {
+        tilt = $('.subCards .card[data-parallaxCard="y"]').tilt({
+            perspective: 350,   // Transform perspective, the lower the more extreme the tilt gets.
+            scale: 1.075,      // 2 = 200%, 1.5 = 150%, etc..
+            speed: 500    // Speed of the enter/exit transition
+        });
+    }
+
+    $('#backDrop2').css('background-image', "url(" + backdropImg + ")");
+    $('body').css('background-image', "url(" + backdropImg + ")");
+    repeater = setInterval(refreshWall, 60000);
 
     if (localStorage.getItem('liveLink') == null) {
         localStorage.setItem('liveLink', 'https://flux.sandydoo.me')
+        clearInterval(repeater)
     }
 
     if (localStorage.getItem('liveWall') == 'true') {
+        $('#backDrop2').css('background-image', "url(resc/dark.png)");
+        $('body').css('background-image', "none");
         $('<embed src="' + localStorage.getItem('liveLink') + '" type="">').appendTo('.siteDrop');
         $('#liveLinkTB').val(localStorage.getItem('liveLink'));
         $('#siteDropToggle').prop('checked', true);
@@ -84,10 +89,6 @@ window.onload = function () {
         $('#cbMonoMode').prop('checked', true);
     }
 
-    $('#backDrop2').css('background-image', "url(" + backdropImg + ")");
-    $('body').css('background-image', "url(" + backdropImg + ")");
-    repeater = setInterval(refreshWall, 60000);
-
     // cardSmarts();
 
     $('.card').each(function (i, e) {