From ec6c42e5afeb73abeee2b7147bf157e7c3431275 Mon Sep 17 00:00:00 2001
From: mather <mather314@gmail.com>
Date: Sat, 9 Aug 2025 20:43:48 +0900
Subject: [PATCH 1/2] Update creator messages and prevent empty form
 submissions

- Update creator's message about handwritten font addition
- Add Google Forms link for font recommendations in both languages
- Prevent form submission when URL field is empty or whitespace-only
---
 en.html    | 9 +++++++++
 index.html | 7 ++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/en.html b/en.html
index 5a9d383..76ddbce 100644
--- a/en.html
+++ b/en.html
@@ -171,6 +171,10 @@ <h4>Request from Developer</h4>
 
         <div class="grid">
           <div class="footer-left">
+            <h4>Creator's voice</h4>
+            <p>
+              Added a handwritten-style font. <a href="https://docs.google.com/forms/d/e/1FAIpQLScMezFWGTb_kdzS8jPiP-bu3KpwwGGOv7HkSbRdQdEiIodUtA/viewform?usp=header">If you have any recommended fonts, please let me know.</a>
+            </p>
             <h4>Changelogs</h4>
             <p>
               Changelogs are available on
@@ -269,6 +273,11 @@ <h4>Changelogs</h4>
         const myForm = event.target;
         const formData = new FormData(myForm);
 
+        // Stop submitting for empty string.
+        if (formData.get("user_url")?.toString().trim() === "") {
+          return;
+        }
+
         fetch("/", {
           method: "POST",
           headers: { "Content-Type": "application/x-www-form-urlencoded" },
diff --git a/index.html b/index.html
index 024c1ef..ee2b0a4 100644
--- a/index.html
+++ b/index.html
@@ -165,7 +165,7 @@ <h4>開発者からのお願い</h4>
           <div class="footer-left">
             <h4>開発者のひとこと</h4>
             <p>
-              Loraというセリフ体のフォント（明朝体っぽいの）を追加してみました。おすすめのフォントがあれば教えてください。
+              手書き文字風のフォントを追加しました。<a href="https://docs.google.com/forms/d/e/1FAIpQLScMezFWGTb_kdzS8jPiP-bu3KpwwGGOv7HkSbRdQdEiIodUtA/viewform?usp=header">おすすめのフォントがあれば教えてください。</a>
             </p>
             <p>
               開発の履歴は<a
@@ -261,6 +261,11 @@ <h4>開発者のひとこと</h4>
         const myForm = event.target;
         const formData = new FormData(myForm);
 
+        // 空文字の送信を止める
+        if (formData.get("user_url")?.toString().trim() === "") {
+          return;
+        }
+
         fetch("/", {
           method: "POST",
           headers: { "Content-Type": "application/x-www-form-urlencoded" },

From 422884b567b833be00fd68213f5f0508be194767 Mon Sep 17 00:00:00 2001
From: mather <mather314@gmail.com>
Date: Sun, 10 Aug 2025 17:46:28 +0900
Subject: [PATCH 2/2] Improve form validation for URL input fields

- Add HTML5 validation attributes (type="url", required, inputmode="url")
- Enhance JavaScript validation with custom validity messages
- Show proper validation feedback to users for empty inputs
- Trim whitespace from URL values before processing
---
 en.html    | 10 ++++++++--
 index.html | 14 +++++++++++---
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/en.html b/en.html
index 76ddbce..fa47d53 100644
--- a/en.html
+++ b/en.html
@@ -273,10 +273,16 @@ <h4>Changelogs</h4>
         const myForm = event.target;
         const formData = new FormData(myForm);
 
-        // Stop submitting for empty string.
-        if (formData.get("user_url")?.toString().trim() === "") {
+        // Stop submitting for empty string and show validation.
+        const urlInput = myForm.elements["user_url"];
+        const trimmed = urlInput?.value?.trim() ?? "";
+        if (!trimmed) {
+          urlInput.setCustomValidity("Please enter a URL.");
+          myForm.reportValidity();
           return;
         }
+        urlInput.setCustomValidity("");
+        formData.set("user_url", trimmed);
 
         fetch("/", {
           method: "POST",
diff --git a/index.html b/index.html
index ee2b0a4..38fcac3 100644
--- a/index.html
+++ b/index.html
@@ -130,9 +130,11 @@ <h4>開発者からのお願い</h4>
           <form id="customer-url" name="customer-url" data-netlify="true">
             <div class="grid">
               <input
-                type="text"
+                type="url"
                 name="user_url"
                 placeholder="配信やチャンネルのURL"
+                required
+                inputmode="url"
               />
               <button type="submit">送信</button>
             </div>
@@ -261,10 +263,16 @@ <h4>開発者のひとこと</h4>
         const myForm = event.target;
         const formData = new FormData(myForm);
 
-        // 空文字の送信を止める
-        if (formData.get("user_url")?.toString().trim() === "") {
+        // 空文字の送信を止め、バリデーションメッセージを表示
+        const urlInput = myForm.elements["user_url"];
+        const trimmed = urlInput?.value?.trim() ?? "";
+        if (!trimmed) {
+          urlInput.setCustomValidity("URLを入力してください。");
+          myForm.reportValidity();
           return;
         }
+        urlInput.setCustomValidity("");
+        formData.set("user_url", trimmed);
 
         fetch("/", {
           method: "POST",