add smooth scroll to some sections

assets/js/smooth-scroll.js

@@ -0,0 +1,25 @@
+document.addEventListener('DOMContentLoaded', function() {
+    const menuLinks = document.querySelectorAll('nav a');
+
+    menuLinks.forEach(link => {
+      link.addEventListener('click', function(e) {
+        const href = this.getAttribute('href');
+
+        // Skip smooth scroll for external links, Home, and CV
+        if (!href.startsWith('#') || href === '#' || this.classList.contains('no-smooth-scroll')) {
+          return;
+        }
+
+        e.preventDefault();
+
+        const targetId = href.replace('#', '');
+        const targetElement = document.getElementById(targetId);
+
+        if (targetElement) {
+          targetElement.scrollIntoView({
+            behavior: 'smooth'
+          });
+        }
+      });
+    });
+  });

config/_default/menus.yaml

@@ -7,6 +7,8 @@ main:
   - name: Home
     url: /
     weight: 10
+    params:
+      class: no-smooth-scroll
   - name: Research
     url: /#papers
     weight: 11
@@ -16,9 +18,12 @@ main:
   - name: CV
     url: experience/
     weight: 20
+    params:
+      class: no-smooth-scroll
   - name: Projects
     url: projects/
     weight: 30
   - name: Contact
     url: /#contact
-    weight: 60  
+    weight: 60
+

layouts/partials/hooks/body-end/custom-js.html

@@ -0,0 +1 @@
+<script src="{{ "js/smooth-scroll.js" | relURL }}"></script>