Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Rename gustbook form group CSS class

This commit is contained in:
Helen Chong 2024-05-19 22:21:29 +08:00
parent 8ad5a5779d
commit 50044bf4ae
3 changed files with 23 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_site/feed.xml
View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/> <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<link href="https://leilukin.neocities.org"/> <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> <id>https://leilukin.neocities.org</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>

22
_site/guestbook/index.html
View File

@ -379,22 +379,22 @@
<h2>Leave A Message</h2> <h2>Leave A Message</h2>
<form class="gb__form"> <form class="gb__form">
<div class="gb__form--input"> <div class="gb__form--group">
<label for="name-input">Name:</label> <label for="name-input">Name:</label>
<input type="text" name="name" id="name-input" required> <input type="text" name="name" id="name-input" required>
</div> </div>
<div class="gb__form--input"> <div class="gb__form--group">
<label for="email-input">Email:</label> <label for="email-input">Email:</label>
<input type="email" name="email" id="email-input" required> <input type="email" name="email" id="email-input" required>
</div> </div>
<div class="gb__form--input"> <div class="gb__form--group">
<label for="website-input">Website (optional):</label> <label for="website-input">Website (optional):</label>
<input type="text" name="website" id="website-input"> <input type="text" name="website" id="website-input">
</div> </div>
<div class="gb__form--input"> <div class="gb__form--group">
<label for="message-input">Message:</label> <label for="message-input">Message:</label>
<textarea type="text" rows="4" name="message" id="message-input" required></textarea> <textarea type="text" rows="4" name="message" id="message-input" required></textarea>
</div> </div>
@ -409,7 +409,7 @@
<style> <style>
.gb__form, .gb__form,
.gb__form--input, .gb__form--group,
.gb__message--list, .gb__message--list,
.gb__message { .gb__message {
display: grid; display: grid;
@ -420,7 +420,7 @@
margin-bottom: 2em; margin-bottom: 2em;
} }
.gb__form--input { .gb__form--group {
gap: 0.2em; gap: 0.2em;
} }
@ -432,19 +432,19 @@
padding: 0.3em 0.6em; padding: 0.3em 0.6em;
} }
.gb__form--input input, .gb__form--group input,
.gb__form--input textarea, .gb__form--group textarea,
.gb__form--submit, .gb__form--submit,
.gb__message--reply-btn { .gb__message--reply-btn {
border-radius: 0.2em; border-radius: 0.2em;
} }
.gb__form--input textarea { .gb__form--group textarea {
resize: vertical; resize: vertical;
} }
.gb__form--input input:focus, .gb__form--group input:focus,
.gb__form--input textarea:focus { .gb__form--group textarea:focus {
outline: 0.15em solid var(--clr-link); outline: 0.15em solid var(--clr-link);
} }

22
src/pages/guestbook.njk
View File

@ -16,22 +16,22 @@ eleventyNavigation:
<h2>Leave A Message</h2> <h2>Leave A Message</h2>
<form class="gb__form"> <form class="gb__form">
<div class="gb__form--input"> <div class="gb__form--group">
<label for="name-input">Name:</label> <label for="name-input">Name:</label>
<input type="text" name="name" id="name-input" required> <input type="text" name="name" id="name-input" required>
</div> </div>
<div class="gb__form--input"> <div class="gb__form--group">
<label for="email-input">Email:</label> <label for="email-input">Email:</label>
<input type="email" name="email" id="email-input" required> <input type="email" name="email" id="email-input" required>
</div> </div>
<div class="gb__form--input"> <div class="gb__form--group">
<label for="website-input">Website (optional):</label> <label for="website-input">Website (optional):</label>
<input type="text" name="website" id="website-input"> <input type="text" name="website" id="website-input">
</div> </div>
<div class="gb__form--input"> <div class="gb__form--group">
<label for="message-input">Message:</label> <label for="message-input">Message:</label>
<textarea type="text" rows="4" name="message" id="message-input" required></textarea> <textarea type="text" rows="4" name="message" id="message-input" required></textarea>
</div> </div>
@ -46,7 +46,7 @@ eleventyNavigation:
<style> <style>
.gb__form, .gb__form,
.gb__form--input, .gb__form--group,
.gb__message--list, .gb__message--list,
.gb__message { .gb__message {
display: grid; display: grid;
@ -57,7 +57,7 @@ eleventyNavigation:
margin-bottom: 2em; margin-bottom: 2em;
} }
.gb__form--input { .gb__form--group {
gap: 0.2em; gap: 0.2em;
} }
@ -69,19 +69,19 @@ eleventyNavigation:
padding: 0.3em 0.6em; padding: 0.3em 0.6em;
} }
.gb__form--input input, .gb__form--group input,
.gb__form--input textarea, .gb__form--group textarea,
.gb__form--submit, .gb__form--submit,
.gb__message--reply-btn { .gb__message--reply-btn {
border-radius: 0.2em; border-radius: 0.2em;
} }
.gb__form--input textarea { .gb__form--group textarea {
resize: vertical; resize: vertical;
} }
.gb__form--input input:focus, .gb__form--group input:focus,
.gb__form--input textarea:focus { .gb__form--group textarea:focus {
outline: 0.15em solid var(--clr-link); outline: 0.15em solid var(--clr-link);
} }