refactor: Remove unnecessary comments from codebase
This commit is contained in:
@@ -10,6 +10,7 @@ pageScripts:
|
||||
- "/scripts/accordion.js"
|
||||
---
|
||||
|
||||
<!-- ↓ Start About Module ↓ -->
|
||||
<section class="about-section module" id="bio" role="region" aria-labelledby="about-heading">
|
||||
<h2 id="about-heading">Who <span class="i-am">I</span> Am</h2>
|
||||
<p>I’m a freelance developer dedicated to building clean, functional, and accessible web experiences. But beyond the code, I’m someone driven by a deep sense of purpose and a commitment to creating digital solutions that <strong>genuinely</strong> serve people.</p>
|
||||
@@ -37,23 +38,21 @@ pageScripts:
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- TODO
|
||||
- horizontally align radios
|
||||
- fix aria comment after phone input
|
||||
- style input labels
|
||||
- make text inputs shorter
|
||||
- better "message" placeholder
|
||||
-->
|
||||
<!-- ↓ Start Contact Section ↓ -->
|
||||
<section id="contact" class="contact-section module" role="region" aria-labelledby="contact-heading">
|
||||
<h2 id="contact-heading">Don't Hesitate to Reach Out!</h2>
|
||||
<p>A website is often the most powerful marketing tool a business has, so it's normal to have questions about the next steps! I'm here to answer those questions so you can have peace of mind in enhancing your web presence.</p>
|
||||
|
||||
<!-- ↓ Start Contact Form ↓ -->
|
||||
<div class="contact-module module">
|
||||
<form id="contact-form" aria-labelledby="contact-form-heading">
|
||||
|
||||
<div class="form-sections">
|
||||
<div class="contact-fields">
|
||||
|
||||
<fieldset class="name-field">
|
||||
<legend>Contact Info</legend>
|
||||
|
||||
<div class="first-name">
|
||||
<label for="first-name">First Name:<span class="req-ask">*</span></label>
|
||||
<input type="text" id="first-name" name="first-name" placeholder="Ex. Sally" required aria-describedby="first-name-error">
|
||||
@@ -88,35 +87,43 @@ pageScripts:
|
||||
<div class="preferred-method" role="radiogroup" aria-labelledby="contact-method-label">
|
||||
<h3 id="contact-method-label">Preferred Contact Method</h3>
|
||||
<div class="radio-group">
|
||||
|
||||
<div class="email-radio">
|
||||
<input type="radio" id="contact-email" name="contact-method" value="email" checked required>
|
||||
<label for="contact-email">Email</label>
|
||||
</div>
|
||||
|
||||
<div class="phone-radio">
|
||||
<input type="radio" id="contact-phone" name="contact-method" value="phone" required>
|
||||
<label for="contact-phone">Phone</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="message-submit">
|
||||
|
||||
<fieldset class="message-field">
|
||||
<legend>Message</legend>
|
||||
<label for="message">Questions or Feedback</label>
|
||||
<textarea id="message" name="message" rows="15" placeholder="What questions or feedback do you have for me?" required aria-describedby="message-error"></textarea>
|
||||
<span class="error-message" id="message-error" aria-live="polite"></span>
|
||||
</fieldset>
|
||||
|
||||
<div class="h-captcha" data-sitekey="b63e5b64-c6f2-4154-b5a6-77169a924022"></div>
|
||||
|
||||
<div class="submit-reset">
|
||||
<button type="submit">Send Message</button>
|
||||
<button type="reset">Reset Form</button>
|
||||
</div>
|
||||
|
||||
<div class="honeypot-field" aria-hidden="true">
|
||||
<label for="url">Website URL</label>
|
||||
<input type="text" name="url" id="url" autocomplete="off" tabindex="-1">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<p class="form-note">* Required fields</p>
|
||||
|
Reference in New Issue
Block a user