Finished.

tpl/footer.html

@@ -1,7 +1,7 @@
 <footer id="footer">
     <div class="container">
         <ul>
-            <li>© 2020 Schnittfest GmbH</li>
+            <li>© 2024 Schnittfest GmbH</li>
             <li>
                 <a href="tel:+49017693124984">+49 176 93124984</a>
             </li>
@@ -22,4 +22,90 @@
             </li>
         </ul>
     </div>
-</footer>
+</footer>
+
+<script type="text/javascript" src="https://player.vimeo.com/api/player.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.4/gsap.min.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.min.js"></script>
+<script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
+<script type="text/javascript" src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script>
+<script type="text/javascript" src="static/js/color.js"></script>
+<script type="text/javascript" src="static/js/parts.js"></script>
+
+<script>
+    AOS.init({
+        duration: 1000,
+        easing: "cubic-bezier(0.4, 0.0, 0.2, 1)",
+        once: true,
+        offset: 32
+    });
+
+    // navbar mobile menu
+    let mobileMenu = document.getElementById("mobileMenu");
+    let mobileMenuOpen = document.getElementById("mobileMenuOpen");
+    let mobileMenuClose = document.getElementById("mobileMenuClose");
+
+    function toggleMobileMenu() {
+        let hidden = mobileMenu.style.display;
+
+        if(hidden) {
+            mobileMenu.style.display = "";
+        } else {
+            mobileMenu.style.display = "none"
+        }
+    }
+
+    mobileMenuOpen.addEventListener("click", e => {
+        e.preventDefault();
+        e.stopPropagation();
+        toggleMobileMenu();
+    });
+
+    // scroll to from navigation
+    let scrollToService = document.getElementsByClassName("scrollToService");
+    let scrollToWork = document.getElementsByClassName("scrollToWork");
+    let scrollToRental = document.getElementsByClassName("scrollToRental");
+    let scrollToFooter = document.getElementsByClassName("scrollToFooter");
+
+    function addScrollTo(nodes, anchor) {
+        for (let node of nodes) {
+            node.addEventListener("click", () => {
+                toggleMobileMenu();
+                let section = document.getElementById(anchor);
+
+                if (window.location.pathname === "/") {
+                    window.scrollTo({top: section.offsetTop, behavior: "smooth"});
+                } else {
+                    window.location = `/#${anchor}`;
+                }
+            });
+        }
+    }
+
+    document.addEventListener("click", e => {
+        if(!mobileMenu.style.display) {
+            mobileMenu.style.display = "none"
+        }
+    });
+
+    addScrollTo(scrollToService, "service");
+    addScrollTo(scrollToWork, "work");
+    addScrollTo(scrollToRental, "rental");
+    addScrollTo(scrollToFooter, "footer");
+
+    // click on logo navigation
+    let homeLink = document.getElementById("homeLink");
+
+    homeLink.addEventListener("click", e => {
+        e.preventDefault();
+        e.stopPropagation();
+
+        if(window.location.pathname === "/") {
+            window.scrollTo({top: 0, behavior: "smooth"});
+        }
+        else {
+            window.location = "/";
+        }
+    });
+</script>