+
- {%- if site.title-img -%}
-
- {%- elsif site.title -%}
-
{{ site.title }}
- {%- endif -%}
+ {%- if site.title-img -%}
+
+ {%- elsif site.title -%}
+
{{ site.title }}
+ {%- endif -%}
-
-
+
+
-
-
- {%- for link in site.navbar-links -%}
- {%- if link[1].first %}
-
- {{ link[0] }}
-
-
- {% else %}
+
+
+
- {% if site.navbar-extra %}
- {% for file in site.navbar-extra %}
- {% include {{ file }} %}
- {% endfor %}
- {% endif %}
+ {% if site.navbar-extra %}
+ {% for file in site.navbar-extra %}
+ {% include {{ file }} %}
+ {% endfor %}
+ {% endif %}
- {% if site.avatar and page.show-avatar != false %}
-
-
-
-
+ {% if site.avatar and page.show-avatar != false %}
+
-
- {% endif %}
+ {% endif %}
+
{% include search.html %}
diff --git a/_includes/staticman-comments.html b/_includes/staticman-comments.html
index ee3c2eef36de..51ef2106f9fb 100644
--- a/_includes/staticman-comments.html
+++ b/_includes/staticman-comments.html
@@ -72,12 +72,6 @@
").addClass("big-img-transition").css("background-image", 'url(' + src + ')');
- $(".intro-header.big-img").prepend(img);
- setTimeout(function(){ img.css("opacity", "1"); }, 50);
+ setTimeout(function() {
+ const img = document.createElement("div");
+ img.className = "big-img-transition";
+ img.style.backgroundImage = 'url(' + src + ')';
+ document.querySelector(".intro-header.big-img").prepend(img);
+ setTimeout(function() { img.style.opacity = "1"; }, 50);
// after the animation of fading in the new image is done, prefetch the next one
- //img.one("transitioned webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
setTimeout(function() {
BeautifulJekyllJS.setImg(src, desc);
img.remove();
getNextImg();
}, 1000);
- //});
}, 6000);
};
@@ -92,46 +98,51 @@ let BeautifulJekyllJS = {
}
},
- getImgInfo : function() {
+ getImgInfo: function() {
const randNum = Math.floor((Math.random() * BeautifulJekyllJS.numImgs) + 1);
- const src = BeautifulJekyllJS.bigImgEl.attr("data-img-src-" + randNum);
- const desc = BeautifulJekyllJS.bigImgEl.attr("data-img-desc-" + randNum);
+ const src = BeautifulJekyllJS.bigImgEl.getAttribute("data-img-src-" + randNum);
+ const desc = BeautifulJekyllJS.bigImgEl.getAttribute("data-img-desc-" + randNum);
return {
- src : src,
- desc : desc
+ src: src,
+ desc: desc
}
},
- setImg : function(src, desc) {
- $(".intro-header.big-img").css("background-image", 'url(' + src + ')');
- if (typeof desc !== typeof undefined && desc !== false) {
- $(".img-desc").text(desc).show();
+ setImg: function(src, desc) {
+ document.querySelector(".intro-header.big-img").style.backgroundImage = 'url(' + src + ')';
+
+ let imgDesc = document.querySelector(".img-desc");
+ if (typeof desc !== typeof undefined && desc !== false && desc !== null) {
+ imgDesc.textContent = desc;
+ imgDesc.style.display = "block";
} else {
- $(".img-desc").hide();
+ imgDesc.style.display = "none";
}
},
- initSearch : function() {
+ initSearch: function() {
if (!document.getElementById("beautifuljekyll-search-overlay")) {
return;
}
- $("#nav-search-link").click(function(e) {
+ document.getElementById("nav-search-link").addEventListener('click', function(e) {
e.preventDefault();
- $("#beautifuljekyll-search-overlay").show();
- $("#nav-search-input").focus().select();
- $("body").addClass("overflow-hidden");
+ document.getElementById("beautifuljekyll-search-overlay").style.display = "block";
+ const searchInput = document.getElementById("nav-search-input");
+ searchInput.focus();
+ searchInput.select();
+ document.body.classList.add("overflow-hidden");
});
- $("#nav-search-exit").click(function(e) {
+ document.getElementById("nav-search-exit").addEventListener('click', function(e) {
e.preventDefault();
- $("#beautifuljekyll-search-overlay").hide();
- $("body").removeClass("overflow-hidden");
+ document.getElementById("beautifuljekyll-search-overlay").style.display = "none";
+ document.body.classList.remove("overflow-hidden");
});
- $(document).on('keyup', function(e) {
- if (e.key == "Escape") {
- $("#beautifuljekyll-search-overlay").hide();
- $("body").removeClass("overflow-hidden");
+ document.addEventListener('keyup', function(e) {
+ if (e.key === "Escape") {
+ document.getElementById("beautifuljekyll-search-overlay").style.display = "none";
+ document.body.classList.remove("overflow-hidden");
}
});
}
diff --git a/assets/js/staticman.js b/assets/js/staticman.js
index 9ecf188661f9..0a786e396c3f 100644
--- a/assets/js/staticman.js
+++ b/assets/js/staticman.js
@@ -2,18 +2,19 @@
layout: null
---
-(function ($) {
- $('#new_comment').submit(function () {
+document.addEventListener('DOMContentLoaded', function() {
+ document.getElementById('new_comment').addEventListener('submit', function(event) {
+ event.preventDefault();
const form = this;
- $(form).addClass('disabled');
+ form.classList.add('disabled');
{% assign sm = site.staticman -%}
const endpoint = '{{ sm.endpoint }}';
const repository = '{{ sm.repository }}';
const branch = '{{ sm.branch }}';
const url = endpoint + repository + '/' + branch + '/comments';
- const data = $(this).serialize();
+ const data = new URLSearchParams(new FormData(form)).toString();
const xhr = new XMLHttpRequest();
xhr.open("POST", url);
@@ -31,35 +32,36 @@ layout: null
};
function formSubmitted() {
- $('#comment-form-submit').addClass('d-none');
- $('#comment-form-submitted').removeClass('d-none');
- $('.page__comments-form .js-notice').removeClass('alert-danger');
- $('.page__comments-form .js-notice').addClass('alert-success');
+ document.getElementById('comment-form-submit').classList.add('d-none');
+ document.getElementById('comment-form-submitted').classList.remove('d-none');
+ const notice = document.querySelector('.page__comments-form .js-notice');
+ notice.classList.remove('alert-danger');
+ notice.classList.add('alert-success');
showAlert('success');
}
function formError() {
- $('#comment-form-submitted').addClass('d-none');
- $('#comment-form-submit').removeClass('d-none');
- $('.page__comments-form .js-notice').removeClass('alert-success');
- $('.page__comments-form .js-notice').addClass('alert-danger');
+ document.getElementById('comment-form-submitted').classList.add('d-none');
+ document.getElementById('comment-form-submit').classList.remove('d-none');
+ const notice = document.querySelector('.page__comments-form .js-notice');
+ notice.classList.remove('alert-success');
+ notice.classList.add('alert-danger');
showAlert('failure');
- $(form).removeClass('disabled');
+ form.classList.remove('disabled');
}
xhr.send(data);
-
- return false;
});
function showAlert(message) {
- $('.page__comments-form .js-notice').removeClass('d-none');
- if (message == 'success') {
- $('.page__comments-form .js-notice-text-success').removeClass('d-none');
- $('.page__comments-form .js-notice-text-failure').addClass('d-none');
+ const notice = document.querySelector('.page__comments-form .js-notice');
+ notice.classList.remove('d-none');
+ if (message === 'success') {
+ document.querySelector('.page__comments-form .js-notice-text-success').classList.remove('d-none');
+ document.querySelector('.page__comments-form .js-notice-text-failure').classList.add('d-none');
} else {
- $('.page__comments-form .js-notice-text-success').addClass('d-none');
- $('.page__comments-form .js-notice-text-failure').removeClass('d-none');
+ document.querySelector('.page__comments-form .js-notice-text-success').classList.add('d-none');
+ document.querySelector('.page__comments-form .js-notice-text-failure').classList.remove('d-none');
}
}
-})(jQuery);
+});