52 lines
2.1 KiB
JavaScript
52 lines
2.1 KiB
JavaScript
(function() {
|
|
function $() {
|
|
return Array.prototype.slice.call(document.querySelectorAll.apply(document, arguments));
|
|
}
|
|
|
|
if ($('.columns .column-right').length && $('.columns .column-right-shadow').length && !$('.columns .column-right-shadow')[0].children.length) {
|
|
for (const child of $('.columns .column-right')[0].children) {
|
|
$('.columns .column-right-shadow')[0].append(child.cloneNode(true));
|
|
}
|
|
}
|
|
|
|
$('body > .navbar, body > .section, body > .footer').forEach(element => {
|
|
element.style.transition = '0s';
|
|
element.style.opacity = '0';
|
|
});
|
|
document.querySelector('body > .navbar').style.transform = 'translateY(-100px)';
|
|
[
|
|
'.column-main > .card, .column-main > .pagination, .column-main > .post-navigation',
|
|
'.column-left > .card, .column-right-shadow > .card',
|
|
'.column-right > .card'
|
|
].forEach(selector => {
|
|
$(selector).forEach(element => {
|
|
element.style.transition = '0s';
|
|
element.style.opacity = '0';
|
|
element.style.transform = 'scale(0.8)';
|
|
element.style.transformOrigin = 'center top';
|
|
});
|
|
});
|
|
setTimeout(() => {
|
|
$('body > .navbar, body > .section, body > .footer').forEach(element => {
|
|
element.style.opacity = '1';
|
|
element.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out';
|
|
});
|
|
document.querySelector('body > .navbar').style.transform = 'translateY(0)';
|
|
[
|
|
'.column-main > .card, .column-main > .pagination, .column-main > .post-navigation',
|
|
'.column-left > .card, .column-right-shadow > .card',
|
|
'.column-right > .card'
|
|
].forEach(selector => {
|
|
let i = 1;
|
|
$(selector).forEach(element => {
|
|
setTimeout(() => {
|
|
element.style.opacity = '1';
|
|
element.style.transform = '';
|
|
element.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out';
|
|
}, i * 100);
|
|
i++;
|
|
});
|
|
});
|
|
});
|
|
}());
|