From fd290598c1b0d87d8db556a91d9499ff44dcba40 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sat, 18 Oct 2025 00:48:16 +0000 Subject: [PATCH 01/40] change font size --- assets/css/main.css | 2 +- assets/css/old.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 416f00b..a9d4ef1 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -604,6 +604,7 @@ nav { margin-top: 0.5rem; margin-left:-5px; padding: 5px; + font-size:0.95rem; } :not(textarea) { @@ -676,7 +677,6 @@ nav { textarea, textfield { padding: 5px; - font-size: 0.95rem; resize: vertical; min-height: 5rem; } diff --git a/assets/css/old.css b/assets/css/old.css index f19649d..4759db6 100644 --- a/assets/css/old.css +++ b/assets/css/old.css @@ -590,6 +590,7 @@ nav .dropdown { margin-top: 0.5rem; margin-left: -5px; padding: 5px; + font-size: 0.95rem; } .contact-email :not(textarea) { @@ -660,7 +661,6 @@ nav .dropdown { textarea, textfield { padding: 5px; - font-size: 0.95rem; resize: vertical; min-height: 5rem; } From d1ad38ba9b950997f131f63cf07ecfef58a81592 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 01:38:24 +0200 Subject: [PATCH 02/40] Increase font size for main elements --- assets/css/main.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assets/css/main.css b/assets/css/main.css index a9d4ef1..4120252 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -12,6 +12,7 @@ main, textarea, textfield { font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system; + font-size: 1.25rem; } main { @@ -944,4 +945,4 @@ textfield { display: block; } } -} \ No newline at end of file +} From 524bc3be830d102999648a0f647de35c66b8ac66 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 01:50:47 +0200 Subject: [PATCH 03/40] Refactor old.css by removing unnecessary styles Removed redundant CSS styles. --- assets/css/old.css | 184 +-------------------------------------------- 1 file changed, 1 insertion(+), 183 deletions(-) diff --git a/assets/css/old.css b/assets/css/old.css index 4759db6..4269c06 100644 --- a/assets/css/old.css +++ b/assets/css/old.css @@ -2,34 +2,6 @@ @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; @@ -116,24 +88,6 @@ 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; @@ -265,51 +219,7 @@ 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; @@ -362,67 +272,6 @@ 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; @@ -658,13 +507,6 @@ nav .dropdown { margin-bottom: 1rem; } -textarea, -textfield { - padding: 5px; - resize: vertical; - min-height: 5rem; -} - .topic { padding: 1rem; font-size: 3rem; @@ -688,21 +530,6 @@ textfield { 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; @@ -776,15 +603,6 @@ textfield { 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)*/ @@ -919,4 +737,4 @@ textfield { nav .burger { display: block; } -} \ No newline at end of file +} From 123fd0a7bf3b8cb10593395aefe7a3d5cf3ae1b5 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 02:16:30 +0200 Subject: [PATCH 04/40] Simplify mail.js --- assets/js/mail.js | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/assets/js/mail.js b/assets/js/mail.js index 285ffbb..ee6e064 100644 --- a/assets/js/mail.js +++ b/assets/js/mail.js @@ -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,7 +44,11 @@ form.addEventListener("submit", async (e) => { form.reset(); } catch (error) { console.error("Error sending message:", error); - statusMessage.textContent = "Error sending message. Please try again."; + statusMessage.textContent = (error === "field_missing") ? + /*if (error==="field_missing")*/ + "Please fill in all fields." : + /*else*/ + "Error sending message. Please try again."; statusMessage.style = "background: #FFDCDC"; } -}); \ No newline at end of file +}); From eefe20d81cf88a94ece61b75015fcff6630f5959 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 02:20:14 +0200 Subject: [PATCH 05/40] Fix error handling in mail.js for status message --- assets/js/mail.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/mail.js b/assets/js/mail.js index ee6e064..d23d1d1 100644 --- a/assets/js/mail.js +++ b/assets/js/mail.js @@ -44,7 +44,7 @@ form.addEventListener("submit", async (e) => { form.reset(); } 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*/ From 254bc8a3ccbaf0a9c95933fa977faa1b9105a9b7 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 02:24:53 +0200 Subject: [PATCH 06/40] Change label from 'Subject' to 'Name' --- contacts/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/contacts/index.html b/contacts/index.html index e540670..72e951f 100644 --- a/contacts/index.html +++ b/contacts/index.html @@ -234,7 +234,7 @@ Here is my contact list. Feel free to contact me in case you need anything in my
- +
@@ -253,4 +253,4 @@ Here is my contact list. Feel free to contact me in case you need anything in my - \ No newline at end of file + From 9e18c458a5e9fa44e5c9b0958d3eccec3a2dafa6 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 02:35:30 +0200 Subject: [PATCH 07/40] Remove POST method from contact form --- contacts/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/contacts/index.html b/contacts/index.html index 72e951f..245e344 100644 --- a/contacts/index.html +++ b/contacts/index.html @@ -233,7 +233,7 @@ Here is my contact list. Feel free to contact me in case you need anything in my (Or) Contact me here
- +
From e74d3dcf43ac1f02e531ce5b5ef7b5f63fd34b97 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 19 Oct 2025 02:36:55 +0200 Subject: [PATCH 08/40] Change form to use POST method for mail form --- contacts/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/contacts/index.html b/contacts/index.html index 245e344..72e951f 100644 --- a/contacts/index.html +++ b/contacts/index.html @@ -233,7 +233,7 @@ Here is my contact list. Feel free to contact me in case you need anything in my (Or) Contact me here
- +
From 5a8bce7125a3a8524cccce18ab1b1e42467640cc Mon Sep 17 00:00:00 2001 From: t404owo Date: Mon, 20 Oct 2025 06:44:47 +0200 Subject: [PATCH 09/40] Syntax fix+button handling Fixed code syntax. Added button disable when sending. --- assets/js/mail.js | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/assets/js/mail.js b/assets/js/mail.js index d23d1d1..8eae79f 100644 --- a/assets/js/mail.js +++ b/assets/js/mail.js @@ -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,10 +41,11 @@ 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.message === "field_missing") ? @@ -50,5 +54,6 @@ form.addEventListener("submit", async (e) => { /*else*/ "Error sending message. Please try again."; statusMessage.style = "background: #FFDCDC"; + if (submitButton) submitButton.disabled = false; } }); From ddb1501e39386df7e91d8971c15466d999d4b90a Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 26 Oct 2025 02:31:48 +0200 Subject: [PATCH 10/40] Update font source URL for Nerd Fonts Update for better icon-loading traffic. --- assets/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/main.css b/assets/css/main.css index 4120252..6d170fb 100644 --- a/assets/css/main.css +++ b/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://github.com/t404owo/t404null/raw/refs/heads/main/assets/fonts/nf-symbols.woff2") format("woff2"); } .nf-icons { From efb2966d624e5f20f9a17f875dc3ed28483ec20f Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 26 Oct 2025 02:46:45 +0200 Subject: [PATCH 11/40] Update font source URL for Nerd Font --- assets/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/main.css b/assets/css/main.css index 6d170fb..0146e07 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -713,7 +713,7 @@ textfield { @font-face { font-family: "NerdFontsSymbols Nerd Font"; - src: url("https://github.com/t404owo/t404null/raw/refs/heads/main/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 { From d71bbe78a94dfd18be98627adf9d94f10c0d0a3d Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 18:27:13 +0100 Subject: [PATCH 12/40] Update Supabase anon key to use publishable key Replaced the Supabase anon key with a publishable key to make the website run normally. --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 52a7d27..8b2c414 100644 --- 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. From 892c24b49877a12053bcc1b51fdeaae2326b9a92 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 18:27:33 +0100 Subject: [PATCH 13/40] Update Supabase key in mail.js --- assets/js/mail.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/mail.js b/assets/js/mail.js index 8eae79f..46f1d00 100644 --- 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. From bb23015bc489e42da8aef79110b1284f11c6b17e Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:24:29 +0100 Subject: [PATCH 14/40] Fix import statement for Supabase client --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 8b2c414..8359089 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -14,7 +14,7 @@ let album_cards = document.querySelector(".album-cards"), half_img_cards = document.querySelector(".half-image-cards"); //The Database call. -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = From 9001ec9e38b7a29d196ed9fa983506fe62e92e5b Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:26:05 +0100 Subject: [PATCH 15/40] Fix import statement for Supabase client --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 8359089..32a9645 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -14,7 +14,7 @@ let album_cards = document.querySelector(".album-cards"), half_img_cards = document.querySelector(".half-image-cards"); //The Database call. -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = From 5c1b16789b96d4692b646f8f8547f557da2dd11e Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:29:46 +0100 Subject: [PATCH 16/40] Update Supabase import path to ESM version --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 32a9645..8b2c414 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -14,7 +14,7 @@ let album_cards = document.querySelector(".album-cards"), half_img_cards = document.querySelector(".half-image-cards"); //The Database call. -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = From 1636d189fe84453bd220f095502f359bcf93beb4 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:32:47 +0100 Subject: [PATCH 17/40] Update Supabase key in index.js Replaced the placeholder Supabase key with a jwt key. --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 8b2c414..52a7d27 100644 --- 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 = - "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. From a998ad564b840bce2def6a5a7ad9ec8c36e2ade4 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:38:44 +0100 Subject: [PATCH 18/40] Update Supabase key in index.js Replaced the Supabase key with a publishable key. --- assets/js/index.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/assets/js/index.js b/assets/js/index.js index 52a7d27..1c6bde7 100644 --- a/assets/js/index.js +++ b/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 = - "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im93YmFtY3FkbXFldHJnY3pueHZhIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MjI5NDU5NjIsImV4cCI6MjAzODUyMTk2Mn0.xNen7b513ZGwJ-Qu5iZ6K8qrmvy4QVjS10wiYbEEwKc"; +const supabaseKey = "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. From 23210ce689f1ffa3b0b7d1623910cf26282bd6cd Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:44:08 +0100 Subject: [PATCH 19/40] Update Supabase JS library import to latest version --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 1c6bde7..02e5662 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -14,7 +14,7 @@ let album_cards = document.querySelector(".album-cards"), half_img_cards = document.querySelector(".half-image-cards"); //The Database call. -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@latest"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = "sb_publishable_b0fMYw5I1X97gQXJLVBnrA_-0L4qHGv"; From a5f838fbd05ef44cb22a6d6562c9016f28e5efe1 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 19:44:29 +0100 Subject: [PATCH 20/40] Update Supabase JS client import to latest version --- assets/js/mail.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/mail.js b/assets/js/mail.js index 46f1d00..6ebdb94 100644 --- a/assets/js/mail.js +++ b/assets/js/mail.js @@ -1,4 +1,4 @@ -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js/+esm"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@latest"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = From bc83fa4ed831263829ad75b44b6b1313b76578e7 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 20:14:41 +0100 Subject: [PATCH 21/40] Update Supabase JS client version to 2 --- assets/js/mail.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/mail.js b/assets/js/mail.js index 6ebdb94..c39b187 100644 --- a/assets/js/mail.js +++ b/assets/js/mail.js @@ -1,4 +1,4 @@ -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@latest"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = From 4cb191f2e071782bece4322a78f2be5dfa87714c Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 20:14:56 +0100 Subject: [PATCH 22/40] Update Supabase JS library version to 2 --- assets/js/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/js/index.js b/assets/js/index.js index 02e5662..909adb8 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -14,7 +14,7 @@ let album_cards = document.querySelector(".album-cards"), half_img_cards = document.querySelector(".half-image-cards"); //The Database call. -import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@latest"; +import { createClient } from "https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"; const supabaseUrl = "https://owbamcqdmqetrgcznxva.supabase.co"; const supabaseKey = "sb_publishable_b0fMYw5I1X97gQXJLVBnrA_-0L4qHGv"; From bb2f59f9743e069cc8659ddd9c61665b2030eb77 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sun, 7 Dec 2025 20:21:57 +0100 Subject: [PATCH 23/40] Add Supabase JavaScript library to index.html --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index a63ba34..32dac32 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o /> +
- -
-

