55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
|
function initParallax() {
|
||
|
|
jarallax(document.querySelectorAll('.has-parallax-feed .gh-card'), {
|
||
|
|
speed: 0.8,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
if (!document.body.classList.contains('has-background-about')) return;
|
||
|
|
|
||
|
|
const about = document.querySelector('.gh-about');
|
||
|
|
if (!about) return;
|
||
|
|
|
||
|
|
const image = about.querySelector('.gh-about-image');
|
||
|
|
|
||
|
|
if (!image.naturalWidth) {
|
||
|
|
imagesLoaded(image, function () {
|
||
|
|
about.style.setProperty('--about-height', image.clientWidth * image.naturalHeight / image.naturalWidth + 'px');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
})();
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
initParallax();
|
||
|
|
})();
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
const toggle = document.querySelector('[data-toggle-comments]');
|
||
|
|
if (!toggle) return;
|
||
|
|
|
||
|
|
toggle.addEventListener('click', function () {
|
||
|
|
document.body.classList.toggle('comments-opened');
|
||
|
|
});
|
||
|
|
})();
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
const element = document.querySelector('.gh-article-excerpt');
|
||
|
|
if (!element) return;
|
||
|
|
|
||
|
|
let text = element.textContent;
|
||
|
|
const emojiRE = /\p{EPres}|\p{ExtPict}/gu;
|
||
|
|
|
||
|
|
const emojis = text.match(emojiRE);
|
||
|
|
if (!emojis) return;
|
||
|
|
|
||
|
|
emojis.forEach(function (emoji) {
|
||
|
|
text = text.replace(emoji, `<span class="emoji">${emoji}</span>`);
|
||
|
|
});
|
||
|
|
|
||
|
|
element.innerHTML = text;
|
||
|
|
})();
|
||
|
|
|
||
|
|
(function () {
|
||
|
|
pagination(true, initParallax);
|
||
|
|
})();
|