Stop loading unused CSS and JavaScript on every page

assets/js/main.js

@@ -46,65 +46,67 @@ document.addEventListener("DOMContentLoaded", function () {
 
 
 
-  // Swiper Init
-  const heroSwiper = new Swiper(".heroSwiper", {
-    slidesPerView: 1,
-    loop: true,
-    pagination: {
-      el: ".swiper-pagination",
-      dynamicBullets: true,
-    },
-  });
+  // Swiper Init (the library is only loaded on pages that have a carousel)
+  if (typeof Swiper !== "undefined") {
+    const heroSwiper = new Swiper(".heroSwiper", {
+      slidesPerView: 1,
+      loop: true,
+      pagination: {
+        el: ".swiper-pagination",
+        dynamicBullets: true,
+      },
+    });
 
-  const newsSwiper = new Swiper(".newsSwiper", {
-    slidesPerView: 1,
-    spaceBetween: 10,
-    pagination: {
-      el: ".swiper-pagination",
-      dynamicBullets: true,
-    },
-    navigation: {
-      nextEl: ".swiper-button-next",
-      prevEl: ".swiper-button-prev",
-    },
-    breakpoints: {
-      576: {
-        slidesPerView: 2,
-        spaceBetween: 20,
+    const newsSwiper = new Swiper(".newsSwiper", {
+      slidesPerView: 1,
+      spaceBetween: 10,
+      pagination: {
+        el: ".swiper-pagination",
+        dynamicBullets: true,
       },
-      768: {
-        slidesPerView: 3,
-        spaceBetween: 20,
-      }
-    },
-  });
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
+      },
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+          spaceBetween: 20,
+        },
+        768: {
+          slidesPerView: 3,
+          spaceBetween: 20,
+        }
+      },
+    });
 
-  const eventsSwiper = new Swiper(".eventsSwiper", {
-    slidesPerView: 1,
-    spaceBetween: 10,
-    pagination: {
-      el: ".swiper-pagination",
-      dynamicBullets: true,
-    },
-    navigation: {
-      nextEl: ".swiper-button-next",
-      prevEl: ".swiper-button-prev",
-    },
-    breakpoints: {
-      576: {
-        slidesPerView: 2,
-        spaceBetween: 30,
+    const eventsSwiper = new Swiper(".eventsSwiper", {
+      slidesPerView: 1,
+      spaceBetween: 10,
+      pagination: {
+        el: ".swiper-pagination",
+        dynamicBullets: true,
       },
-      768: {
-        slidesPerView: 3,
-        spaceBetween: 30,
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
       },
-      1200: {
-        slidesPerView: 3,
-        spaceBetween: 40
-      }
-    },
-  });
+      breakpoints: {
+        576: {
+          slidesPerView: 2,
+          spaceBetween: 30,
+        },
+        768: {
+          slidesPerView: 3,
+          spaceBetween: 30,
+        },
+        1200: {
+          slidesPerView: 3,
+          spaceBetween: 40
+        }
+      },
+    });
+  }
 
   // PageFind Init
   window.addEventListener('DOMContentLoaded', (event) => {
@@ -219,85 +221,89 @@ document.addEventListener("DOMContentLoaded", function () {
   // Show More Team Members
 
   // Current Team
-  showMoreButton.addEventListener("click", function () {
-    const nextCount = visibleCount + increment;
-    for (let i = visibleCount; i < nextCount && i < teamMembers.length; i++) {
-      if (teamMembers[i]) {
-        teamMembers[i].classList.remove("d-none");
+  if (showMoreButton && showLessButton) {
+    showMoreButton.addEventListener("click", function () {
+      const nextCount = visibleCount + increment;
+      for (let i = visibleCount; i < nextCount && i < teamMembers.length; i++) {
+        if (teamMembers[i]) {
+          teamMembers[i].classList.remove("d-none");
+        }
       }
-    }
-    visibleCount = nextCount;
+      visibleCount = nextCount;
 
-    if (visibleCount > 8) {
-      showLessButton.classList.remove("d-none");
-    }
+      if (visibleCount > 8) {
+        showLessButton.classList.remove("d-none");
+      }
 
-    if (visibleCount >= teamMembers.length) {
-      showMoreButton.classList.add("d-none");
-    }
-  });
+      if (visibleCount >= teamMembers.length) {
+        showMoreButton.classList.add("d-none");
+      }
+    });
 
-  showLessButton.addEventListener("click", function () {
-    // Calculate the next set of members to hide
-    const nextCount = visibleCount - increment;
-    for (let i = visibleCount - 1; i >= nextCount && i >= 8; i--) {
-      if (teamMembers[i]) {
-        teamMembers[i].classList.add("d-none");
+    showLessButton.addEventListener("click", function () {
+      // Calculate the next set of members to hide
+      const nextCount = visibleCount - increment;
+      for (let i = visibleCount - 1; i >= nextCount && i >= 8; i--) {
+        if (teamMembers[i]) {
+          teamMembers[i].classList.add("d-none");
+        }
       }
-    }
-    visibleCount = nextCount;
+      visibleCount = nextCount;
 
-    // Hide the "Show Less" button if only 8 members are visible
-    if (visibleCount <= 8) {
-      showLessButton.classList.add("d-none");
-    }
+      // Hide the "Show Less" button if only 8 members are visible
+      if (visibleCount <= 8) {
+        showLessButton.classList.add("d-none");
+      }
 
-    // Show the "Show More" button if not all members are visible
-    if (visibleCount < teamMembers.length) {
-      showMoreButton.classList.remove("d-none");
-    }
-  });
+      // Show the "Show More" button if not all members are visible
+      if (visibleCount < teamMembers.length) {
+        showMoreButton.classList.remove("d-none");
+      }
+    });
+  }
 
   // Tech Team
-  showMoreButtonTech.addEventListener("click", function () {
-    // Calculate the next set of members to show
-    const nextCountTech = visibleCountTech + incrementTech;
-    for (let i = visibleCountTech; i < nextCountTech && i < teamMembersTech.length; i++) {
-      if (teamMembersTech[i]) {
-        teamMembersTech[i].classList.remove("d-none");
+  if (showMoreButtonTech && showLessButtonTech) {
+    showMoreButtonTech.addEventListener("click", function () {
+      // Calculate the next set of members to show
+      const nextCountTech = visibleCountTech + incrementTech;
+      for (let i = visibleCountTech; i < nextCountTech && i < teamMembersTech.length; i++) {
+        if (teamMembersTech[i]) {
+          teamMembersTech[i].classList.remove("d-none");
+        }
       }
-    }
-    visibleCountTech = nextCountTech;
+      visibleCountTech = nextCountTech;
 
-    // Show the "Show Less" button if more than 8 members are visible
-    if (visibleCountTech > 8) {
-      showLessButtonTech.classList.remove("d-none");
-    }
+      // Show the "Show Less" button if more than 8 members are visible
+      if (visibleCountTech > 8) {
+        showLessButtonTech.classList.remove("d-none");
+      }
 
-    // Hide the "Show More" button if all members are visible
-    if (visibleCountTech >= teamMembersTech.length) {
-      showMoreButtonTech.classList.add("d-none");
-    }
-  });
+      // Hide the "Show More" button if all members are visible
+      if (visibleCountTech >= teamMembersTech.length) {
+        showMoreButtonTech.classList.add("d-none");
+      }
+    });
 
-  showLessButtonTech.addEventListener("click", function () {
-    // Calculate the next set of members to hide
-    const nextCountTech = visibleCountTech - incrementTech;
-    for (let i = visibleCountTech - 1; i >= nextCountTech && i >= 8; i--) {
-      if (teamMembersTech[i]) {
-        teamMembersTech[i].classList.add("d-none");
+    showLessButtonTech.addEventListener("click", function () {
+      // Calculate the next set of members to hide
+      const nextCountTech = visibleCountTech - incrementTech;
+      for (let i = visibleCountTech - 1; i >= nextCountTech && i >= 8; i--) {
+        if (teamMembersTech[i]) {
+          teamMembersTech[i].classList.add("d-none");
+        }
       }
-    }
-    visibleCountTech = nextCountTech;
+      visibleCountTech = nextCountTech;
 
-    // Hide the "Show Less" button if only 8 members are visible
-    if (visibleCountTech <= 8) {
-      showLessButtonTech.classList.add("d-none");
-    }
+      // Hide the "Show Less" button if only 8 members are visible
+      if (visibleCountTech <= 8) {
+        showLessButtonTech.classList.add("d-none");
+      }
 
-    // Show the "Show More" button if not all members are visible
-    if (visibleCountTech < teamMembersTech.length) {
-      showMoreButtonTech.classList.remove("d-none");
-    }
-  });
+      // Show the "Show More" button if not all members are visible
+      if (visibleCountTech < teamMembersTech.length) {
+        showMoreButtonTech.classList.remove("d-none");
+      }
+    });
+  }
 });

layouts/events/list.html

@@ -47,7 +47,7 @@ <h2 class="inter-700 text-32 dark-900 mb-4 pb-2 border-bottom border-primary">Up
             <h4 class="inter-600 text-18 dark-900 mb-1"><a href="{{ .RelPermalink }}" class="text-decoration-none dark-900 hover-primary">{{ .Title }}</a></h4>
             <div class="d-flex flex-wrap gap-3">
               <p class="inter-400 text-14 dark-600 mb-0">
-                <i class="fas fa-calendar-alt text-primary me-1"></i>
+                <i class="bi bi-calendar3 text-primary me-1"></i>
                 {{ .Date.Format "January 2, 2006" }}
                 {{ if .Params.endDate }}
                   {{ $startDate := .Date.Format "2006-01-02" }}
@@ -59,13 +59,13 @@ <h4 class="inter-600 text-18 dark-900 mb-1"><a href="{{ .RelPermalink }}" class=
               </p>
               {{ with .Params.location }}
               <p class="inter-400 text-14 dark-600 mb-0">
-                <i class="fas fa-map-marker-alt text-primary me-1"></i>
+                <i class="bi bi-geo-alt-fill text-primary me-1"></i>
                 {{ . }}
               </p>
               {{ end }}
               {{ with .Params.eventType }}
               <p class="inter-400 text-14 dark-600 mb-0">
-                <i class="fas fa-tag text-primary me-1"></i>
+                <i class="bi bi-tag-fill text-primary me-1"></i>
                 {{ . }}
               </p>
               {{ end }}
@@ -95,7 +95,7 @@ <h2 class="inter-700 text-32 dark-900 mb-4 pb-2 border-bottom border-primary">Pr
             <h4 class="inter-600 text-18 dark-900 mb-1"><a href="{{ .RelPermalink }}" class="text-decoration-none dark-900 hover-primary">{{ .Title }}</a></h4>
             <div class="d-flex flex-wrap gap-3">
               <p class="inter-400 text-14 dark-600 mb-0">
-                <i class="fas fa-calendar-alt text-primary me-1"></i>
+                <i class="bi bi-calendar3 text-primary me-1"></i>
                 {{ .Date.Format "January 2, 2006" }}
                 {{ if .Params.endDate }}
                   {{ $startDate := .Date.Format "2006-01-02" }}
@@ -107,13 +107,13 @@ <h4 class="inter-600 text-18 dark-900 mb-1"><a href="{{ .RelPermalink }}" class=
               </p>
               {{ with .Params.location }}
               <p class="inter-400 text-14 dark-600 mb-0">
-                <i class="fas fa-map-marker-alt text-primary me-1"></i>
+                <i class="bi bi-geo-alt-fill text-primary me-1"></i>
                 {{ . }}
               </p>
               {{ end }}
               {{ with .Params.eventType }}
               <p class="inter-400 text-14 dark-600 mb-0">
-                <i class="fas fa-tag text-primary me-1"></i>
+                <i class="bi bi-tag-fill text-primary me-1"></i>
                 {{ . }}
               </p>
               {{ end }}

layouts/events/single.html

@@ -24,7 +24,7 @@ <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify
                         {{ with .Date }}
                         <div class="d-flex gap-2 align-items-center">
                             <div class="icons">
-                                <i class="fas fa-calendar-alt text-primary" style="font-size: 1.2rem;"></i>
+                                <i class="bi bi-calendar3 text-primary" style="font-size: 1.2rem;"></i>
                             </div>
                             <p class="inter-400 text-16 dark-600 mb-0 pt-1">
                                 {{ . | time.Format "January 02, 2006" }}
@@ -41,15 +41,15 @@ <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify
                         {{ with .Params.location }}
                         <div class="d-flex gap-2 align-items-center">
                             <div class="icons">
-                                <i class="fas fa-map-marker-alt text-primary" style="font-size: 1.2rem;"></i>
+                                <i class="bi bi-geo-alt-fill text-primary" style="font-size: 1.2rem;"></i>
                             </div>
                             <p class="inter-400 text-16 dark-600 mb-0 pt-1">{{ . }}</p>
                         </div>
                         {{ end }}
                         {{ with .Params.eventType }}
                         <div class="d-flex gap-2 align-items-center">
                             <div class="icons">
-                                <i class="fas fa-tag text-primary" style="font-size: 1.2rem;"></i>
+                                <i class="bi bi-tag-fill text-primary" style="font-size: 1.2rem;"></i>
                             </div>
                             <p class="inter-400 text-16 dark-600 mb-0 pt-1">{{ . }}</p>
                         </div>
@@ -76,7 +76,7 @@ <h3 class="inter-600 text-24 dark-900 mb-3">Event Details</h3>
                     <div class="mb-3">
                         <h4 class="inter-600 text-18 dark-900 mb-2">Date & Time</h4>
                         <p class="inter-400 text-16 dark-700 mb-1">
-                            <i class="fas fa-calendar-alt text-primary me-2"></i>
+                            <i class="bi bi-calendar3 text-primary me-2"></i>
                             {{ .Date.Format "January 2, 2006" }}
                             {{ if .Params.endDate }}
                               {{ $startDate := .Date.Format "2006-01-02" }}
@@ -92,7 +92,7 @@ <h4 class="inter-600 text-18 dark-900 mb-2">Date & Time</h4>
                     <div class="mb-3">
                         <h4 class="inter-600 text-18 dark-900 mb-2">Location</h4>
                         <p class="inter-400 text-16 dark-700 mb-1">
-                            <i class="fas fa-map-marker-alt text-primary me-2"></i>
+                            <i class="bi bi-geo-alt-fill text-primary me-2"></i>
                             {{ . }}
                         </p>
                     </div>
@@ -102,7 +102,7 @@ <h4 class="inter-600 text-18 dark-900 mb-2">Location</h4>
                     <div class="mb-3">
                         <h4 class="inter-600 text-18 dark-900 mb-2">Event Type</h4>
                         <p class="inter-400 text-16 dark-700 mb-1">
-                            <i class="fas fa-tag text-primary me-2"></i>
+                            <i class="bi bi-tag-fill text-primary me-2"></i>
                             {{ . }}
                         </p>
                     </div>
@@ -145,7 +145,7 @@ <h4 class="inter-600 text-18 dark-900 mb-2">Resources</h4>
         </div>
         <div class="text-center mt-5">
             <a href="/events/" class="btn btn-primary">
-                <i class="fas fa-arrow-left me-2"></i>Back to All Events
+                <i class="bi bi-arrow-left me-2"></i>Back to All Events
             </a>
         </div>
     </div>

layouts/faq/single.html

@@ -14,7 +14,7 @@ <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify
         <div class="row">
             <div class="col-12">
                 <a href="/faq/" class="text-decoration-none d-inline-flex align-items-center mb-4">
-                    <i class="fas fa-arrow-left me-2"></i> Back to FAQ
+                    <i class="bi bi-arrow-left me-2"></i> Back to FAQ
                 </a>
                 <link rel="stylesheet" href="/css/toc.css">