Activities

- -
- - + diff --git a/contacts/index.html b/contacts/index.html index fc3eedf..8900e04 100644 --- a/contacts/index.html +++ b/contacts/index.html @@ -1,256 +1,336 @@ - + - - t404:null | Contacts - - - - - - - - +
+

Contacts

+ +
+

(Or) Contact me here

+
+ + + +
+ + +
+ + +
+ + +
+
+ +
- - - -
+ - - -
- -
-

Contacts

- -
-

- (Or) Contact me here -

-
-
- - -
- - -
- - -
- - -
-
- -
-
-
- - + diff --git a/index.html b/index.html index 2d0d6ff..531eaee 100644 --- a/index.html +++ b/index.html @@ -1,233 +1,243 @@ - + - - t404:null - - - - - - - +
+
+
- - - -
+ - - -
- -
-
- -
-
- -
-

- Releases (Click for more) -

-
- Nothing here yet. ;D -
-
-

- Activities -

-
- Nothing here yet. ;D -
-
- - + - + diff --git a/release/A_Lake_With_Endless_Stars/index.html b/release/A_Lake_With_Endless_Stars/index.html index d239615..acad0c3 100644 --- a/release/A_Lake_With_Endless_Stars/index.html +++ b/release/A_Lake_With_Endless_Stars/index.html @@ -1,261 +1,280 @@ - + - - t404:null | A Lake With Endless Stars - - - - - - +
+
+
+

