From e54b033c41c4fa42021957858d98e29819b3a5fc Mon Sep 17 00:00:00 2001
From: Akash Das <76689571+akash70629@users.noreply.github.com>
Date: Thu, 17 Oct 2024 23:37:14 +0530
Subject: [PATCH 1/2] fix name field

---
 blog.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/blog.html b/blog.html
index fce19094..a9e7a378 100644
--- a/blog.html
+++ b/blog.html
@@ -490,7 +490,9 @@ <h2 class="section-title">
       <h3 class="form-title">Share Your Thoughts</h3>
       <form id="commentForm" class="form-content">
         <div class="input-container">
-          <input type="text" id="commenterName" class="input-field" placeholder=" " required>
+          <input type="text" id="commenterName" class="input-field" placeholder=" " required pattern="[a-zA-Z ]+"
+                                oninvalid="this.setCustomValidity('Numbers and Symbols are not allowed')"
+                                oninput="this.setCustomValidity('')">
           <label for="commenterName" class="input-label">Your Name</label>
         </div>
         <div class="input-container">

From 6e4080f1d8e112e597691bbf89aad049d428ae84 Mon Sep 17 00:00:00 2001
From: Akash Das <76689571+akash70629@users.noreply.github.com>
Date: Fri, 18 Oct 2024 19:07:04 +0530
Subject: [PATCH 2/2] fix name label style

---
 blog.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/blog.html b/blog.html
index 5d3b702e..9418eff1 100644
--- a/blog.html
+++ b/blog.html
@@ -767,7 +767,7 @@ <h5 class="commenter-name">${comment.name}</h5>
 
 .input-label {
   position: absolute;
-  left: 16px;
+  left: 8px;
   top: 12px;
   color: #6b7280;
   transition: all 0.3s;
@@ -777,7 +777,7 @@ <h5 class="commenter-name">${comment.name}</h5>
 .input-field:focus + .input-label,
 .input-field:not(:placeholder-shown) + .input-label {
   font-size: 0.875rem;
-  top: -10px;
+  top: -17px;
   color: #f4978e;
 }