diff --git a/compose.yml b/compose.yml
deleted file mode 100644
index 86508c5..0000000
--- a/compose.yml
+++ /dev/null
@@ -1,21 +0,0 @@
-services:
-  homepage:
-    image: nginx:alpine
-    container_name: homepage
-    volumes:
-      - ./dist:/usr/share/nginx/html
-    restart: unless-stopped 
-    networks:
-      - proxy-network
-    labels:
-      - "traefik.enable=true"
-      - "traefik.http.routers.homepage.rule=Host(`www.yanlincs.com`)"
-      - "traefik.http.routers.homepage.tls=true"
-      - "traefik.http.routers.homepage.tls.certresolver=cloudflare"
-      - "traefik.http.routers.homepage.tls.domains[0].main=*.yanlincs.com"
-      - "traefik.http.services.homepage.loadbalancer.server.port=80"
-
-
-networks:
-  proxy-network:
-    external: true
diff --git a/dist/index.html b/dist/index.html
index 2bd4584..c6aa938 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -56,7 +56,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#publications">
+            <a class="link nav-link px-0" href="/publications/">
                 <span class="d-inline d-md-none">Pubs</span>
                 <span class="d-none d-md-inline">Publications</span>
             </a>
@@ -65,7 +65,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#projects">
+            <a class="link nav-link px-0" href="/projects/">
                 <span class="d-inline d-md-none">Work</span>
                 <span class="d-none d-md-inline">Projects</span>
             </a>
@@ -74,7 +74,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#presentations">
+            <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
                 <span class="d-none d-md-inline">Presentations</span>
             </a>
@@ -82,13 +82,6 @@
           
         
           
-        <li class="nav-item">
-            <a class="link nav-link px-0" href="/#services">
-                <span class="d-inline d-md-none">Serve</span>
-                <span class="d-none d-md-inline">Services</span>
-            </a>
-        </li>
-          
         
         <li class="nav-item">
             <a class="link nav-link px-0" href="https://blog.yanlincs.com">
@@ -677,37 +670,8 @@
     </div>
   </footer>
 
-  <button id="back-to-top" class="btn btn-light rounded-circle d-none align-items-center justify-content-center" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
-    </svg>
-  </button>
 
    
-  <script>
-    // Show or hide the back-to-top button
-    window.addEventListener('scroll', function() {
-      var backToTopButton = document.getElementById('back-to-top');
-      if (window.scrollY > 100) {
-        backToTopButton.classList.remove('d-none');
-        backToTopButton.classList.add('d-flex');
-      } else {
-        backToTopButton.classList.add('d-none');
-        backToTopButton.classList.remove('d-flex');
-      }
-    });
-
-    // Scroll to top when the button is clicked
-    document.getElementById('back-to-top').addEventListener('click', function(e) {
-      e.preventDefault();
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      window.location.href = '#';
-      return false;
-    });
-  </script>
    
 </body>
 
diff --git a/dist/presentations/index.html b/dist/presentations/index.html
index 48d3736..5d09466 100644
--- a/dist/presentations/index.html
+++ b/dist/presentations/index.html
@@ -153,37 +153,8 @@
     </div>
   </footer>
 
-  <button id="back-to-top" class="btn btn-light rounded-circle d-none align-items-center justify-content-center" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
-    </svg>
-  </button>
 
   
-  <script>
-    // Show or hide the back-to-top button
-    window.addEventListener('scroll', function() {
-      var backToTopButton = document.getElementById('back-to-top');
-      if (window.scrollY > 100) {
-        backToTopButton.classList.remove('d-none');
-        backToTopButton.classList.add('d-flex');
-      } else {
-        backToTopButton.classList.add('d-none');
-        backToTopButton.classList.remove('d-flex');
-      }
-    });
-
-    // Scroll to top when the button is clicked
-    document.getElementById('back-to-top').addEventListener('click', function(e) {
-      e.preventDefault();
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      window.location.href = '#';
-      return false;
-    });
-  </script>
   
 </body>
 
diff --git a/dist/projects/index.html b/dist/projects/index.html
index 00fcb0e..b19b89d 100644
--- a/dist/projects/index.html
+++ b/dist/projects/index.html
@@ -52,7 +52,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#publications">
+            <a class="link nav-link px-0" href="/publications/">
                 <span class="d-inline d-md-none">Pubs</span>
                 <span class="d-none d-md-inline">Publications</span>
             </a>
@@ -61,7 +61,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#projects">
+            <a class="link nav-link px-0" href="/projects/">
                 <span class="d-inline d-md-none">Work</span>
                 <span class="d-none d-md-inline">Projects</span>
             </a>
@@ -70,7 +70,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#presentations">
+            <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
                 <span class="d-none d-md-inline">Presentations</span>
             </a>
@@ -78,13 +78,6 @@
           
         
           
-        <li class="nav-item">
-            <a class="link nav-link px-0" href="/#services">
-                <span class="d-inline d-md-none">Serve</span>
-                <span class="d-none d-md-inline">Services</span>
-            </a>
-        </li>
-          
         
         <li class="nav-item">
             <a class="link nav-link px-0" href="https://blog.yanlincs.com">
@@ -216,37 +209,8 @@
     </div>
   </footer>
 