+ A Lake with Endless Stars +

+

+ "Under the coruscating night sky, gaze into the + kaleidoscopic waters..." +

+
+

+ "A Lake with Endless Stars" is the first song in 2023 + from t404:null and is realeased at 9.4.2023 on + Soundcloud, YouTube and Bandcamp and 9.5.2023 on + distrubution platforms. +

+

+
Available on:
+ YouTube +
+ Soundcloud +
+ Bandcamp +
+ Itunes / Apple Music +
+ Spotify +

+
- - - -
+ - - - - -
-
-
-

- A Lake with Endless Stars -

-

- "Under the coruscating night sky, gaze into the kaleidoscopic - waters..." -

-
-

- "A Lake with Endless Stars" is the first song in 2023 from t404:null - and is realeased at 9.4.2023 on Soundcloud, YouTube and Bandcamp and - 9.5.2023 on distrubution platforms. -

-

-
Available on:
- YouTube -
- Soundcloud -
- Bandcamp -
- Itunes / Apple Music -
- Spotify -

-
-
-
- - + diff --git a/release/Oblitus_Requiem/index.html b/release/Oblitus_Requiem/index.html index 9d614f3..4edb504 100644 --- a/release/Oblitus_Requiem/index.html +++ b/release/Oblitus_Requiem/index.html @@ -1,229 +1,290 @@ - + - - t404:null | Oblitus Requiem \\Against the Forsaken Legacy// - - - - - - +
+
+
+

+ Oblitus Requiem \\Against the Forsaken + Legacy// +

+

+ "Even if you don't remember me now, I will bring the you + I once knew back from them." +

+
+

+ "For what I am going to do, for the bloodshed I am going + to create, for the acts people will deem sinful I am + going to commit;" +

+

+ "Oblitus Requiem \\Against the Forsaken Legacy//" is a + custom track made for Grand Finals Tiebreaker of + VNMC2023 (Vietnamese National Mania Championship (4K)) + made by t404:null, and is released / published on + Youtube, Bandcamp and Soundcloud at Aug. 12th 2023... +

+

+
Available on:
+ YouTube +
+ Soundcloud +
+ Bandcamp +
+ Itunes / Apple Music +
+ Spotify +

+
- - - -
+ - - - - -
-
-
-

- Oblitus Requiem \\Against the Forsaken Legacy// -

-

"Even if you don't remember me now, I will bring the you I once knew back from them."

-
-

"For what I am going to do, for the bloodshed I am going to create, for the acts people will deem sinful I am going to commit;"

-

"Oblitus Requiem \\Against the Forsaken Legacy//" is a custom track made for Grand Finals Tiebreaker of VNMC2023 (Vietnamese National Mania Championship (4K)) made by t404:null, and is released / published on Youtube, Bandcamp and Soundcloud at Aug. 12th 2023...

-

-
Available on:
- YouTube -
- Soundcloud -
- Bandcamp -
- Itunes / Apple Music -
- Spotify -

-
-
-
- - - \ No newline at end of file + + diff --git a/release/hello.world(Zer/O)/index.html b/release/hello.world(Zer/O)/index.html index 2450e6b..d63ea86 100644 --- a/release/hello.world(Zer/O)/index.html +++ b/release/hello.world(Zer/O)/index.html @@ -1,8 +1,10 @@ - + - - t404:null | hello.world(Zer/O) - - - - - - +
+
+
+

+ hello.world(Zer/O) +

+

+ "What can I see... a new world...?
It appears, + that I am living in a world, where no-one lives..." +
+
"hello.world(Zer/O)" is a first release from + t404:null at 08.22.2021 on Youtube, Bandcamp, and + Soundcloud.
 It was also the first song + t404:null makes with tons ”easter eggs” and mixed with + more-styles genre called ”Full-Flavor”(200step, UK + Hardcore, Electronic, Dance, and more..).
+
Available in:
+ Itunes/Apple Music +
+ Spotify(Release date at 09.20.2021) +
+ YouTube +
+ YouTube Music(Release date at 09.20.2021) +
+ Soundcloud +
+ Bandcamp +

+
- - - -
+ - - - - -
-
-
-

- hello.world(Zer/O) -

-

"What can I see... a new world...?
It appears, that I am living in a world, where no-one lives..."
-
"hello.world(Zer/O)" is a first release from t404:null at 08.22.2021 on Youtube, Bandcamp, and Soundcloud.
 It was also the first song t404:null makes with tons ”easter eggs” and mixed with more-styles genre called ”Full-Flavor”(200step, UK Hardcore, Electronic, Dance, and more..).
-
Available in:
- Itunes/Apple Music -
- Spotify(Release date at 09.20.2021) -
- YouTube -
- YouTube Music(Release date at 09.20.2021) -
- Soundcloud -
- Bandcamp -

-
-
-
- - - \ No newline at end of file + + diff --git a/release/index.html b/release/index.html index a2cda4b..02fe420 100644 --- a/release/index.html +++ b/release/index.html @@ -1,201 +1,220 @@ - + - - t404:null | Releases - - - - - - +
+

Releases

+
Nothing here yet. ;D
+ +
+ - - - - -
-

Releases

