fix main.js header and footer

Author: Bernardo-Ribeiro

js/main.js

@@ -55,17 +55,23 @@ document.addEventListener('DOMContentLoaded', () => {
     });
   }
 
+  const resolveToRoot = (url) => {
+    if (/^https?:\/\//i.test(url)) return url;
+    return url.startsWith('/') ? url : `/${url}`;
+  };
+
   const loadHTML = (selector, url, callback) => {
     const element = document.querySelector(selector);
     if (element) {
-      fetch(url)
+      const finalUrl = resolveToRoot(url);
+      fetch(finalUrl, { cache: 'no-store' })
         .then(response => response.ok ? response.text() : Promise.reject('File not found.'))
         .then(data => {
           element.innerHTML = data;
           if (callback) callback();
         })
         .catch(error => {
-          console.error(`Failed to load ${url}:`, error);
+          console.error(`Failed to load ${finalUrl}:`, error);
         });
     }
   };

news/2023_11/getting-ready-to-range-20.html

@@ -73,6 +73,6 @@ <h3>The Future Of Range Engine 2.0</h3>
       const icons = document.querySelectorAll('i');
       icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
     </script>
-  <script src="../../js/main.js" defer></script>
+  <script src="/js/main.js" defer></script>
   </body>
 </html>

news/2023_11/range-engine-15-is-out.html

@@ -71,6 +71,6 @@ <h3>Getting Ready To Range 2.0</h3>
       const icons = document.querySelectorAll('i');
       icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
     </script>
-  <script src="../../js/main.js" defer></script>
+  <script src="/js/main.js" defer></script>
   </body>
 </html>

news/2023_12/the-future-of-range-engine-16.html

@@ -72,6 +72,6 @@ <h3>Getting Ready To Range 2.0</h3>
       const icons = document.querySelectorAll('i');
       icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
     </script>
-  <script src="../../js/main.js" defer></script>
+  <script src="/js/main.js" defer></script>
   </body>
 </html>

news/2024_03/range-engine-15a-is-out.html

@@ -77,6 +77,6 @@ <h3>The Future Of Range Engine 1.6</h3>
       const icons = document.querySelectorAll('i');
       icons.forEach(icon => { icon.setAttribute('translate', 'no'); });
     </script>
-  <script src="../../js/main.js" defer></script>
+  <script src="/js/main.js" defer></script>
   </body>
 </html>