kntdgrtnnly/upiecep-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes in registration page

Browse Source
This commit is contained in:
Kent Joseph T. Palima
2026-04-30 15:25:58 +08:00
parent dd65c7f37c
commit c5ac644dff
2 changed files with 77 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/apply.astro
+70 -10
View File
@@ -46,22 +46,49 @@ import '../styles/apply.scss';
<div class="input-group">
<label for="fullName">Name <span>(Format: DELA CRUZ, Juan M.)</span></label>
<input type="text" id="fullName" name="fullName" required placeholder="DELA CRUZ, Juan M." />
<input
type="text"
id="fullName"
name="fullName"
title="Please follow the format: LASTNAME, First Name M."
required
placeholder="DELA CRUZ, Juan M."
/>
</div>
<div class="input-group">
<label for="nickname">Nickname</label>
<input type="text" id="nickname" name="nickname" required placeholder="Juan" />
<input
type="text"
id="nickname"
name="nickname"
title="Please enter your preferred nickname"
required
placeholder="Juan"
/>
</div>
<div class="input-group">
<label for="studentNumber">Student Number <span>(Format: 20XXXXXXX)</span></label>
<input type="text" id="studentNumber" name="studentNumber" pattern="20\d{7}" required placeholder="20XXXXXXX" />
<label for="studentNumber">Student Number <span>(Format: 20XX-XXXXX)</span></label>
<input
type="text"
id="studentNumber"
name="studentNumber"
pattern="20\d{2}-\d{5}"
title="Please include the dash (e.g., 2022-12345)"
required
placeholder="202X-XXXXX"
/>
</div>
<div class="input-group">
<label for="yearStanding">Year Standing</label>
<select id="yearStanding" name="yearStanding" required>
<select
id="yearStanding"
name="yearStanding"
title="Please select your current year standing"
required
>
<option value="" disabled selected>Select your year standing</option>
<option value="I">I</option>
<option value="II">II</option>
@@ -73,22 +100,49 @@ import '../styles/apply.scss';
<div class="input-group">
<label for="mobileNumber">Mobile Number <span>(Format: 09XXXXXXXXX)</span></label>
<input type="tel" id="mobileNumber" name="mobileNumber" pattern="09\d{9}" required placeholder="09XXXXXXXXX" />
<input
type="tel"
id="mobileNumber"
name="mobileNumber"
pattern="09\d{9}"
title="Please enter an 11-digit mobile number starting with 09 (e.g., 09123456789)"
required
placeholder="09XXXXXXXXX"
/>
</div>
<div class="input-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" required placeholder="jdelacruz@up.edu.ph" />
<input
type="email"
id="email"
name="email"
title="Please enter a valid email address"
required
placeholder="jdelacruz@up.edu.ph"
/>
</div>
<div class="input-group">
<label for="facebookLink">Facebook Profile Link <span>(Format: facebook.com/username)</span></label>
<input type="text" id="facebookLink" name="facebookLink" required placeholder="facebook.com/IECEPUPD" />
<input
type="text"
id="facebookLink"
name="facebookLink"
title="Please provide a link to your Facebook profile"
required
placeholder="facebook.com/IECEPUPD"
/>
</div>
<div class="input-group">
<label for="source">How did you learn about UP IECEP?</label>
<select id="source" name="source" required>
<select
id="source"
name="source"
title="Please select how you found out about our organization"
required
>
<option value="" disabled selected>Select an option</option>
<option value="Family">Family</option>
<option value="Friends">Friends</option>
@@ -99,7 +153,13 @@ import '../styles/apply.scss';
<div class="input-group">
<label for="funActivities">Do you have activities in mind that would add more fun to your application process?</label>
<textarea id="funActivities" name="funActivities" rows="4" placeholder="Share your ideas here!"></textarea>
<textarea
id="funActivities"
name="funActivities"
rows="4"
title="We would love to hear your ideas!"
placeholder="Share your ideas here!"
></textarea>
</div>
<button type="submit" id="submit-btn" class="submit-btn">Submit Application</button>
src/styles/apply.scss
+7
View File
@@ -28,6 +28,13 @@
line-height: 1.6;
color: #4a4a4a;
margin-bottom: 1rem;
/* ADD THIS BLOCK: Resets the bold text back to normal paragraph size */
strong {
font-size: 1rem;
font-weight: 700; /* Keeps it bold */
line-height: inherit;
}
}
.privacy-notice {
font-size: 0.85rem;