-
- Nothing here yet. ;D -
- -
- - + diff --git a/song_usage_terms/index.html b/song_usage_terms/index.html index 1254b49..9d07053 100644 --- a/song_usage_terms/index.html +++ b/song_usage_terms/index.html @@ -1,314 +1,482 @@ - + - - t404:null | Usage of my song(s) / track(s) - - - - - - - +
+

+ Song Usage Terms and Policies +
+

+
    +
  • + Usage of my song(s) / track(s) +
    + In any cases, use for purpose against the law, against + public order and morals, or for purposes those are (exclude + educational use) for religious use, political use, or for + use to hate, disparage or be offensive to myself or a third + party (including other possible ways) are strictly not being + allowed.
    + Also, you're not being allowed to steal my song(s)/track(s)! + I'm not transferring anyone the right to have the ownership + from any of my song(s)/track(s) once it's set.
    (All + released tracks and songs go to + this page) +
    + All use of the music/track(s)/song(s) is at your own risk. + I'm not responsible for any damage, problems caused by your + use of my music/track(s)/song(s) and won't be involved in by + any way. +
  • +
  • + 1.) In the case if you want to use my song(s) / + track(s) as a corporation / a company material +
    + If you wish to use my song as a corporation / a company + material, no matter how you use it, please contact me and + get confirmation at one of the following email address(es): +
    + request@t404null.com +
    + Or: +
    + t404.null@gmail.com +
    + t404owo@gmail.com +
    + tags4owo@gmail.com +
    +
  • +
  • +
    + 1.1.) In the case if you want to use my song(s) / + track(s) as an educational institution or a + volunteer organization / a company for + volunteer +
    + You are allowed use my songs as well as individuals. +
    + If you can, it would be (very) helpful for me if you + could confirm it once in the following email adress(es): +
    + info@t404null.com +
    + Or: +
    + t404.null@gmail.com +
    + t404owo@gmail.com +
    + tags4owo@gmail.com +
    +
    + Please note that this is intended primarily, but not + exclusively, for educational institutions related to + music. +
    +
  • +
  • + 2.) In the case if you want to use my song(s) / + track(s) as individual/single person (for BGMs for + video(s) / stream(s), Remixing(or arranging) + etc.) +
    + You are allowed to use my songs / tracks without my certain + permission(s) if:
    - The song(s) / track(s) that / + those is / are included in + this page. +
    - The song(s) / track(s) that / those is / are + included in an/more album(s) or EP(s) / Single(s) that / + those is / are not involved to the copyright of any games + that/those don't allow you to use their song(s).
    - The + song(s) / track(s) that / those has / have been uploaded to + my YT (YouTube) channel + (https://www.youtube.com/@t404_null), that is not originally written for a game (this includes + rhythm game(s) those are not allowing you to use their + song(s)), organization, or a company. +
    + Particularly, for YouTube, Bilibili or Twitch (etc), if you + want to use any of my song(s)/track(s) as a background music + for videos or stream, it does not matter if it is monetized + or not. However, please note that it may be registered in + Content ID in YouTube.
    If the song you want to use is + a remix, and the original song may have been come from other + sources, or it may be an unofficial remix that has not been + licensed by the "original author". In such cases, I won't be + able to give my proper permission, so you have to contact + the person who made the song / soundtrack, or the person who + is responsible for the copyright of that song/track. +
    + Make sure please credit me if it's possible!!! +
    + List of allowed-to-use songs (Last updated: Aug 22, + 2021): + https://t404null.glitch.me/allowed_to_use +
  • +
  • + 3.) In the case if you are Individuals who wish to use + the music itself as a file that is downloadable, + extractable, or users can easily get the song data + itself +
    Conditions vary depending on the method(s) of + use/using: +
  • +
  • +
    + 3.1.) If you want to distribute song(s)/track(s) as + an unofficial custom map / chart for a rhythm game + (Osu!, Geometry Dash, A Dance of Fire and + Ice(ADOFAI), Beat Saber, etc.) +
    You are allowed to use the music/track(s)/song(s) + under the same conditions as case "2.)" above.
    In + this case, no charts / maps can be sold for a fee. (Free + distribution allowed only)
    Here are some explicits + that you are allowed to make:
    - Mapping / making a + chart or playing it in a monetized stream or video +
    - Distributing a chart or play data / recorded + video on the site which has ad. +
    + In any case, I have no permission(s) or involvement(s) + other than the use of my music. +
    +
  • +
  • +
    + 3.2.) If you want to distribute the music as an + official chart / official music for a rhythm game + (in short, if you're a developer/offical + charter/owner of that game) or if you want to use my + song/track as a BGM that is included for a program / + a game or its directory +
    + Please contact me at one of the following email + address(es):
    + request@t404null.com +
    + Or: +
    + t404.null@gmail.com +
    + t404owo@gmail.com +
    + tags4owo@gmail.com +
    +
    +
  • +
  • +
    + 3.3.) If you want to repost my song +
    + Please contact me at one of the following email + address(es):
    + request@t404null.com +
    + Or: +
    + t404.null@gmail.com +
    + t404owo@gmail.com +
    + tags4owo@gmail.com +
    +
    +
  • +
  • + 4.) Other Uses +
    + Please contact me at one of the following email address(es): +
    + info@t404null.com +
    + Or: +
    + t404.null@gmail.com +
    + t404owo@gmail.com +
    + tags4owo@gmail.com +
    +
  • +
    + © t404:null 2021-2025 - All Rights Reserved. +
+
+ - - - - -
-

- Song Usage Terms and Policies -
-

