From f996359f3a7fb782a1479c94dafb778425a5afe5 Mon Sep 17 00:00:00 2001 From: t404owo Date: Fri, 17 Oct 2025 01:33:43 +0000 Subject: [PATCH] test #1 --- assets/js/mail.js | 50 +++++++++++++++++++++++++++++++++++++++++++++ contacts/index.html | 5 +++-- 2 files changed, 53 insertions(+), 2 deletions(-) create mode 100644 assets/js/mail.js diff --git a/assets/js/mail.js b/assets/js/mail.js new file mode 100644 index 0000000..d9fe0df --- /dev/null +++ b/assets/js/mail.js @@ -0,0 +1,50 @@ +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm"; + +const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; +const supabaseKey = + "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. +const supabase = createClient(supabaseUrl, supabaseKey); + +const form = document.getElementById("mail-form"), + nameInput = document.getElementById("name"), + emailInput = document.getElementById("email"), + subjectInput = document.getElementById("subject"), + messageInput = document.getElementById("message"), + statusMessage = document.querySelector(".box"); + +form.addEventListener("submit", async (e) => { + e.preventDefault(); + + const name = nameInput.value.trim(); + const email = emailInput.value.trim(); + const subject = subjectInput.value.trim(); + const message = messageInput.value.trim(); + + if (!name || !email || !subject || !message || + name.length==0 || email.length==0 || subject.length==0 || message.length==0) { + statusMessage.textContent = "Please fill in all fields."; + statusMessage.style.color = "FFDCDC"; + return; + } + + try { + const { data, error } = await supabase + .from("mail") + .insert([{ name, email, subject, message }]); + + if (error) { + throw error; + } + + statusMessage.textContent = "Message sent successfully!"; + statusMessage.style.color = "DDF6D2"; + form.reset(); + } catch (error) { + console.error("Error sending message:", error); + statusMessage.textContent = "Error sending message. Please try again."; + statusMessage.style.color = "FFDCDC"; + } +}); \ No newline at end of file diff --git a/contacts/index.html b/contacts/index.html index 7414ce2..f1fb150 100644 --- a/contacts/index.html +++ b/contacts/index.html @@ -7,6 +7,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o +