diff options
Diffstat (limited to 'contact.html')
| -rw-r--r-- | contact.html | 72 |
1 files changed, 13 insertions, 59 deletions
diff --git a/contact.html b/contact.html index 9453c88..519fc43 100644 --- a/contact.html +++ b/contact.html @@ -34,8 +34,8 @@ <img src="/images/PeteMcGee.png" alt="Profile Picture" class="profile-pic" /> <h2 class="text-dark"><a href="index.html">peter nguyen</a></h2> <p> - Apprentice carpenter, hobbyist programmer and mostly average high - school graduate. + First year university student, screening officer, former apprentice carpenter, and (mostly) average high school + graduate. </p> <nav> <ul> @@ -56,34 +56,20 @@ </aside> <main class="blog-content"> - <h3>Contact</h3> - - <form id="contactForm" action="contact.php" method="POST"> - <label for="name">Name:</label> - <input type="text" id="name" name="name" required> - - <label for="email">Email:</label> - <input type="email" id="email" name="email" required> - - <label class="form-label" for="message">Message:</label> - <textarea id="message" name="message" required></textarea> - - <!-- Google reCAPTCHA --> - <div class="g-recaptcha" data-sitekey="6LdCkMwqAAAAAMBqomzrbldJdtsmMNAeCzKSPHZK"></div> - - <button type="submit">Send</button> - </form> - - <!-- Response message container --> - <p id="responseMessage"></p> - - - + <h1 class="contact">contact</h1> + <p class="contact-text">personal—<a class="inline-link" + href="mailto:petendotca@protonmail.com">petendotca@protonmail.com</a> + <br>for any and all inquiries. + <br><br> + school—<a class="inline-link" href="mailto:petanguyen@uvic.ca">petanguyen@uvic.ca</a> + <br>honestly not sure why you'd need this, maybe you're in a class with me or something + <br> <br> + resume—<a class="inline-link" href="mailto:petendotca@protonmail.com">available on request</a> + <br>if anyone wants to headhunt me for their new trillion dollar startup + </p> </main> </div> - <!-- Include reCAPTCHA script --> - <script src="https://www.google.com/recaptcha/api.js" async defer></script> <footer class="footer"> Copyright Peter Nguyen <span id="copyright-year"></span>. All rights @@ -95,38 +81,6 @@ integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> - <script> - document.getElementById("contactForm").addEventListener("submit", function (event) { - event.preventDefault(); // Prevent form from submitting normally - - let form = this; - let formData = new FormData(form); - - // Get reCAPTCHA response - let recaptchaResponse = grecaptcha.getResponse(); - if (!recaptchaResponse) { - document.getElementById("responseMessage").innerText = "Please complete the reCAPTCHA."; - return; - } - formData.append("g-recaptcha-response", recaptchaResponse); - - fetch("contact.php", { - method: "POST", - body: formData - }) - .then(response => response.text()) - .then(data => { - document.getElementById("responseMessage").innerText = data; - form.reset(); // Reset the form after submission - grecaptcha.reset(); // Reset reCAPTCHA - }) - .catch(error => { - document.getElementById("responseMessage").innerText = "Error submitting the form. Try again."; - console.error("Error:", error); - }); - }); - </script> - </body> </html>
\ No newline at end of file |