show placholder instead of no explore box at all

assets/js/main.js

@@ -38,12 +38,15 @@ if (btnModal) {
 // If #usb-butter exists and a request to thishost.tld/usb-butter returns status 200
 // change display of #usb-butter to inherit
 const usbButter = document.querySelector('#usb-butter');
-if (usbButter) {
+const usbButterPlaceholder = document.querySelector('#usb-butter-placeholder');
+if (usbButter && usbButterPlaceholder) {
   fetch(usbButter.dataset.url)
     .then(response => {
       console.log(response);
       if (response.status === 200) {
         usbButter.style.display = 'inherit';
+        usbButterPlaceholder.style.display = 'none';
       }
-    });
+    }
+  );
 }

index.html

@@ -13,6 +13,11 @@ layout: default
           {% t explore %}
       </div>
     </a>
+    <div id="usb-butter-placeholder">
+      <div class="card">
+          {% t explore_missing %}
+      </div>
+    </div>
     <a href="/chat/#/room/%23public%3A{{site.data.deployment.chat_server}}">
       <div class="card">
         <img src="{{ site.baseurl }}/assets/images/message-icon.png" alt="Message Icon" class="card-icon">