-  <button id="back-to-top" class="btn btn-light rounded-circle d-none align-items-center justify-content-center" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
-    </svg>
-  </button>
 
   
-  <script>
-    // Show or hide the back-to-top button
-    window.addEventListener('scroll', function() {
-      var backToTopButton = document.getElementById('back-to-top');
-      if (window.scrollY > 100) {
-        backToTopButton.classList.remove('d-none');
-        backToTopButton.classList.add('d-flex');
-      } else {
-        backToTopButton.classList.add('d-none');
-        backToTopButton.classList.remove('d-flex');
-      }
-    });
-
-    // Scroll to top when the button is clicked
-    document.getElementById('back-to-top').addEventListener('click', function(e) {
-      e.preventDefault();
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      window.location.href = '#';
-      return false;
-    });
-  </script>
   
 </body>
 
diff --git a/dist/publications/index.html b/dist/publications/index.html
index a43a504..15f89f0 100644
--- a/dist/publications/index.html
+++ b/dist/publications/index.html
@@ -52,7 +52,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#publications">
+            <a class="link nav-link px-0" href="/publications/">
                 <span class="d-inline d-md-none">Pubs</span>
                 <span class="d-none d-md-inline">Publications</span>
             </a>
@@ -61,7 +61,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#projects">
+            <a class="link nav-link px-0" href="/projects/">
                 <span class="d-inline d-md-none">Work</span>
                 <span class="d-none d-md-inline">Projects</span>
             </a>
@@ -70,7 +70,7 @@
         
           
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#presentations">
+            <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
                 <span class="d-none d-md-inline">Presentations</span>
             </a>
@@ -78,13 +78,6 @@
           
         
           
-        <li class="nav-item">
-            <a class="link nav-link px-0" href="/#services">
-                <span class="d-inline d-md-none">Serve</span>
-                <span class="d-none d-md-inline">Services</span>
-            </a>
-        </li>
-          
         
         <li class="nav-item">
             <a class="link nav-link px-0" href="https://blog.yanlincs.com">
@@ -567,37 +560,8 @@
     </div>
   </footer>
 
-  <button id="back-to-top" class="btn btn-light rounded-circle d-none align-items-center justify-content-center" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
-    </svg>
-  </button>
 
   
-  <script>
-    // Show or hide the back-to-top button
-    window.addEventListener('scroll', function() {
-      var backToTopButton = document.getElementById('back-to-top');
-      if (window.scrollY > 100) {
-        backToTopButton.classList.remove('d-none');
-        backToTopButton.classList.add('d-flex');
-      } else {
-        backToTopButton.classList.add('d-none');
-        backToTopButton.classList.remove('d-flex');
-      }
-    });
-
-    // Scroll to top when the button is clicked
-    document.getElementById('back-to-top').addEventListener('click', function(e) {
-      e.preventDefault();
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      window.location.href = '#';
-      return false;
-    });
-  </script>
   
 </body>
 
diff --git a/templates/base.html b/templates/base.html
index f12e893..4011e51 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -74,37 +74,8 @@
     </div>
   </footer>
 
-  <button id="back-to-top" class="btn btn-light rounded-circle d-none align-items-center justify-content-center" style="position: fixed; bottom: 20px; right: 20px; display: none; z-index: 1000; width: 40px; height: 40px; padding: 0;">
-    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
-      <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
-    </svg>
-  </button>
 
   {% block extra_js %}
-  <script>
-    // Show or hide the back-to-top button
-    window.addEventListener('scroll', function() {
-      var backToTopButton = document.getElementById('back-to-top');
-      if (window.scrollY > 100) {
-        backToTopButton.classList.remove('d-none');
-        backToTopButton.classList.add('d-flex');
-      } else {
-        backToTopButton.classList.add('d-none');
-        backToTopButton.classList.remove('d-flex');
-      }
-    });
-
-    // Scroll to top when the button is clicked
-    document.getElementById('back-to-top').addEventListener('click', function(e) {
-      e.preventDefault();
-      window.scrollTo({
-        top: 0,
-        behavior: 'smooth'
-      });
-      window.location.href = '#';
-      return false;
-    });
-  </script>
   {% endblock %}
 </body>
 
diff --git a/templates/partials/navigation.html b/templates/partials/navigation.html
index 2c0c67b..321aef1 100644
--- a/templates/partials/navigation.html
+++ b/templates/partials/navigation.html
@@ -3,38 +3,31 @@
         {% for section in data.sections %}
           {% if section == 'publications' %}
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#publications">
+            <a class="link nav-link px-0" href="/publications/">
                 <span class="d-inline d-md-none">Pubs</span>
                 <span class="d-none d-md-inline">Publications</span>
             </a>
         </li>
           {% elif section == 'projects' %}
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#projects">
+            <a class="link nav-link px-0" href="/projects/">
                 <span class="d-inline d-md-none">Work</span>
                 <span class="d-none d-md-inline">Projects</span>
             </a>
         </li>
           {% elif section == 'teaching' %}
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#teaching">
+            <a class="link nav-link px-0" href="/teaching/">
                 <span class="d-inline d-md-none">Teach</span>
                 <span class="d-none d-md-inline">Teaching</span>
             </a>
         </li>
           {% elif section == 'presentations' %}
         <li class="nav-item">
-            <a class="link nav-link px-0" href="/#presentations">
+            <a class="link nav-link px-0" href="/presentations/">
                 <span class="d-inline d-md-none">Talks</span>
                 <span class="d-none d-md-inline">Presentations</span>
             </a>
-        </li>
-          {% elif section == 'services' %}
-        <li class="nav-item">
-            <a class="link nav-link px-0" href="/#services">
-                <span class="d-inline d-md-none">Serve</span>
-                <span class="d-none d-md-inline">Services</span>
-            </a>
         </li>
           {% endif %}
         {% endfor %}