feat(.assets): add confused byte

BlueprintFramework · Nov 26, 2023 · 2b01cdd · 2b01cdd
1 parent c305a04
commit 2b01cdd
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/.assets/storage/misc/png/4.png b/.assets/storage/misc/png/4.png
diff --git a/.assets/storage/misc/png/5.png b/.assets/storage/misc/png/5.png
diff --git a/.assets/storage/misc/png/6.png b/.assets/storage/misc/png/6.png
diff --git a/browse/index.html b/browse/index.html
@@ -98,6 +98,9 @@ <h1 class="display-4 fw-normal lh-1 mb-2 d-lg-none d-block text-center" style="c
   <!-- Products -->
   <div class="container">
     <div class="row" id="products"></div>
+    <div class="row" id="byte-confused" style="display: none">
+      <p class="text-center"><img src="/.assets/storage/misc/png/6.png" style="width: 150px; opacity: .2"></p>
+    </div>
   </div>
 
 
@@ -196,6 +199,7 @@ <h5 class="card-title text-truncate">${product.name}</h5>
         param('1', 'n') 
         a.innerHTML = ".filter-themes { display: none }"; 
       }
+      byteconfused()
     }
     function handleExtensionFilter() { 
       var a = document.getElementById("css-filter-extensions");
@@ -205,7 +209,16 @@ <h5 class="card-title text-truncate">${product.name}</h5>
       } else { 
         param('2', 'n'); 
         a.innerHTML = ".filter-extensions { display: none }"; 
-      } 
+      }
+      byteconfused()
+    }
+
+    function byteconfused() {
+      var byte = document.getElementById("byte-confused")
+      var url = new URL(window.location.href)
+
+      if(url.searchParams.get('1') == 'n' && url.searchParams.get('2') == 'n') { byte.style.display = "inline" }
+      else { byte.style.display = "none" }
     }
 
     filterThemes.addEventListener('change', handleThemeFilter)
@@ -225,6 +238,7 @@ <h5 class="card-title text-truncate">${product.name}</h5>
       if(url.searchParams.get('2') == 'y') { b.innerHTML = ""; d.checked = true }
       else if(url.searchParams.get('2') == 'n') { b.innerHTML = ".filter-extensions { display: none }"; d.checked = false }
       else { b.innerHTML = ""; d.checked = true }
+      byteconfused()
     }
     filter()
   </script>