-
    -
  • - Usage of my song(s) / track(s) -
    In any cases, use for purpose against the law, against public order and morals, or for purposes those are (exclude educational use) for religious use, political use, or for use to hate, disparage or be offensive to myself or a third party (including other possible ways) are strictly not being allowed. -
    Also, you're not being allowed to steal my song(s)/track(s)! I'm not transferring anyone the right to have the ownership from any of my song(s)/track(s) once it's set.
    (All released tracks and songs go to this page) -
    All use of the music/track(s)/song(s) is at your own risk. I'm not responsible for any damage, problems caused by your use of my music/track(s)/song(s) and won't be involved in by any way. -
  • -
  • - 1.) In the case if you want to use my song(s) / track(s) as a corporation / a company material -
    If you wish to use my song as a corporation / a company material, no matter how you use it, please contact me and get confirmation at one of the following email address(es):
    - request@t404null.com -
    - Or: -
    - t404.null@gmail.com -
    - t404owo@gmail.com -
    - tags4owo@gmail.com -
    -
  • -
  • -
    - 1.1.) In the case if you want to use my song(s) / track(s) as an educational institution or a volunteer organization / a company for volunteer -
    You are allowed use my songs as well as individuals.
    If you can, it would be (very) helpful for me if you could confirm it once in the following email adress(es):
    - info@t404null.com -
    - Or: -
    - t404.null@gmail.com -
    - t404owo@gmail.com -
    - tags4owo@gmail.com -
    -
    Please note that this is intended primarily, but not exclusively, for educational institutions related to music. -
    -
  • -
  • - 2.) In the case if you want to use my song(s) / track(s) as individual/single person (for BGMs for video(s) / stream(s), Remixing(or arranging) etc.) -
    You are allowed to use my songs / tracks without my certain permission(s) if:
    - The song(s) / track(s) that / those is / are included in this page. -
    - The song(s) / track(s) that / those is / are included in an/more album(s) or EP(s) / Single(s) that / those is / are not involved to the copyright of any games that/those don't allow you to use their song(s). -
    - The song(s) / track(s) that / those has / have been uploaded to my YT (YouTube) channel (https://www.youtube.com/@t404_null), that is not originally written for a game (this includes rhythm game(s) those are not allowing you to use their song(s)), organization, or a company. -
    Particularly, for YouTube, Bilibili or Twitch (etc), if you want to use any of my song(s)/track(s) as a background music for videos or stream, it does not matter if it is monetized or not. However, please note that it may be registered in Content ID in YouTube. -
    If the song you want to use is a remix, and the original song may have been come from other sources, or it may be an unofficial remix that has not been licensed by the "original author". In such cases, I won't be able to give my proper permission, so you have to contact the person who made the song / soundtrack, or the person who is responsible for the copyright of that song/track. -
    - Make sure please credit me if it's possible!!! -
    - List of allowed-to-use songs (Last updated: Aug 22, 2021): - https://t404null.glitch.me/allowed_to_use -
  • -
  • - 3.) In the case if you are Individuals who wish to use the music itself as a file that is downloadable, extractable, or users can easily get the song data itself -
    Conditions vary depending on the method(s) of use/using: -
  • -
  • -
    - 3.1.) If you want to distribute song(s)/track(s) as an unofficial custom map / chart for a rhythm game (Osu!, Geometry Dash, A Dance of Fire and Ice(ADOFAI), Beat Saber, etc.) -
    You are allowed to use the music/track(s)/song(s) under the same conditions as case "2.)" above.
    In this case, no charts / maps can be sold for a fee. (Free distribution allowed only) -
    Here are some explicits that you are allowed to make: -
    - Mapping / making a chart or playing it in a monetized stream or video -
    - Distributing a chart or play data / recorded video on the site which has ad. -
    - In any case, I have no permission(s) or involvement(s) other than the use of my music. -
    -
  • -
  • -
    - 3.2.) If you want to distribute the music as an official chart / official music for a rhythm game (in short, if you're a developer/offical charter/owner of that game) or if you want to use my song/track as a BGM that is included for a program / a game or its directory -
    Please contact me at one of the following email address(es):
    - request@t404null.com -
    - Or: -
    - t404.null@gmail.com -
    - t404owo@gmail.com -
    - tags4owo@gmail.com -
    -
    -
  • -
  • -
    - 3.3.) If you want to repost my song -
    Please contact me at one of the following email address(es):
    - request@t404null.com -
    - Or: -
    - t404.null@gmail.com -
    - t404owo@gmail.com -
    - tags4owo@gmail.com -
    -
    -
  • -
  • - 4.) Other Uses -
    Please contact me at one of the following email address(es):
    - info@t404null.com -
    - Or: -
    - t404.null@gmail.com -
    - t404owo@gmail.com -
    - tags4owo@gmail.com -
    -
  • -
    © t404:null 2021-2025 - All Rights Reserved. -
