From 50044bf4ae9500a5b5d3358217401bba65b4ac1b Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 19 May 2024 22:21:29 +0800
Subject: [PATCH] Rename gustbook form group CSS class

---
 _site/feed.xml             |  2 +-
 _site/guestbook/index.html | 22 +++++++++++-----------
 src/pages/guestbook.njk    | 22 +++++++++++-----------
 3 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/_site/feed.xml b/_site/feed.xml
index c5bdda8e..10320c52 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
     <link href="https://leilukin.neocities.org"/>
-    <updated>2024-05-19T12:08:36Z</updated>
+    <updated>2024-05-19T14:20:07Z</updated>
     <id>https://leilukin.neocities.org</id>
     <author>
         <name>Leilukin</name>
diff --git a/_site/guestbook/index.html b/_site/guestbook/index.html
index effbf46c..626f4c41 100644
--- a/_site/guestbook/index.html
+++ b/_site/guestbook/index.html
@@ -379,22 +379,22 @@
 <h2>Leave A Message</h2>
 
 <form class="gb__form">
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="name-input">Name:</label>
         <input type="text" name="name" id="name-input" required>
     </div>
 
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="email-input">Email:</label>
         <input type="email" name="email" id="email-input" required>
     </div>
 
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="website-input">Website (optional):</label>
         <input type="text" name="website" id="website-input">
     </div>
 
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="message-input">Message:</label>
         <textarea type="text" rows="4" name="message" id="message-input" required></textarea>
     </div>
@@ -409,7 +409,7 @@
 
 <style>
     .gb__form,
-    .gb__form--input,
+    .gb__form--group,
     .gb__message--list,
     .gb__message {
         display: grid;
@@ -420,7 +420,7 @@
         margin-bottom: 2em;
     }
 
-    .gb__form--input {
+    .gb__form--group {
         gap: 0.2em;
     }
 
@@ -432,19 +432,19 @@
         padding: 0.3em 0.6em;
     }
 
-    .gb__form--input input,
-    .gb__form--input textarea,
+    .gb__form--group input,
+    .gb__form--group textarea,
     .gb__form--submit,
     .gb__message--reply-btn {
         border-radius: 0.2em;
     }
 
-    .gb__form--input textarea {
+    .gb__form--group textarea {
         resize: vertical;
     }
 
-    .gb__form--input input:focus,
-    .gb__form--input textarea:focus {
+    .gb__form--group input:focus,
+    .gb__form--group textarea:focus {
          outline: 0.15em solid var(--clr-link);
     }
 
diff --git a/src/pages/guestbook.njk b/src/pages/guestbook.njk
index 9f2b0a2d..d84f3f33 100644
--- a/src/pages/guestbook.njk
+++ b/src/pages/guestbook.njk
@@ -16,22 +16,22 @@ eleventyNavigation:
 <h2>Leave A Message</h2>
 
 <form class="gb__form">
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="name-input">Name:</label>
         <input type="text" name="name" id="name-input" required>
     </div>
 
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="email-input">Email:</label>
         <input type="email" name="email" id="email-input" required>
     </div>
 
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="website-input">Website (optional):</label>
         <input type="text" name="website" id="website-input">
     </div>
 
-    <div class="gb__form--input">
+    <div class="gb__form--group">
         <label for="message-input">Message:</label>
         <textarea type="text" rows="4" name="message" id="message-input" required></textarea>
     </div>
@@ -46,7 +46,7 @@ eleventyNavigation:
 
 <style>
     .gb__form,
-    .gb__form--input,
+    .gb__form--group,
     .gb__message--list,
     .gb__message {
         display: grid;
@@ -57,7 +57,7 @@ eleventyNavigation:
         margin-bottom: 2em;
     }
 
-    .gb__form--input {
+    .gb__form--group {
         gap: 0.2em;
     }
 
@@ -69,19 +69,19 @@ eleventyNavigation:
         padding: 0.3em 0.6em;
     }
 
-    .gb__form--input input,
-    .gb__form--input textarea,
+    .gb__form--group input,
+    .gb__form--group textarea,
     .gb__form--submit,
     .gb__message--reply-btn {
         border-radius: 0.2em;
     }
 
-    .gb__form--input textarea {
+    .gb__form--group textarea {
         resize: vertical;
     }
 
-    .gb__form--input input:focus,
-    .gb__form--input textarea:focus {
+    .gb__form--group input:focus,
+    .gb__form--group textarea:focus {
          outline: 0.15em solid var(--clr-link);
     }