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();
+  //         });
+  //       });
+  //     });
+  //   }
+  // });
 
 });