hugo-theme-moments/layouts/partials/after-content-js.html
2022-09-29 23:26:41 +08:00

49 lines
1.3 KiB
HTML

<!-- Like button -->
<script>
$(".fa-heart").click(function(){
if ($(this).attr("red") == 'true'){
$(this).animate({color:"#808080"});
$(this).attr("red", false);
} else {
$(this).animate({color:"#ff0000"});
$(this).attr("red", true);
}
});
</script>
<!-- fancybox -->
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.umd.js"></script>
{{/* a pangu support */}}
{{ if .Site.Params.features.pangu }}
<!-- pangu.js -->
<script>
pangu.spacingElementByClassName('moment-note');
pangu.spacingElementByClassName('context');
document.addEventListener('DOMContentLoaded', () => {
// listen to any DOM change and automatically perform spacing via MutationObserver()
pangu.autoSpacingPage();
});
</script>
{{ end }}
{{/* back-top- button */}}
<button id="back-top-button"><i class="fas fa-chevron-up"></i></button>
<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 30 || document.documentElement.scrollTop > 30) {
$("#back-top-button").fadeIn();
} else {
$("#back-top-button").fadeOut();
}
}
$( "#back-top-button" ).click(function() {
$("html, body").animate({scrollTop: 0}, 500);
});
</script>