blob: e2b5a8c39b4702df39750ca9aed5276392d3570c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
<footer class="w-full max-w-7xl mx-auto text-center border-t border-gray-200 py-9 px-3 mt-9 pin-b text-sm text-gray-500">
Made with <a href="https://gohugo.io" class="underline transition duration-300 ease-in-out hover:text-blue-600">Hugo</a> and <a href="https://github.com/leonardofaria/bento" class="underline transition duration-300 ease-in-out hover:text-blue-600">Bento theme</a>
</footer>
<script>
const navButtons = document.querySelectorAll('.nav-button');
const navMenu = document.querySelector('#nav-menu');
const navSocialLinks = document.querySelector('#nav-social-links');
for (const button of navButtons) {
button.addEventListener('click', () => {
navMenu.classList.toggle("hidden");
if (navSocialLinks) {
navSocialLinks.classList.toggle("hidden");
}
for (const navButton of navButtons) {
navButton.classList.toggle("hidden");
};
});
}
</script>
{{if and (.Site.Params.cover) (.IsHome)}}
<script>
window.onscroll = function() {
const speed = -3;
const header = document.querySelector('#header');
header.style.backgroundPosition = (-window.pageXOffset/speed)+"px "+(-window.pageYOffset/speed)+"px";
}
</script>
{{else}}
<script>
let scrollPos = window.scrollY;
const header = document.querySelector('#header');
const headerContainer = document.querySelector("#header-container");
const readingProgressBar = document.querySelector("#reading-progress-bar");
let scrollTop = 0;
let scrollBottom = 0;
let scrollPercent = 0;
const addClassOnScroll = () => {
header.classList.add("shadow");
header.classList.add("bg-white");
}
const removeClassOnScroll = () => {
header.classList.remove("shadow");
header.classList.remove("bg-white");
}
window.onscroll = function() {
scrollPos = window.scrollY;
scrollTop = document.documentElement["scrollTop"] || document.body["scrollTop"];
scrollBottom = (document.documentElement["scrollHeight"] || document.body["scrollHeight"]) - document.documentElement.clientHeight;
scrollPercent = scrollTop / scrollBottom * 100;
readingProgressBar.style.width = (scrollTop / scrollBottom * 100) + '%' ;
if (scrollPos > 0) { addClassOnScroll() }
else { removeClassOnScroll() }
}
</script>
{{end}}
{{ template "_internal/google_analytics.html" . }}
|