Switch to using Hugo

static/js/contact.js

@@ -0,0 +1,65 @@
+$(document).ready(function() {
+	$("#contactForm").on("submit", sendForm);
+});
+
+function sendForm(e) {
+	e.preventDefault(); // prevent the page from refreshing
+
+	$("#contactSubmit").prop("disabled", true);
+
+	if ($("#successAlert")[0].style.display != 'none') {
+		$("#successAlert").slideUp(250);
+	}
+	if ($("#errorAlert")[0].style.display != 'none') {
+		$("#errorAlert").slideUp(250);
+	}
+
+	var captcha = grecaptcha.getResponse();
+	if (captcha.length == 0) {
+		$(".captcha").addClass("invalid-captcha");
+	} else {
+		$(".captcha").removeClass("invalid-captcha");
+
+		var name = $("#nameField").val();
+		var email = $("#emailField").val();
+		var subject = $("#subjectField").val();
+		var message = $("#messageField").val();
+
+		$.ajax({
+			url: "../contact.php",
+			type: "POST",
+			data: {
+				"name": name,
+				"email": email,
+				"subject": subject,
+				"message": message,
+				"captcha": captcha
+			},
+			success: messageSuccess,
+			error: messageError,
+			complete: doneSending
+		});
+	}
+}
+
+function messageSuccess(result) {
+	$("#successAlert").slideDown(500);
+}
+
+function messageError(result) {
+	var alert = $("#errorAlert");
+	alert.empty();
+	$(document.createTextNode("Error: " + result.responseText)).appendTo(alert);
+	alert.slideDown(500);
+}
+
+function doneSending() {
+	var html = $("html");
+	var top = html.scrollTop() + $("body").scrollTop() // Get position of the body
+
+	if(top != 0) {
+		$("html,body").animate({scrollTop:0}, '500');
+	}
+
+	$("#contactSubmit").prop("disabled", false);
+}

static/js/main.js

@@ -0,0 +1,67 @@
+var theme = window.localStorage.getItem("theme");
+if (theme != null && theme == "true")
+	$("body").addClass("dark-mode");
+
+$(document).ready(function () {
+	$("#btnTheme").click(function () {
+		if ($("#btnTheme").hasClass("btn-light")) {
+			transitionLight();
+		} else {
+			transitionDark();
+		}
+	});
+
+	var theme = window.localStorage.getItem("theme");
+	if (theme != null && theme == "true")
+		setDark();
+});
+
+function checkTheme() {
+	if (theme != null && theme == "true")
+		setDark();
+}
+
+function transitionDark() {
+	$(".card").addClass("transition");
+	$(".jumbotron").addClass("transition");
+	$(".form-control").addClass("transition");
+	$("a:not(.navbar-brand):not(.nav-link)").addClass("transition");
+	$("body").addClass("transition dark-mode");
+
+	setTimeout(endTransition, 250);
+
+	$("#btnTheme").removeClass("btn-dark").addClass("transition btn-light");
+	$("#themeText").replaceWith($("<span>").attr("id", "themeText").addClass("fas fa-sun"));
+
+	window.localStorage.setItem("theme", "true");
+}
+
+function transitionLight() {
+	$(".card").addClass("transition");
+	$(".jumbotron").addClass("transition");
+	$(".form-control").addClass("transition");
+	$("a:not(.navbar-brand):not(.nav-link)").addClass("transition");
+	$("body").addClass("transition").removeClass("dark-mode");
+
+	setTimeout(endTransition, 250);
+
+	$("#btnTheme").removeClass("btn-light").addClass("transition btn-dark");
+	$("#themeText").replaceWith($("<span>").attr("id", "themeText").addClass("fas fa-moon"));
+
+	window.localStorage.setItem("theme", "false");
+}
+
+function endTransition() {
+	$("body").removeClass("transition");
+	$(".card").removeClass("transition");
+	$(".jumbotron").removeClass("transition");
+	$("a:not(.navbar-brand):not(.nav-link)").removeClass("transition");
+	$(".form-control").removeClass("transition");
+}
+
+function setDark() {
+	$("body").addClass("dark-mode");
+
+	$("#btnTheme").removeClass("btn-dark").addClass("btn-light");
+	$("#themeText").replaceWith($("<span>").attr("id", "themeText").addClass("fas fa-sun"));
+}