Fix import URL for Supabase client

Added Supabase JavaScript library script tag.

assets/css/main.css

@@ -713,7 +713,7 @@ textfield {
 
 @font-face {
   font-family: "NerdFontsSymbols Nerd Font";
-  src: url("/assets/fonts/nf-symbols.woff2") format("woff2");
+  src: url("https://www.nerdfonts.com/assets/fonts/Symbols-2048-em Nerd Font Complete.woff2") format("woff2");
 }
 
 .nf-icons {

assets/js/index.js

@@ -17,8 +17,7 @@ half_img_cards = document.querySelector(".half-image-cards");
 import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm";
 
 const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co";
-const supabaseKey =
+const supabaseKey = "sb_publishable_b0fMYw5I1X97gQXJLVBnrA_-0L4qHGv";
-  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im93YmFtY3FkbXFldHJnY3pueHZhIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MjI5NDU5NjIsImV4cCI6MjAzODUyMTk2Mn0.xNen7b513ZGwJ-Qu5iZ6K8qrmvy4QVjS10wiYbEEwKc";
 //anon key, you cant access private stuffs or add hilarious stuffs w/ this...
 //(unless sending me some malicious links but I delete your msg)
 //the moment you notice you need an API endpoint.

assets/js/mail.js

@@ -2,7 +2,7 @@ import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js
 
 const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co";
 const supabaseKey =
-  "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im93YmFtY3FkbXFldHJnY3pueHZhIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MjI5NDU5NjIsImV4cCI6MjAzODUyMTk2Mn0.xNen7b513ZGwJ-Qu5iZ6K8qrmvy4QVjS10wiYbEEwKc";
+  "sb_publishable_b0fMYw5I1X97gQXJLVBnrA_-0L4qHGv";
 //anon key, you cant access private stuffs or add hilarious stuffs w/ this...
 //(unless sending me some malicious links but I delete your msg)
 //the moment you notice you need an API endpoint.
@@ -13,7 +13,8 @@ const   form = document.getElementById("mail-form"),
         emailInput = document.getElementById("email"),
         subjectInput = document.getElementById("subject"),
         messageInput = document.getElementById("message"),
-        statusMessage = document.querySelector(".box");
+        statusMessage = document.querySelector(".box"),
+        submitButton = form.querySelector('button[type="submit"]');;
 
 form.addEventListener("submit", async (e) => {
     e.preventDefault();
@@ -23,14 +24,16 @@ form.addEventListener("submit", async (e) => {
     const subject = subjectInput.value.trim();
     const message = messageInput.value.trim();
 
+  
     try {
     
-        [name, email, subject, message].forEach(obj =>
+        [name, email, subject, message].forEach(obj => {
             if (!obj || obj.length===0) {
                 throw new Error("field_missing");
             }
         });
-    
+        
+        if (submitButton) submitButton.disabled = true;
         const { data, error } = await supabase
             .from("mail")
             .insert([{ name, email, subject, message }]);
@@ -38,17 +41,19 @@ form.addEventListener("submit", async (e) => {
         if (error) {
             throw error;
         }
-
+        
         statusMessage.textContent = "Message sent successfully!";
         statusMessage.style = "background: #DDF6D2";
         form.reset();
+        if (submitButton) submitButton.disabled = false;
     } catch (error) {
         console.error("Error sending message:", error);
-        statusMessage.textContent = (error === "field_missing") ?
+        statusMessage.textContent = (error.message === "field_missing") ?
         /*if (error==="field_missing")*/    
             "Please fill in all fields." :
         /*else*/
             "Error sending message. Please try again.";
         statusMessage.style = "background: #FFDCDC";
+      if (submitButton) submitButton.disabled = false;
     }
 });

contacts/index.html

@@ -234,7 +234,7 @@ Here is my contact list. Feel free to contact me in case you need anything in my
       </h1>
       <div class="contact-email">
         <form method="POST" class="form" id="mail-form">
-                <label for="name">Subject:</label>
+                <label for="name">Name:</label>
                 <input type="text" name="name" id="name" class="inputbox" placeholder="Your Name" required>
                 <br>
                 <label for="email">Email:</label>
@@ -253,4 +253,4 @@ Here is my contact list. Feel free to contact me in case you need anything in my
     </main>
     <div class="footer">&copy; t404:null 2021-2025 - All Rights Reserved</div>
   </body>
-</html>
+</html>

release/index.html

@@ -198,4 +198,4 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
     </main>
     <div class="footer">&copy; t404:null 2021-2025 - All Rights Reserved</div>
   </body>
-</html>
+</html>