updated directory structure to fix root Service Worker issues and performance improvements

2025-09-09 23:48:44 +00:00 · 2025-02-05 16:54:40 -05:00
parent 03c28dacab
commit b6b61e4e15
94 changed files with 2265 additions and 79 deletions
--- a/components/application-form.html
+++ b/components/application-form.html
@@ -0,0 +1,102 @@
+<!-- components/application-form.html 
+     https://bitvid.network?modal=application => open nostrFormModal
+-->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Application Form</title>
+    <!-- Include Tailwind CSS -->
+    <link href="css/tailwind.min.css" rel="stylesheet" />
+  </head>
+  <body class="bg-gray-900 text-gray-100">
+    <!-- Application Form Modal -->
+    <div
+      id="nostrFormModal"
+      class="fixed inset-0 z-50 hidden"
+      style="background: transparent"
+    >
+      <!-- Dark/blur overlay -->
+      <div
+        class="absolute inset-0 z-10"
+        style="
+          background-color: rgba(0, 0, 0, 0.9);
+          backdrop-filter: blur(10px);
+          -webkit-backdrop-filter: blur(10px);
+        "
+      ></div>
+
+      <!-- Outer container with full width and centered content -->
+      <div
+        class="modal-container relative h-full w-full flex items-start justify-center overflow-y-auto z-20"
+      >
+        <!-- Inner content container -->
+        <div
+          class="modal-content bg-gray-900 w-full max-w-[90%] lg:max-w-6xl my-0 rounded-lg overflow-hidden relative"
+        >
+          <!-- Header bar with updated styling -->
+          <div
+            class="sticky top-0 bg-gradient-to-b from-black/80 to-transparent p-4 flex items-center justify-between border-b border-gray-700"
+          >
+            <h2 class="text-3xl font-extrabold text-white tracking-wide pb-2">
+              Application Form
+            </h2>
+            <button
+              id="closeNostrFormModal"
+              class="flex items-center justify-center w-10 h-10 rounded-full bg-black/50 hover:bg-black/70 transition-all duration-200 backdrop-blur focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-black focus:ring-blue-500"
+            >
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                class="w-6 h-6 text-gray-300"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="M6 18L18 6M6 6l12 12"
+                />
+              </svg>
+            </button>
+          </div>
+
+          <!-- Main Content -->
+          <div class="p-6">
+            <div class="w-full" style="height: 80vh">
+              <iframe
+                src="./components/iframe_forms/iframe-application-form.html"
+                class="w-full h-full"
+                frameborder="0"
+                style="border: none; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2)"
+              ></iframe>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Optional Script for Opening/Closing the Modal -->
+    <script>
+      const openBtn = document.getElementById("openNostrForm");
+      const appModal = document.getElementById("nostrFormModal");
+      const closeBtn = document.getElementById("closeNostrFormModal");
+
+      // Open the modal when the designated button is clicked.
+      if (openBtn) {
+        openBtn.addEventListener("click", () => {
+          appModal.classList.remove("hidden");
+        });
+      }
+
+      // Close the modal when the close button is clicked.
+      if (closeBtn) {
+        closeBtn.addEventListener("click", () => {
+          appModal.classList.add("hidden");
+        });
+      }
+    </script>
+  </body>
+</html>