Add eruda script for debugging in index.html

Change Supabase anon key to a publishable key
Updated Supabase anon key to a publishable key for security.
2025-12-12 18:08:47 +00:00 · 2025-12-07 18:36:57 +01:00 · 2025-12-07 18:35:03 +01:00 · 2025-12-07 18:34:15 +01:00 · 2025-10-17 05:05:18 +02:00 · 2025-10-17 05:04:37 +02:00
6 changed files with 202 additions and 20 deletions
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -12,7 +12,6 @@ main,
 textarea,
 textfield {
  font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
-  font-size: 1.25rem;
 }

 main {
@@ -605,7 +604,6 @@ nav {
    margin-top: 0.5rem;
    margin-left:-5px;
    padding: 5px;
-    font-size:0.95rem;
  }

  :not(textarea) {
@@ -678,6 +676,7 @@ nav {
 textarea,
 textfield {
  padding: 5px;
+  font-size: 0.95rem;
  resize: vertical;
  min-height: 5rem;
 }
@@ -945,4 +944,4 @@ textfield {
      display: block;
    }
  }
-}
+}
--- a/assets/css/old.css
+++ b/assets/css/old.css
@@ -2,6 +2,34 @@
@import url("/assets/css/fonts/noto-sans-jp.css");
@import url("/assets/css/fonts/plus-jarkata-sans.css");

