doctype html
html.scroll-smooth(lang=lang)
	include src/components/Head

	body.m-0.p-0
		main.flex.flex-col
			article(itemscope, itemtype="http://schema.org/Person")
				include src/components/Landingpage
				include src/components/Professional
				include src/components/Academia
				include src/components/Footer

		script.
			const footerEl = document.querySelector("#footer");
			const footerObserver = new IntersectionObserver((payload) => {
				const hasScrolltedTo = payload.pop().isIntersecting;
				if (hasScrolltedTo && window.hasOwnProperty("umami")) {
					umami.track("scrolled to", {position: "footer", id: "footer", visitDuration: getVisitDuration()});
					console.debug("scrolled to footer", {visitDuration: getVisitDuration()});
				}
			});
			footerObserver.observe(footerEl);

			const sections = document.querySelectorAll("section");
			const sectionObserver = (id) =>
				new IntersectionObserver((payload) => {
					const hasScrolltedTo = payload.pop().isIntersecting;
					if (hasScrolltedTo && window.hasOwnProperty("umami")) {
						umami.track("scrolled to", {position: "section", id, visitDuration: getVisitDuration()});
						console.debug("scrolled to section with id", {id, visitDuation: getVisitDuration()});
					}
				});
			sections.forEach((section) => sectionObserver(section.id).observe(section));