-
- - - \ No newline at end of file + + From 56a9020492d31e3073bca4ba05c26691804c7942 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sat, 9 May 2026 22:48:45 +0200 Subject: [PATCH 35/40] Add logo a class to change size lol --- about_me/index.html | 1 + activity/index.html | 1 + contacts/index.html | 1 + index.html | 1 + release/A_Lake_With_Endless_Stars/index.html | 1 + release/Oblitus_Requiem/index.html | 1 + release/hello.world(Zer/O)/index.html | 1 + release/index.html | 1 + song_usage_terms/index.html | 1 + 9 files changed, 9 insertions(+) diff --git a/about_me/index.html b/about_me/index.html index 09ff844..203a7ea 100644 --- a/about_me/index.html +++ b/about_me/index.html @@ -24,6 +24,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o diff --git a/activity/index.html b/activity/index.html index b07c0ee..eeb895a 100644 --- a/activity/index.html +++ b/activity/index.html @@ -24,6 +24,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o diff --git a/contacts/index.html b/contacts/index.html index 8900e04..4815246 100644 --- a/contacts/index.html +++ b/contacts/index.html @@ -25,6 +25,7 @@ Here is my contact list. Feel free to contact me in case you need anything in my diff --git a/index.html b/index.html index 531eaee..55df46c 100644 --- a/index.html +++ b/index.html @@ -23,6 +23,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o diff --git a/release/A_Lake_With_Endless_Stars/index.html b/release/A_Lake_With_Endless_Stars/index.html index acad0c3..5b607dc 100644 --- a/release/A_Lake_With_Endless_Stars/index.html +++ b/release/A_Lake_With_Endless_Stars/index.html @@ -28,6 +28,7 @@ and more..." diff --git a/release/Oblitus_Requiem/index.html b/release/Oblitus_Requiem/index.html index 4edb504..59f9a42 100644 --- a/release/Oblitus_Requiem/index.html +++ b/release/Oblitus_Requiem/index.html @@ -29,6 +29,7 @@ and more..." diff --git a/release/hello.world(Zer/O)/index.html b/release/hello.world(Zer/O)/index.html index d63ea86..f4a4f19 100644 --- a/release/hello.world(Zer/O)/index.html +++ b/release/hello.world(Zer/O)/index.html @@ -33,6 +33,7 @@ Bandcamp" diff --git a/release/index.html b/release/index.html index 02fe420..ea7df0e 100644 --- a/release/index.html +++ b/release/index.html @@ -22,6 +22,7 @@ I write/make/produce EDM music(DTM), and for every releases I'll post my music o diff --git a/song_usage_terms/index.html b/song_usage_terms/index.html index 9d07053..fd67115 100644 --- a/song_usage_terms/index.html +++ b/song_usage_terms/index.html @@ -22,6 +22,7 @@ From a4da668ee2ed9b6e5504aac710208cfe74ab678a Mon Sep 17 00:00:00 2001 From: t404owo Date: Sat, 9 May 2026 22:56:41 +0200 Subject: [PATCH 36/40] changed logo size... --- main.css | 950 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 950 insertions(+) create mode 100644 main.css diff --git a/main.css b/main.css new file mode 100644 index 0000000..7d19842 --- /dev/null +++ b/main.css @@ -0,0 +1,950 @@ +@import url("/assets/css/fonts/jost.css"); +@import url("/assets/css/fonts/noto-sans-jp.css"); +@import url("/assets/css/fonts/plus-jarkata-sans.css"); +@import url("/assets/css/old.css"); + +body { + margin: 0px; + height: 100%; +} + +main, +textarea, +textfield { + font-family: Jost, "Noto Sans Japanese", sans-serif, --apple-system; + font-size: 1.25rem; +} + +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; +} + +.logo { + height: 3.75rem; + width: auto; +} + +hr { + margin: 2rem 0px; +} + +nav { + z-index: 4; + position: -webkit-sticky; + position: sticky; + /* width:100%; */ + top: 10px; + background-color: #f5f5f5; + font-family: + "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif, --apple-system; + font-size: 1.25rem; + padding: 4px; + margin: 10px; + margin-top: 15px; + border-radius: 12px; + box-shadow: 0px 0px 12px 0.1px #d0d0d0; + display: grid; + grid-template-columns: auto 1fr auto; + + ul { + padding-left: 15px; + list-style-type: none; + margin: 0px; + align-content: center; + + li { + display: inline-block; + padding-right: 4px; + vertical-align: middle; + + p { + padding-top: 0.4rem; + vertical-align: middle; + margin: 0.5rem 1rem; + } + } + + img { + margin-top: 0.25rem; + height: 1.5rem; + vertical-align: middle; + padding-right: 0.3rem; + } + } + + a { + color: black; + text-decoration: none; + + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .vertical-line { + width: 0.1rem; + background-color: black; + height: 100%; + } + + .social { + font-size: 2.5rem; + padding-bottom: 0.4rem; + transition: 0.3s; + } + + .social:hover { + opacity: 50%; + } + + .dropdown { + margin: 0.75rem; + position: absolute; + background-color: #f5f5f5; + box-shadow: 0px 0px 12px 0.1px #d0d0d0; + padding: 0.25rem 0.5rem; + border-radius: 7px; + right: 0; + top: 6rem; + display: none; + opacity: 0; + 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; + padding-bottom: 0.8rem; + + p { + background-size: 0% 0.2em; + background-image: linear-gradient(#000, #000); + background-position-y: 104%; + background-position-x: 0%; + background-repeat: no-repeat; + transition: 0.3s ease-in-out; + } + + p:hover, + .currentpage { + opacity: 60%; + background-size: 100% 0.2em; + } +} + +.burger { + border: none; + display: none; + width: 70px; + height: 70px; + margin: 0 0; + position: relative; + position: relative; + cursor: pointer; + background-color: #f5f5f5; + border-radius: 12px; + transition: 0.2s ease-in-out; + + span { + transition: 0.2s ease-in-out; + box-sizing: border-box; + display: block; + background-color: #000; + border-radius: 2px; + } + + #hamburger { + position: absolute; + height: 100%; + width: 100%; + top: 0%; + left: 0%; + + span { + width: 70%; + height: 5%; + top: 17.5%; + left: 16%; + position: relative; + margin: 12% 0; + } + + span:nth-child(1) { + transition-delay: 0.2s; + } + + span:nth-child(2) { + transition-delay: 0.3s; + } + + span:nth-child(3) { + transition-delay: 0.4s; + } + } + + #cross { + position: absolute; + height: 100%; + width: 100%; + top: 0%; + left: 1.5%; + transform: rotate(45deg); + + span:nth-child(1) { + height: 0%; + width: 5%; + position: absolute; + right: 46%; + /*a / */ + top: 10%; + transform: translate(-50%); + transition-delay: 0s; + } + + span:nth-child(2) { + width: 0%; + height: 5%; + position: absolute; + right: 11%; + top: 48%; + transition-delay: 0s; + } + } +} + +.burger:hover { + opacity: 40%; +} + +.burger.open { + #hamburger { + span { + width: 0%; + } + + span:nth-child(1) { + transition-delay: 0s; + } + + span:nth-child(2) { + transition-delay: 0.1s; + } + + span:nth-child(3) { + transition-delay: 0.2s; + } + } + + #cross { + span:nth-child(1) { + height: 80%; + transition-delay: 0.3s; + } + + span:nth-child(2) { + width: 80%; + 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; + z-index: 1; + position: absolute; + display: flex; + justify-content: center; + align-content: center; + transition: 0.3s; + padding: auto; + width: 100%; + height: 100%; + border-radius: 0.5rem; + font-family: + "Plus Jakarta Sans", "Noto Sans Japanese", sans-serif, --apple-system; + + div { + color: #fff; + position: relative; + z-index: 2; + margin: 0px; + display: grid; + justify-content: center; + grid-template-rows: 3.5fr 1fr 1fr 5rem; + grid-template-columns: 1fr auto 1fr; + } + + h1 { + font-size: 2rem; + grid-row-start: 2; + grid-row-end: 3; + } + + p { + font-size: 1.25rem; + grid-row-start: 3; + grid-row-end: 4; + } + + p, + h1 { + width: 60vw; + text-align: center; + grid-column-start: 2; + /*|•|*/ + grid-column-end: 3; + } +} + +.slider:hover { + 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; + margin-bottom: 2.5rem; + justify-content: center; + display: grid; + grid-template-rows: repeat(auto-fill, 23rem); + grid-template-columns: repeat(auto-fill, 23rem); + grid-gap: 1rem; + + .card { + transition: 0.75s; + color: black; + background-color: #ddd; + height: 23rem; + border-radius: 7px; + text-decoration: none; + + div { + z-index: 1; + position: inherit; + height: 100%; + width: 100%; + background-color: #ddd; + border-radius: 7px; + transition: 0.5s; + } + + h2 { + font-size: 1.9rem; + } + + p { + font-size: 1.2rem; + } + + h2, + p { + color: white; + padding: 0.3rem 0.75rem 0.3rem 0.75rem; + position: relative; + z-index: 3; + opacity: 0; + transition: 0.5s; + } + + .bg-img { + /* background: url(/assets/img/t404_null-logo.png); */ + background-size: cover; + position: absolute; + height: 23rem; + width: 23rem; + } + } + + .card:hover { + .bg-img { + filter: blur(5px) brightness(50%); + -webkit-filter: blur(5px) brightness(50%); + } + + h2, + p { + filter: none; + opacity: 1; + } + } +} + +.half-image-cards { + margin: auto; + margin-bottom: 2.5rem; + justify-content: center; + display: grid; + grid-template-rows: repeat(auto-fill, 30rem); + grid-template-columns: repeat(auto-fill, minmax(23rem, 60rem)); + grid-gap: 1rem; + + .card { + transition: 0.75s; + color: black; + background-color: #ddd; + height: 30rem; + border-radius: 7px; + text-decoration: none; + + div { + z-index: 1; + position: inherit; + height: 100%; + width: 100%; + background-color: #ddd; + border-radius: 7px; + transition: 0.5s; + } + + h2 { + font-size: 1.9rem; + } + + p { + font-size: 1.1rem; + } + + h2, + p { + /* color: black; */ + padding: 0.3rem 10vw 0.3rem 5vw; + position: relative; + z-index: 3; + opacity: 0; + transition: 0.5s; + } + + .bg-img { + /* background: url(/assets/img/t404_null-logo.png); */ + background-size: cover; + position: absolute; + background-position: center left; + height: 30rem; + width: 30rem; + } + } + + .card:hover { + .bg-img { + filter: brightness(40%); + -webkit-filter: brightness(40%); + width: 8vw; + border-radius: 7px 0px 0px 7px; + } + + h2, + p { + padding: 0.3rem 5vw 0.3rem 10vw; + filter: none; + opacity: 1; + } + } +} + +.contact-cards { + display: grid; + grid-template-columns: repeat(auto-fill, 23rem); + grid-gap: 1rem; + justify-content: center; + padding: 0; + + li { + border-radius: 7px; + background-color: #ddd; + } +} + +.contact-email { + .inputbox { + outline: none; + height: 3rem; + width: 100%; + display: block; + background: #efefef; + color: black; + border: 0px solid #505050; + border-radius: 5px; + transition: 0.3s; + margin-top: 0.5rem; + margin-left: -5px; + padding: 5px; + font-size: 0.95rem; + } + + :not(textarea) { + text-align: center; + } + + .inputbox:hover { + background: #dedede; + } + + .inputbox:focus { + background: #cecece; + } + + button { + width: 100%; + height: 3rem; + border-radius: 5px; + text-align: center; + } + + .formbutton { + background: #272727; + color: #fff; + border: 0px; + transition-duration: 300ms; + cursor: pointer; + } + + .formbutton:hover { + background: #727272; + } + + .form { + border-radius: 5px; + align-items: center; + justify-content: center; + margin: auto; + padding: 4rem 2.5rem; + width: 65%; + background: #fdfdfd; + box-shadow: rgba(50, 50, 50, 0.1) 0px 4px 12px; + } + + .error_box { + background: #ffeeee; + border-radius: 5px; + + margin: auto; + align-items: center; + justify-content: center; + text-align: center; + padding: 1rem 1rem; + margin-bottom: 1.5rem; + } + + .box { + height: 2rem; + width: 100%; + text-align: center; + border-radius: 5px; + margin: auto; + align-items: center; + justify-content: center; + padding: 0.5rem 0px; + margin-bottom: 1rem; + } +} + +textarea, +textfield { + padding: 5px; + resize: vertical; + min-height: 5rem; +} + +.topic { + padding: 1rem; + font-size: 3rem; + margin-top: 3vw; + margin-bottom: 7vw; + + a { + text-decoration: none; + color: black; + background-size: 0% 0.2em; + background-image: linear-gradient(black, black); + background-position-y: 104%; + background-position-x: 0%; + background-repeat: no-repeat; + transition: 0.3s ease-in-out; + } + + a:hover { + opacity: 70%; + background-size: 100% 0.2em; + } +} + +/* overall */ +.icons { + font-size: 2.25rem; + font-weight: 500; +} + +@font-face { + font-family: "NerdFontsSymbols Nerd Font"; + src: url("https://www.nerdfonts.com/assets/fonts/Symbols-2048-em Nerd Font Complete.woff2") + format("woff2"); +} + +.nf-icons { + font-family: "NerdFontsSymbols Nerd Font"; +} + +/* Releases */ +.release-track { + background-size: cover; + background-position: center; + height: 100%; + min-height: calc(100vh - 25rem); + padding: 5vw 5vw; + border-radius: 10px; + border: 1px solid #ddd; + + strong { + color: #fff; + } + + .text-box { + max-width: 1250px; + margin: 25% auto; + background-color: rgba(0, 0, 0, 75%); + height: 100%; + color: #ddd; + padding: 2rem; + border-radius: 7px; + font-size: 1.2rem; + + a { + text-decoration: none; + color: #fff; + background-size: 0% 0.2em; + background-image: linear-gradient(#ccc, #ccc); + background-position-y: 104%; + background-position-x: 0%; + background-repeat: no-repeat; + transition: 0.3s ease-in-out; + } + + a:hover { + color: #ccc; + background-size: 100% 0.2em; + } + } +} + +/* info */ +.info { + text-decoration: none; + list-style-type: none; + font-size: 1.4rem; + + li { + padding: 1rem; + } + + a { + text-decoration: none; + color: #46f; + background-size: 0% 0.2em; + background-image: linear-gradient(#46f, #46f); + background-position-y: 104%; + background-position-x: 0%; + background-repeat: no-repeat; + transition: 0.3s ease-in-out; + } + + a:hover { + opacity: 70%; + background-size: 100% 0.2em; + } + + .title { + 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)*/ + + nav { + .dropdown { + .dropdown-social { + position: relative; + width: 17.5rem; + padding: 0rem 0rem; + + a { + transition: 0.2s; + display: flex; + padding: 1rem; + border-radius: 7px; + margin: 0.3rem 0; + } + + a:hover { + background-color: #ddd; + } + + strong { + margin-left: auto; + margin-right: auto; + align-content: center; + } + + p { + margin: 0.5rem 0; + } + } + + .dropdown-menu { + display: none; + } + } + + .menu, + .dropdown-open.dropdown, + .dropdown-open.dropdown-social { + opacity: 1; + display: initial; + } + + .social, + .dropdown-open.dropdown-menu { + opacity: 0; + display: none; + } + + .burger { + display: block; + } + } +} + +@media screen and (width<1180px) { + /*if(width<1125px)*/ + + nav { + font-size: 1.4rem; + + ul { + img { + height: 2.5rem; + } + } + + .social { + font-size: 2rem; + } + + .burger { + height: 100px; + width: 100px; + } + + .dropdown { + .dropdown-social, + .dropdown-menu { + position: relative; + } + + .dropdown-menu { + width: 18rem; + padding: 0rem 0rem; + } + + .dropdown-social { + display: flex; + flex-wrap: wrap; + } + + .dropdown-menu p, + .dropdown-social a { + transition: 0.2s; + padding: 1rem; + border-radius: 7px; + margin: 0.3rem 0; + } + + .dropdown-menu p:hover { + background-color: #ddd; + } + + .dropdown-social a:hover { + opacity: 50%; + } + + hr { + margin: 0.75rem 0rem; + padding: 1rem; + border: 1px solid #aaa; + } + } + + .social-name { + display: none; + } + + .social, + .menu-item { + display: none; + } + + .dropdown-open { + transition: 0.3s; + opacity: 1; + display: initial; + + .dropdown, + .dropdown-social, + .downdown-menu { + display: initial; + } + } + + .burger { + display: block; + } + } +} From 50781d2a9a0a28cf876a4a9252826d2892a3a503 Mon Sep 17 00:00:00 2001 From: t404owo Date: Sat, 9 May 2026 23:01:07 +0200 Subject: [PATCH 37/40] Changed height --- assets/css/main.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assets/css/main.css b/assets/css/main.css index 0146e07..e811de0 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -28,6 +28,10 @@ main { margin: 0 auto; } +.logo { + height: 3.5rem; +} + hr { margin: 2rem 0px; } From f0272c0bf79706162ade8d70ae5b33fa32c66146 Mon Sep 17 00:00:00 2001 From: t404owo Date: Mon, 11 May 2026 13:06:15 +0200 Subject: [PATCH 38/40] Create placeholder.svg --- assets/svg/placeholder.svg | 1 + 1 file changed, 1 insertion(+) create mode 100644 assets/svg/placeholder.svg diff --git a/assets/svg/placeholder.svg b/assets/svg/placeholder.svg new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/assets/svg/placeholder.svg @@ -0,0 +1 @@ + From 90ea452ec4ef81ab0795b8d4c2b92531d23da0ff Mon Sep 17 00:00:00 2001 From: t404owo Date: Mon, 11 May 2026 13:07:16 +0200 Subject: [PATCH 39/40] Added icons for nf-icons removal -# For the sake of page load... --- assets/svg/applemusic.svg | 1 + assets/svg/bandcamp.svg | 1 + assets/svg/discord.svg | 1 + assets/svg/soundcloud.svg | 1 + assets/svg/spotify.svg | 1 + assets/svg/x.svg | 1 + assets/svg/youtube.svg | 1 + 7 files changed, 7 insertions(+) create mode 100644 assets/svg/applemusic.svg create mode 100644 assets/svg/bandcamp.svg create mode 100644 assets/svg/discord.svg create mode 100644 assets/svg/soundcloud.svg create mode 100644 assets/svg/spotify.svg create mode 100644 assets/svg/x.svg create mode 100644 assets/svg/youtube.svg diff --git a/assets/svg/applemusic.svg b/assets/svg/applemusic.svg new file mode 100644 index 0000000..befa88d --- /dev/null +++ b/assets/svg/applemusic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/bandcamp.svg b/assets/svg/bandcamp.svg new file mode 100644 index 0000000..683c2ac --- /dev/null +++ b/assets/svg/bandcamp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/discord.svg b/assets/svg/discord.svg new file mode 100644 index 0000000..ba2efa3 --- /dev/null +++ b/assets/svg/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/soundcloud.svg b/assets/svg/soundcloud.svg new file mode 100644 index 0000000..cd91f85 --- /dev/null +++ b/assets/svg/soundcloud.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/spotify.svg b/assets/svg/spotify.svg new file mode 100644 index 0000000..54a52a1 --- /dev/null +++ b/assets/svg/spotify.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/x.svg b/assets/svg/x.svg new file mode 100644 index 0000000..7794ba3 --- /dev/null +++ b/assets/svg/x.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/svg/youtube.svg b/assets/svg/youtube.svg new file mode 100644 index 0000000..c285286 --- /dev/null +++ b/assets/svg/youtube.svg @@ -0,0 +1 @@ + \ No newline at end of file From 8ffa48ab51becf1ff13e7984b28b05983621f0e2 Mon Sep 17 00:00:00 2001 From: t404owo Date: Mon, 11 May 2026 11:26:36 +0000 Subject: [PATCH 40/40] Test deploy 1 changing nf-symbols to the page's CDN --- assets/css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/main.css b/assets/css/main.css index e811de0..bb6eb2e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -717,7 +717,7 @@ textfield { @font-face { font-family: "NerdFontsSymbols Nerd Font"; - src: url("https://www.nerdfonts.com/assets/fonts/Symbols-2048-em Nerd Font Complete.woff2") format("woff2"); + src: url("/assets/fonts/nf-symbols.woff2") format("woff2"); } .nf-icons {