Started removing jQuery from contact.js

layouts/partials/body-top.html

@@ -22,7 +22,7 @@ <h1>{{ .Site.Params.tagline }}<span class="cursor">|</span></h1>
 
 <nav class="row middle-xs center-xs">
  <div class="col-xs-6 col-sm-1 logo">
- <a href="{{ .Site.BaseURL }}"><img src="{{ .Site.Params.logoSmall }}" alt="{{ .Site.Title }}"></a>
+ <a href="{{ .Site.BaseURL }}#"><img src="{{ .Site.Params.logoSmall }}" alt="{{ .Site.Title }}"></a>
  </div>
  {{ range .Site.Menus.main }}
  <div class="col-xs-3 col-sm-2">

static/scripts/src/contact.js

@@ -1,37 +1,52 @@
-$("#form-contact").on("submit", function(e) {
+$('#form-contact').addEventListener('submit', function(e) {
  e.preventDefault();
 
  // Store form field values
- var name = $("input[name=name]").val();
- var email = $("input[name=email").val();
- var subject = $("input[name=_subject").val();
- var message = $("textarea[name=message]").val();
+ var name = $("input[name=name]").value;
+ var email = $("input[name=email").value;
+ var subject = $("input[name=_subject").value;
+ var message = $("textarea[name=message]").value;
+
+ // AJAX request
+ var request = new XMLHttpRequest();
+ var data = {
+ name:name,
+ _replyto:email,
+ email:email,
+ _subject:subject,
+ message:message,
+ }
 
  // Send to Formspree
- $.ajax({
- url:"https://formspree.io/{{ .Site.Params.email }}",
- method:"POST",
- data:{
- name:name,
- _replyto:email,
- email:email,
- _subject:subject,
- message:message,
- },
- dataType:"json",
- success:function() {
- console.log("Form successfully sent");
- // Reset form
- $("#form-contact").get(0).reset();
- // Fade out submit button, fade in thank you message, then fade out message and fade in submit button
- $("#form-submit").fadeOut(function(){
- $("#form-thankyou").fadeIn(function(){
- $("#form-thankyou").delay(4000).fadeOut(function(){
- $("#form-submit").fadeIn();
- });
- });
- });
- }
- });
+ request.open('POST', 'https://formspree.io/{{ .Site.Params.email }}', true);
+ request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+ request.send(JSON.stringify(data));
+
+
+ // $.ajax({
+ // url:"https://formspree.io/{{ .Site.Params.email }}",
+ // method:"POST",
+ // data:{
+ // name:name,
+ // _replyto:email,
+ // email:email,
+ // _subject:subject,
+ // message:message,
+ // },
+ // dataType:"json",
+ // success:function() {
+ // console.log("Form successfully sent");
+ // // Reset form
+ // $("#form-contact").get(0).reset();
+ // // Fade out submit button, fade in thank you message, then fade out message and fade in submit button
+ // $("#form-submit").fadeOut(function(){
+ // $("#form-thankyou").fadeIn(function(){
+ // $("#form-thankyou").delay(4000).fadeOut(function(){
+ // $("#form-submit").fadeIn();
+ // });
+ // });
+ // });
+ // }
+ // });
 
 });