From 5202bfa4a6f39434d95572cfb1d1d0f5a5797cf9 Mon Sep 17 00:00:00 2001
From: Ben Dichter <ben.dichter@gmail.com>
Date: Fri, 9 Oct 2026 12:58:54 -0400
Subject: [PATCH] Replace Font Awesome with Bootstrap Icons

Every page loaded both icon fonts, and Font Awesome was used for 16 icons on the events, FAQ and Supporting NWB pages. Those now use the equivalent Bootstrap Icons, so the Font Awesome stylesheet (and its 156 KB font on the pages that used it) is no longer loaded. Bootstrap Icons has no brain icon, so the fallback for an activity without a logo on Supporting NWB uses a network diagram instead.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 layouts/events/list.html              | 12 ++++++------
 layouts/events/single.html            | 14 +++++++-------
 layouts/faq/single.html               |  2 +-
 layouts/partials/essentials/head.html |  3 ---
 layouts/supporting-nwb/list.html      |  4 ++--
 5 files changed, 16 insertions(+), 19 deletions(-)

diff --git a/layouts/events/list.html b/layouts/events/list.html
index 94b076c..c6af991 100644
--- a/layouts/events/list.html
+++ b/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 }}
diff --git a/layouts/events/single.html b/layouts/events/single.html
index 5768684..d1d9eda 100644
--- a/layouts/events/single.html
+++ b/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,7 +41,7 @@ <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>
@@ -49,7 +49,7 @@ <h1 class="inter-700 text-48 text-white text-center z-4">{{ .Title | markdownify
                         {{ 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>
diff --git a/layouts/faq/single.html b/layouts/faq/single.html
index a8c8bbb..2e7d2a6 100644
--- a/layouts/faq/single.html
+++ b/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">
                 
diff --git a/layouts/partials/essentials/head.html b/layouts/partials/essentials/head.html
index a3f6b1b..c07f84f 100644
--- a/layouts/partials/essentials/head.html
+++ b/layouts/partials/essentials/head.html
@@ -9,9 +9,6 @@
 {{/*  Bootstrap Icons  */}}
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
 
-{{/*  Font Awesome  */}}
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-
 {{/*  Netlify Identity Widget  */}}
 <script src="https://identity.netlify.com/v1/netlify-identity-widget.js"></script>
 
diff --git a/layouts/supporting-nwb/list.html b/layouts/supporting-nwb/list.html
index 7797168..1611cef 100644
--- a/layouts/supporting-nwb/list.html
+++ b/layouts/supporting-nwb/list.html
@@ -35,7 +35,7 @@ <h1 class="inter-700 text-48 text-white mb-3">{{ .title | markdownify }}</h1>
         <div class="alert alert-warning border-0 p-4 rounded-4 text-center">
             <div class="row align-items-center">
                 <div class="col-lg-2 text-center mb-3 mb-lg-0">
-                    <i class="fas fa-exclamation-triangle fa-3x text-warning"></i>
+                    <i class="bi bi-exclamation-triangle-fill text-warning" style="font-size: 3em;"></i>
                 </div>
                 <div class="col-lg-10">
                     <h2 class="inter-700 text-32 mb-3">{{ .title | markdownify }}</h2>
@@ -137,7 +137,7 @@ <h3 class="inter-600 text-28 dark-900 mb-3">{{ .title | markdownify }}</h3>
                         <img src="{{ .image }}" alt="{{ .name }}" width="40" height="40" class="me-3 flex-shrink-0">
                         {{ else }}
                         <div class="bg-main rounded-circle d-flex align-items-center justify-content-center me-3 flex-shrink-0" style="width: 40px; height: 40px;">
-                            <i class="fas fa-brain text-white"></i>
+                            <i class="bi bi-diagram-3-fill text-white"></i>
                         </div>
                         {{ end }}
                         <span class="inter-500 text-14 dark-900">{{ .name | markdownify }}</span>