feat: Add Privacy Policy acceptance to contact form and client-side validation to contact-form.js

src/privacy-policy.njk

@@ -11,7 +11,7 @@ isLandingPage: false
 
     <strong>Last updated: August 25, 2025</strong>
 
-    <p>This Privacy Policy describes my policies and procedures on the collection and use of your information when you use my Service. I use your personal data to communicate with you regarding your inquiries.</p>
+    <p>This <strong>Privacy Policy</strong> describes my policies and procedures on the collection and use of your information when you use my Service. I use your personal data to communicate with you regarding your inquiries.</p>
 
     <hr>
 
@@ -49,7 +49,7 @@ isLandingPage: false
     <section id="data-collection">
         <h2>What Information I Collect</h2>
         <p>I collect information that you voluntarily provide to me when you express an interest in obtaining information about my Services or otherwise contact me. The personal information I collect includes:</p>
-        <ul>
+        <ul class="data-collected">
         <li>First name and last name</li>
         <li>Phone number</li>
         <li>Email address</li>
@@ -58,8 +58,8 @@ isLandingPage: false
         <li>Your message</li>
         </ul>
         <p>I may also collect certain technical information automatically, such as the date and time when a form is submitted, for the purpose of diagnostics and usage analysis.</p>
-        <p class="highlight-statement">I do not collect any information from third parties.<br>
-        I do not collect or process sensitive personal information.</p>
+        <p class="highlight-statement"><strong>I do not collect any information from third parties.<br>
+        I do not collect or process sensitive personal information.</strong></p>
     </section>
     <a class="back-to-top" href="./#top" aria-label="Back to top of page">Back to Top</a> 
 
@@ -75,7 +75,7 @@ isLandingPage: false
         <li>To prevent spam or abuse</li>
         <li>To comply with legal obligations, if necessary</li>
         </ul>
-        <p>I do not sell, rent, or share your personal information with any third parties. I may disclose information only when required by law (such as a subpoena or legal process).</p>
+        <p><strong>I do not sell, rent, or share your personal information with any third parties.</strong> I may disclose information only when required by law (such as a subpoena or legal process).</p>
     </section>
     <section id="no-tracking">
         <h2>No Cookies or Tracking</h2>
@@ -88,8 +88,8 @@ isLandingPage: false
     </section>
     <section id="data-protection">
         <h2>How I Protect Your Information</h2>
-        <p>I have implemented reasonable technical and organizational security measures to protect your personal data. Your information is transmitted from the contact form using HTTPS encryption, which is enforced by default on this .dev domain.</p>
-        <p>Submitted data undergoes multiple security checks to prevent spam and abuse, including the use of hCaptcha and rate limiting to verify the user is a human and minimize the risk of unauthorized access to stored data. The data is also validated and sanitized to ensure its integrity before it is stored in my database.</p>
+        <p>I have implemented reasonable technical and organizational security measures to protect your personal data. Your information is transmitted from the contact form using <a href="https://developers.google.com/search/docs/crawling-indexing/https" target="_blank" rel="noopener noreferrer">HTTPS encryption</a>, which is enforced by default on this .dev domain.</p>
+        <p>Submitted data undergoes multiple security checks to prevent spam and abuse, including the use of <a href="https://www.hcaptcha.com/" target="_blank" rel="noopener noreferrer">hCaptcha</a> and rate limiting to verify the user is a human and minimize the risk of unauthorized access to stored data. The data is also validated and sanitized to ensure its integrity before it is stored in my database.</p>
         <p>However, security is an ongoing practice, and no method of electronic transmission or storage is ever absolutely secure. While I strive to protect your data, I cannot guarantee its absolute security.</p>
     </section>
     <a class="back-to-top" href="./#top" aria-label="Back to top of page">Back to Top</a> 
@@ -117,6 +117,7 @@ isLandingPage: false
         <li>By email: <a href="mailto:contact@dlseitz.dev">contact@dlseitz.dev</a></li>
         <li>Or via the contact form on my website: <a href="https://dlseitz.dev/about/#contact" target="_blank" rel="noopener noreferrer">https://dlseitz.dev/about/#contact</a></li>
         </ul>
+        <p>I aim to respond to all privacy-related requests within 5 business days.</p>
     </section>
     <a class="back-to-top" href="./#top" aria-label="Back to top of page">Back to Top</a> 
 </div>