+body {
+  margin: 0px;
+  height: 100%;
+}
+
+main,
+textarea,
+textfield {
+  font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system;
+}
+
+main {
+  margin: 0.75rem;
+  height: 100%;
+  margin-bottom: 0;
+  margin-top: 0;
+  min-height: calc(100vh - 10vh);
+}
+
+.main-page {
+  max-width: 2300px;
+  margin: 0 auto;
+}
+
+hr {
+  margin: 2rem 0px;
+}
+
 nav {
  z-index: 4;
  position: -webkit-sticky;
@@ -88,6 +116,24 @@ nav .dropdown {
  transition: 0.3s;
 }

+.footer {
+  font-family: Jost, "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif;
+  position: sticky;
+  /* width: 100%;
+	 */
+  background-color: white;
+  /* bottom: 0;
+	 */
+  /* left:0;
+	 */
+  z-index: 3;
+  padding: 1rem;
+  background-color: #ddd;
+  margin: 0px;
+  text-align: center;
+  align-content: center;
+}
+
 /*---nav---*/
 .menu {
  padding-top: 0.4rem;
@@ -219,7 +265,51 @@ nav .dropdown {
  transition-delay: 0.3s;
 }

+.dropdown {
+  display: none;
+  overflow: auto;
+  max-height: 70vh;
+}
+
 /*---- main ----*/
+.container {
+  position: relative;
+  height: 50vw;
+  width: 100%;
+  margin: auto;
+  margin-top: 1rem;
+}
+
+.carousel {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #ddd;
+  border-radius: 0.5rem;
+  position: relative;
+  overflow: hidden;
+}
+
+.slider-bg {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  background-repeat: no-repeat;
+  background-attachment: fixed;
+  background-size: cover;
+  background-position: center;
+  filter: blur(5px) brightness(75%);
+  -webkit-filter: blur(5px) brightness(60%);
+  z-index: 1;
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  transition: 0.3s;
+  padding: auto;
+  border-radius: 0.5rem;
+  transform: scale(1.1);
+}

 .slider section {
  overflow: hidden;
@@ -272,6 +362,67 @@ nav .dropdown {
  cursor: pointer;
 }

+.prev,
+.next {
+  background-color: rgba(0, 0, 0, 0.3);
+  color: #fff;
+  position: absolute;
+  height: 5rem;
+  width: 5rem;
+  font-size: 4.5rem;
+  top: 50%;
+  transform: translate(0, -50%);
+  z-index: 2;
+  cursor: pointer;
+  border-radius: 0.5rem;
+  font-family: serif;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.next {
+  right: 1rem;
+}
+
+.prev {
+  left: 1rem;
+}
+
+.pgctrl {
+  font-family: sans-serif, --apple-system;
+  z-index: 1;
+  position: absolute;
+  bottom: 0.5rem;
+  left: 50%;
+  vertical-align: middle;
+  transform: translate(-50%);
+  padding: 0px 0.5rem;
+  margin: 0px 0px;
+  background-color: rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+  list-style: none;
+  display: flex;
+  z-index: 2;
+  font-size: 4rem;
+  color: white;
+  cursor: pointer;
+  transition: 0.75s;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.control {
+  text-align: center;
+}
+
 /* Cards */
 .album-cards {
  margin: auto;
@@ -439,7 +590,6 @@ nav .dropdown {
  margin-top: 0.5rem;
  margin-left: -5px;
  padding: 5px;
-  font-size: 0.95rem;
 }

 .contact-email :not(textarea) {
@@ -507,6 +657,14 @@ nav .dropdown {
  margin-bottom: 1rem;
 }

+textarea,
+textfield {
+  padding: 5px;
+  font-size: 0.95rem;
+  resize: vertical;
+  min-height: 5rem;
+}
+
 .topic {
  padding: 1rem;
  font-size: 3rem;
@@ -530,6 +688,21 @@ nav .dropdown {
  background-size: 100% 0.2em;
 }

+/* overall */
+.icons {
+  font-size: 2.25rem;
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "NerdFontsSymbols Nerd Font";
+  src: url("/assets/fonts/nf-symbols.woff2") format("woff2");
+}
+
+.nf-icons {
+  font-family: "NerdFontsSymbols Nerd Font";
+}
+
 /* Releases */
 .release-track {
  background-size: cover;
@@ -603,6 +776,15 @@ nav .dropdown {
  font-size: 1.6rem;
 }

+.subdiv {
+  padding: 1rem;
+}
+
+.long-br {
+  display: block;
+  height: 2rem;
+}
+
@media screen and (width >=1180px) and (width<=1690px) {

  /*if(width<1620px&&width>=1125px)*/
@@ -737,4 +919,4 @@ nav .dropdown {
  nav .burger {
    display: block;
  }
-}
+}
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -18,7 +18,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.
--- a/assets/js/mail.js
+++ b/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.
@@ -23,14 +23,14 @@ form.addEventListener("submit", async (e) => {
    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 = "background: #FFDCDC";
+        return;
+    }
+
    try {
-    
-        [name, email, subject, message].forEach(obj =>
-            if (!obj || obj.length===0) {
-                throw new Error("field_missing");
-            }
-        });
-    
        const { data, error } = await supabase
            .from("mail")
            .insert([{ name, email, subject, message }]);
@@ -44,11 +44,7 @@ form.addEventListener("submit", async (e) => {
        form.reset();
    } catch (error) {
        console.error("Error sending message:", error);
-        statusMessage.textContent = (error.message === "field_missing") ?
-        /*if (error==="field_missing")*/    
-            "Please fill in all fields." :
-        /*else*/
-            "Error sending message. Please try again.";
+        statusMessage.textContent = "Error sending message. Please try again.";
        statusMessage.style = "background: #FFDCDC";
    }
 });
--- a/contacts/index.html
+++ b/contacts/index.html
@@ -9,6 +9,7 @@ Here is my contact list. Feel free to contact me in case you need anything in my
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
    <script src="/assets/js/mail.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
  </head>
  <body>
    <nav>
@@ -234,7 +235,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">Name:</label>
+                <label for="name">Subject:</label>
                <input type="text" name="name" id="name" class="inputbox" placeholder="Your Name" required>
                <br>
                <label for="email">Email:</label>
--- a/index.html
+++ b/index.html
@@ -14,6 +14,10 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o
    />
    <meta charset="UTF-8" />
    <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
+    <script src="https://cdn.jsdelivr.net/npm/eruda"></script>
+    <script>
+      eruda.init();
+    </script>
  </head>
  <body>
    <nav>
Author	SHA1	Message	Date
t404owo	73476e1595	Add eruda script for debugging in index.html	2025-12-07 18:36:57 +01:00
t404owo	23367f7d2e	Change Supabase anon key to a publishable key Updated Supabase anon key to a publishable key for security.	2025-12-07 18:35:03 +01:00
t404owo	73e96c9d69	Update index.js	2025-12-07 18:34:15 +01:00
t404owo	58d8e7ec39	Update index.html	2025-10-17 05:05:18 +02:00
t404owo	2d0a5c1ce5	Merge pull request #19 from t404owo/main Update to unstable branch	2025-10-17 05:04:37 +02:00