From 2309ed188d54b4b87fde556e6889275c2ebac8a6 Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Tue, 20 Aug 2024 10:09:51 -0500
Subject: [PATCH] Upgrade to Bootstrap 5 and component library header/footer

---
 Gemfile                                       |   2 -
 Gemfile.lock                                  |   3 -
 Procfile.dev                                  |   1 -
 app/assets/javascripts/application.js         |   3 +-
 app/assets/javascripts/datatables.js          |   2 -
 app/assets/javascripts/modal.js               |   5 +-
 app/assets/stylesheets/application.css        | 100 +++++++++++
 app/assets/stylesheets/application.sass.scss  |  25 ---
 app/assets/stylesheets/datatables.scss        |   1 -
 .../identity/bootstrap-variables.scss         |  49 -----
 .../stylesheets/identity/digital-color.scss   |  36 ----
 .../stylesheets/identity/overrides.scss       |   3 -
 app/assets/stylesheets/modules/home.scss      |  16 --
 app/assets/stylesheets/modules/request.scss   |  77 --------
 .../stylesheets/modules/sul_footer.scss       |  66 -------
 app/assets/stylesheets/modules/tables.scss    |   0
 app/views/layouts/_header_navbar.html.erb     |   5 -
 app/views/layouts/_top_navbar.html.erb        |  10 --
 app/views/layouts/application.html.erb        |  30 ++--
 app/views/reserves/_reserves_form.html.erb    |   2 +-
 app/views/reserves/all_courses.html.erb       |   4 +-
 app/views/reserves/edit.html.erb              |   6 +-
 app/views/reserves/index.html.erb             |   2 +-
 app/views/reserves/new.html.erb               |   4 +-
 app/views/reserves/terms.html.erb             |   4 +-
 app/views/shared/_body_top.html.erb           |   0
 app/views/shared/_flash_msg.html.erb          |   2 +-
 app/views/shared/_footer.html.erb             | 170 ++++++++++++++++++
 app/views/shared/_global_footer.html.erb      |  32 ----
 app/views/shared/_header_navbar.html.erb      |  29 ++-
 app/views/shared/_skip_links.html.erb         |   7 +
 app/views/shared/_sul_footer.html.erb         |  17 --
 app/views/shared/_top_navbar.html.erb         |  12 +-
 package.json                                  |  10 +-
 yarn.lock                                     | 145 ---------------
 35 files changed, 339 insertions(+), 541 deletions(-)
 delete mode 100644 app/assets/javascripts/datatables.js
 create mode 100644 app/assets/stylesheets/application.css
 delete mode 100644 app/assets/stylesheets/application.sass.scss
 delete mode 100644 app/assets/stylesheets/datatables.scss
 delete mode 100644 app/assets/stylesheets/identity/bootstrap-variables.scss
 delete mode 100644 app/assets/stylesheets/identity/digital-color.scss
 delete mode 100644 app/assets/stylesheets/identity/overrides.scss
 delete mode 100644 app/assets/stylesheets/modules/home.scss
 delete mode 100644 app/assets/stylesheets/modules/request.scss
 delete mode 100644 app/assets/stylesheets/modules/sul_footer.scss
 delete mode 100644 app/assets/stylesheets/modules/tables.scss
 delete mode 100644 app/views/layouts/_header_navbar.html.erb
 delete mode 100644 app/views/layouts/_top_navbar.html.erb
 delete mode 100644 app/views/shared/_body_top.html.erb
 delete mode 100644 app/views/shared/_global_footer.html.erb
 delete mode 100644 app/views/shared/_sul_footer.html.erb

diff --git a/Gemfile b/Gemfile
index 918fb892..02af4d22 100644
--- a/Gemfile
+++ b/Gemfile
@@ -106,5 +106,3 @@ end
 
 gem 'config'
 gem 'newrelic_rpm'
-
-gem "cssbundling-rails", "~> 1.1"
diff --git a/Gemfile.lock b/Gemfile.lock
index 20179ffb..706cadc1 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -130,8 +130,6 @@ GEM
       deep_merge (~> 1.2, >= 1.2.1)
     connection_pool (2.4.1)
     crass (1.0.6)
-    cssbundling-rails (1.4.1)
-      railties (>= 6.0.0)
     database_cleaner (2.0.2)
       database_cleaner-active_record (>= 2, < 3)
     database_cleaner-active_record (2.2.0)
@@ -412,7 +410,6 @@ DEPENDENCIES
   capistrano-rvm
   capybara (~> 3.0)
   config
-  cssbundling-rails (~> 1.1)
   database_cleaner
   debug
   dlss-capistrano
diff --git a/Procfile.dev b/Procfile.dev
index cb7c9aa8..794ac3ea 100644
--- a/Procfile.dev
+++ b/Procfile.dev
@@ -1,2 +1 @@
 web: unset PORT && bin/rails server
-css: yarn build:css --watch
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
index b9fd256e..f9d78dd4 100644
--- a/app/assets/javascripts/application.js
+++ b/app/assets/javascripts/application.js
@@ -10,7 +10,6 @@
 // WARNING: THE FIRST BLANK LINE MARKS THE END OF WHAT'S TO BE PROCESSED, ANY BLANK LINE SHOULD
 // GO AFTER THE REQUIRES BELOW.
 //
-//= require jquery3
+// require jquery3
 //= require rails-ujs
-//= require datatables
 //= require_tree .
diff --git a/app/assets/javascripts/datatables.js b/app/assets/javascripts/datatables.js
deleted file mode 100644
index 2a100e7e..00000000
--- a/app/assets/javascripts/datatables.js
+++ /dev/null
@@ -1,2 +0,0 @@
-//= require datatables.net/js/jquery.dataTables
-//= require datatables.net-bs4/js/dataTables.bootstrap4
diff --git a/app/assets/javascripts/modal.js b/app/assets/javascripts/modal.js
index 6e756fd1..39e03356 100644
--- a/app/assets/javascripts/modal.js
+++ b/app/assets/javascripts/modal.js
@@ -1,5 +1,4 @@
 // Adapted from https://github.com/projectblacklight/blacklight/blob/master/app/javascript/blacklight/modal.js
-//= require bootstrap
 
 Reserves = {};
 
@@ -27,9 +26,7 @@ Reserves.modal.modalAjaxClickLink = function(e) {
 Reserves.modal.onFailure = function(data) {
   var contents =  '<div class="modal-header">' +
             '<div class="modal-title">Network Error</div>' +
-            '<button type="button" class="Reserves-modal-close close" data-dismiss="modal" aria-label="Close">' +
-            '  <span aria-hidden="true">&times;</span>' +
-            '</button>';
+            '<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>';
   $(Reserves.modal.modalSelector).find('.modal-content').html(contents);
   $(Reserves.modal.modalSelector).modal('show');
 }
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
new file mode 100644
index 00000000..9eacdc53
--- /dev/null
+++ b/app/assets/stylesheets/application.css
@@ -0,0 +1,100 @@
+:root {
+  --stanford-fog-dark: #b6b1a9;
+  --stanford-cardinal-rgb: 143, 20, 20;
+}
+.bg-cardinal {
+  --bs-dark-rgb: var(--stanford-cardinal-rgb);
+}
+
+.bg-dark.navbar .nav-item {
+  color: var(--bs-navbar-color);
+}
+
+#list-management {
+  min-width: 354px;
+}
+
+#item_list {
+  counter-reset: section;
+
+  background-color: var(--bs-table-bg);
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+
+  .header {
+    height: 1rem;
+    background-color: var(--stanford-fog-dark);
+  }
+
+  .reserve {
+    padding-bottom: 0.5rem;
+    padding-top: 0.5rem;
+  }
+
+  .reserve:nth-child(even) {
+    background-color: var(--bs-table-accent-bg);
+  }
+
+  .num_copies {
+    margin-left: 1rem;
+    margin-right: 1rem;
+    width: 12ch;
+  }
+
+  .loan-period {
+    width: auto;
+    margin-left: 1rem;
+    margin-right: 1rem;
+  }
+}
+
+.enumerator {
+  font-size: 2rem;
+  line-height: 2rem;
+  color: var(--stanford-fog-dark);
+  padding-left: 1rem;
+  padding-right: 1rem;
+
+  .counter {
+    &::before {
+      content: counter(section);
+      counter-increment: section;
+    }
+  }
+}
+
+#libraries {
+  width: 35ch;
+}
+
+.sent_date {
+  color: var(--stanford-cardinal);
+  font-size: 1.2em;
+}
+
+.changed {
+  border-left: 2px solid var(--stanford-cardinal);
+  border-right: 2px solid var(--stanford-cardinal);
+  border-bottom: 2px solid var(--bs-border-color);
+}
+
+#sw_url {
+  width: 400px;
+}
+
+#introduction {
+  border-left: 5px solid var(--stanford-fog-dark);
+  padding-left: 1rem;
+  max-width: 45em;
+}
+
+#all_courses {
+  width: 100%;
+}
+
+#all_courses #course_id {
+  white-space: nowrap;
+}
+#all_courses #instructor {
+  width: 35%;
+}
diff --git a/app/assets/stylesheets/application.sass.scss b/app/assets/stylesheets/application.sass.scss
deleted file mode 100644
index 86aa7ca6..00000000
--- a/app/assets/stylesheets/application.sass.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-// Entry point for your Sass build
-
-@import 'identity/bootstrap-variables';
-
-$table-dark-bg: $su-driftwood;
-$table-dark-color: $su-chocolate;
-$table-dark-accent-bg: $su-cloud;
-
-@import 'bootstrap/scss/bootstrap';
-
-$sul-footer-bg-color: #f2f1eb;
-$sul-footer-border-top-color: #e9e6df;
-$footer-height: 200px;
-$sul-shadow-color: rgba(0, 0, 0, .2);
-$sul-footer-shadow-color: rgba(0, 0, 0, 0.2);
-$sul-footer-shadow: 0 4px 8px -8px $sul-footer-shadow-color inset;
-
-@import 'modules/sul_footer';
-#header-navbar .navbar-brand {
-  font-size: 2.5rem;
-}
-
-@import 'modules/request';
-@import 'modules/home';
-@import 'datatables';
diff --git a/app/assets/stylesheets/datatables.scss b/app/assets/stylesheets/datatables.scss
deleted file mode 100644
index 3784e9c7..00000000
--- a/app/assets/stylesheets/datatables.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import 'datatables.net-bs4/css/dataTables.bootstrap4.css';
\ No newline at end of file
diff --git a/app/assets/stylesheets/identity/bootstrap-variables.scss b/app/assets/stylesheets/identity/bootstrap-variables.scss
deleted file mode 100644
index 41da6507..00000000
--- a/app/assets/stylesheets/identity/bootstrap-variables.scss
+++ /dev/null
@@ -1,49 +0,0 @@
-@import 'digital-color';
-
-$blue:    $su-bright-blue !default;
-// $indigo:  #6610f2 !default;
-$purple:  $su-purple !default;
-// $pink:    #e83e8c !default;
-$red:     $su-cardinal-red !default;
-$orange:  $su-poppy !default;
-$yellow:  $su-sun !default;
-$green:   $su-mint !default;
-$teal:    $su-teal !default;
-$cyan:    $su-sky !default;
-$gray-100: $su-fog !default;
-$gray-200: lighten($su-clay, 30%) !default;
-$gray-300: lighten($su-clay, 22.5%) !default;
-$gray-400: lighten($su-clay, 15%) !default;
-$gray-500: lighten($su-clay, 7.5%) !default;
-$gray-600: $su-clay !default;
-$gray-700: lighten($su-warm-gray, 7.5%) !default;
-$gray-800: $su-warm-gray !default;
-$gray-900: darken($su-warm-gray, 7.5%) !default;
-
-$link-hover-color: $su-blue !default;
-
-// typography
-$font-family-sans-serif: 'Source Sans Pro', 'Arial Unicode MS', Helvetica, sans-serif;
-$small-font-size: 90%;
-
-$theme-colors: () !default;
-// stylelint-disable-next-line scss/dollar-variable-default
-$theme-colors: map-merge(
-  (
-    "cardinal-red": $su-cardinal-red,
-    "beige": $su-light-sandstone
-  ),
-  $theme-colors
-);
-
-// Jumbotron
-$jumbotron-bg: $su-light-sandstone;
-
-$breadcrumb-bg: transparent;
-
-// possibly global?
-$headings-font-weight: 100;
-$nav-link-padding-y: 0.35rem;
-$navbar-padding-y: 1.1rem;
-$input-placeholder-color: #707070;
-$input-disabled-bg: $su-fog;
diff --git a/app/assets/stylesheets/identity/digital-color.scss b/app/assets/stylesheets/identity/digital-color.scss
deleted file mode 100644
index 8b778b9f..00000000
--- a/app/assets/stylesheets/identity/digital-color.scss
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
-  Stanford Web Colors
-  from https://identity.stanford.edu/color.html#digital-color
-*/
-$su-cardinal-red: #8c1515;
-$su-dark-red: #820000;
-$su-bright-red: #81040e;
-$su-white: #ffffff;
-$su-cool-gray: #4d4f53;
-$su-black: #2e2d29;
-$su-bright-red: #b1040e;
-$su-chocolate: #2f2424;
-$su-stone: #544948;
-$su-fog: #f4f4f4;
-$su-light-sandstone: #f9f6ef;
-$su-sandstone: #d2c295;
-$su-warm-gray: #3f3c30;
-$su-beige: #9d9573;
-$su-light-sage: #c7d1c5;
-$su-clay: #5f574f;
-$su-cloud: #dad7cb;
-$su-driftwood: #b6b1a9;
-$su-sandhill: #b3995d;
-$su-palo-alto: #175e54;
-$su-teal: #00505c;
-$su-purple: #53284f;
-$su-redwood: #8d3c1e;
-$su-brown: #5e3032;
-$su-sky: #0098db;
-$su-lagunita: #007c92;
-$su-mint: #009b76;
-$su-gold: #b26f16;
-$su-sun: #eaab00;
-$su-poppy: #e98300;
-$su-bright-blue: #006cb8;
-$su-blue: #00548f;
diff --git a/app/assets/stylesheets/identity/overrides.scss b/app/assets/stylesheets/identity/overrides.scss
deleted file mode 100644
index bf8fb90a..00000000
--- a/app/assets/stylesheets/identity/overrides.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-#global-footer .container { // bootstrap container styles conflict w/ su-identity
-  width: auto;
-}
diff --git a/app/assets/stylesheets/modules/home.scss b/app/assets/stylesheets/modules/home.scss
deleted file mode 100644
index 3af1ca79..00000000
--- a/app/assets/stylesheets/modules/home.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-#introduction {
-  border-left: 5px solid $su-driftwood;
-  padding-left: 1rem;
-  max-width: 45em;
-}
-
-#all_courses {
-  width: 100%;
-}
-
-#all_courses #course_id {
-	white-space: nowrap;
-}
-#all_courses #instructor {
-	width: 35%;
-}
diff --git a/app/assets/stylesheets/modules/request.scss b/app/assets/stylesheets/modules/request.scss
deleted file mode 100644
index 93f1cb2d..00000000
--- a/app/assets/stylesheets/modules/request.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-
-#list-management {
-  min-width: 354px;
-}
-
-#item_list {
-  counter-reset: section;
-
-  background-color: $table-bg;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-
-  .header {
-    height: 1rem;
-    background-color: $su-driftwood;
-  }
-
-  .reserve {
-    padding-bottom: 0.5rem;
-    padding-top: 0.5rem;
-  }
-
-  .reserve:nth-child(even) {
-    background-color: $table-accent-bg;
-  }
-
-  .num_copies {
-    margin-left: 1rem;
-    margin-right: 1rem;
-    width: 12ch;
-  }
-
-  .loan-period {
-    width: auto;
-    margin-left: 1rem;
-    margin-right: 1rem;
-  }
-}
-
-.enumerator {
-	font-size: 2rem;
-  line-height: 2rem;
-	color: $su-driftwood;
-  padding-left: 1rem;
-  padding-right: 1rem;
-
-  .counter {
-    &::before {
-      content: counter(section);
-      counter-increment: section;
-    }
-  }
-}
-
-#libraries { width: 35ch; }
-
-.sent_date {
-  color: $red;
-  font-size: 1.2em;
-}
-
-.changed {
-  border-left: 2px solid $red;
-  border-right: 2px solid $red;
-  border-bottom: 2px solid $table-border-color;
-}
-
-#sw_url {
-  width: 400px;
-}
-
-.btn.btn-cardinal-red[disabled] {
-  background-color: $su-clay;
-  border-color: $su-stone;
-  cursor: not-allowed;
-  opacity: 1;
-}
diff --git a/app/assets/stylesheets/modules/sul_footer.scss b/app/assets/stylesheets/modules/sul_footer.scss
deleted file mode 100644
index 9c762956..00000000
--- a/app/assets/stylesheets/modules/sul_footer.scss
+++ /dev/null
@@ -1,66 +0,0 @@
-// scss-lint:disable IdSelector, ImportantRule, SelectorDepth, NestingDepth
-
-$stanford-footer-height: 250px;
-$stanford-footer-md-height: 140px;
-$sul-footer-height: 80px;
-
-#su-content {
-  height: 100%;
-  padding-bottom: $stanford-footer-height + $sul-footer-height !important;
-
-  @media (min-width: 768px) {
-    padding-bottom: $stanford-footer-md-height + $sul-footer-height !important;
-  }
-}
-
-#sul-footer-container {
-  background-color: $sul-footer-bg-color;
-  box-shadow: inset 0 4px 8px -8px $sul-shadow-color;
-  clear: both;
-  margin-top: -1 * ($stanford-footer-height + $sul-footer-height);
-  min-height: $stanford-footer-height + $sul-footer-height;
-
-  @media (min-width: 768px) {
-    margin-top: -1 * ($stanford-footer-md-height + $sul-footer-height);
-    min-height: $stanford-footer-md-height + $sul-footer-height;
-  }
-
-  padding: 0;
-  position: relative;
-}
-
-#sul-footer {
-  display: table;
-  height: $sul-footer-height;
-  padding: 0;
-
-  ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-
-    li {
-      display: inline;
-      margin: 0 13px 3px 0;
-      padding: 0;
-
-      a {
-        white-space: nowrap;
-      }
-    }
-  }
-
-  #sul-footer-img {
-    display: table-cell;
-    vertical-align: middle;
-    width: 162px;
-  }
-
-  #sul-footer-links {
-    display: table-cell;
-    font-size: small;
-    padding-left: 15px;
-    text-align: left;
-    vertical-align: middle;
-  }
-}
diff --git a/app/assets/stylesheets/modules/tables.scss b/app/assets/stylesheets/modules/tables.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/app/views/layouts/_header_navbar.html.erb b/app/views/layouts/_header_navbar.html.erb
deleted file mode 100644
index 2a55fc2c..00000000
--- a/app/views/layouts/_header_navbar.html.erb
+++ /dev/null
@@ -1,5 +0,0 @@
-<div id="header-navbar" class="navbar navbar-expand-md navbar-dark bg-cardinal-red topbar">
-  <div class="container justify-content-center justify-content-md-between">
-    <%= yield %>
-  </div>
-</div>
diff --git a/app/views/layouts/_top_navbar.html.erb b/app/views/layouts/_top_navbar.html.erb
deleted file mode 100644
index 55af42c6..00000000
--- a/app/views/layouts/_top_navbar.html.erb
+++ /dev/null
@@ -1,10 +0,0 @@
-<header id="topnav">
-  <div class="container d-flex">
-    <%= link_to 'https://library.stanford.edu', class: 'navbar-brand' do %>
-      <%= image_tag "sul-logo.svg", class: "su-logo d-none d-sm-block", alt: "Stanford Libraries", height: 25 %>
-      <%= image_tag "sul-logo-stacked.svg", class: "su-logo d-sm-none d-md-none d-lg-none d-xl-none", alt: "Stanford Libraries", height: 25 %>
-    <% end %>
-
-    <%= yield %>
-  </div>
-</header>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 21e24b71..51d34ed6 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -7,36 +7,44 @@
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
   <%= favicon_link_tag %>
+  <script
+			  src="https://code.jquery.com/jquery-3.7.1.min.js"
+			  integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
+			  crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+  <script src="https://cdn.datatables.net/v/bs5/dt-2.1.4/datatables.min.js"></script>
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2024-08-13/styles/sul.css" />
   <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
-  <%= stylesheet_link_tag "https://www-media.stanford.edu/su-identity/css/su-identity.css" %>
-  <%= stylesheet_link_tag "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" %>
+  <link href="https://cdn.datatables.net/v/bs5/dt-2.1.4/datatables.min.css" rel="stylesheet">
+  <%= stylesheet_link_tag "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;700&display=swap" %>
   <%= javascript_include_tag 'application' %>
   <%= content_for(:head) %>
   <title>Request Course Reserves</title>
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
 </head>
 <body class="<%= try(:render_body_class) %>">
-  <%= render 'shared/body_top' %>
   <div id="skip-link">
     <%= render 'shared/skip_links' %>
   </div>
   <div id="su-wrap"> <!-- #su-wrap start -->
     <div id="su-content"> <!-- #su-content start -->
-      <%= render 'shared/top_navbar' %>
-      <%= render 'shared/header_navbar' %>
-      <div id='main-container' role='main' class='container mt-3 mb-3'>
+      <header>
+        <%= render 'shared/top_navbar' %>
+        <%= render 'shared/header_navbar' %>
+      </header>
+      <main id='main-container' class='container mt-3 mb-3'>
         <%= content_for(:container_header) %>
         <%= render '/shared/global_alert' %>
         <%= render partial: '/shared/flash_msg', layout: 'shared/flash_messages' %>
         <%= content_for?(:content) ? yield(:content) : yield %>
-      </div>
+      </main>
     </div> <!-- #su-content end -->
   </div> <!-- #su-wrap end -->
   <%= render 'shared/modal' %>
-  <footer role="contentinfo">
-    <%= render 'shared/sul_footer' %>
-    <%= render 'shared/global_footer' %>
-  </footer>
   <%= render 'shared/footer' %>
 </body>
 <% end %>
diff --git a/app/views/reserves/_reserves_form.html.erb b/app/views/reserves/_reserves_form.html.erb
index 80015f04..714d3e94 100644
--- a/app/views/reserves/_reserves_form.html.erb
+++ b/app/views/reserves/_reserves_form.html.erb
@@ -50,7 +50,7 @@
       <div class="section mb-3">
         <div class="sent_date">Request sent <%= @reserve.sent_date %></div>
 
-        <%= link_to('Copy this list for a new quarter', reserve_terms_path(@reserve), class: 'btn btn-cardinal-red', data: { modal: 'trigger' }) %>
+        <%= link_to('Copy this list for a new quarter', reserve_terms_path(@reserve), class: 'btn btn-secondary', data: { modal: 'trigger' }) %>
       </div>
     <% end %>
 
diff --git a/app/views/reserves/all_courses.html.erb b/app/views/reserves/all_courses.html.erb
index 07ba6517..b7752efb 100644
--- a/app/views/reserves/all_courses.html.erb
+++ b/app/views/reserves/all_courses.html.erb
@@ -1,8 +1,6 @@
 <div class="modal-header">
   <h1 class="modal-title h3">Select a course</h1>
-  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-    <span aria-hidden="true">&times;</span>
-  </button>
+  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 
 <div class="modal-body">
diff --git a/app/views/reserves/edit.html.erb b/app/views/reserves/edit.html.erb
index da8d835c..e6b6478f 100644
--- a/app/views/reserves/edit.html.erb
+++ b/app/views/reserves/edit.html.erb
@@ -2,11 +2,11 @@
 	<%= form_with model: @reserve, method: 'patch', html: { id: "reserve_form" } do |f| -%>
 		<%= render :partial => "reserves_form", :locals => {:f => f} -%>
 		<%- unless @reserve.disabled -%>
-  		<input type="submit" id="save" value="Save draft" class="btn btn-cardinal-red">
+  		<input type="submit" id="save" value="Save draft" class="btn btn-secondary">
   		<%- if @reserve.has_been_sent -%>
-  		  <input type="submit" name="send_request" value="Sent <%= @reserve.sent_date %>" class="btn btn-cardinal-red" id="send" disabled>
+  		  <input type="submit" name="send_request" value="Sent <%= @reserve.sent_date %>" class="btn btn-secondary" id="send" disabled>
   		<%- else -%>
-    	  <input type="submit" name="send_request" value="Save and SEND request" class="btn btn-cardinal-red" id="send" disabled>
+    	  <input type="submit" name="send_request" value="Save and SEND request" class="btn btn-secondary" id="send" disabled>
     	<%- end -%>
     	<%= link_to "Cancel [discard changes]", root_url, class: 'btn btn-link' -%>
 		<%- end -%>
diff --git a/app/views/reserves/index.html.erb b/app/views/reserves/index.html.erb
index 0d4a909b..f81e5f0e 100644
--- a/app/views/reserves/index.html.erb
+++ b/app/views/reserves/index.html.erb
@@ -23,7 +23,7 @@
   </p>
 </div>
 
-<%= link_to "Create a new reserve list", all_courses_path, class: 'dialog btn btn-cardinal-red my-3', data: { modal: 'trigger' }  -%>
+<%= link_to "Create a new reserve list", all_courses_path, class: 'dialog btn btn-secondary my-3', data: { modal: 'trigger' }  -%>
 <%- unless flash[:error].blank? -%>
   <div class="error"><%=  flash[:error] %></div>
 <%- end -%>
diff --git a/app/views/reserves/new.html.erb b/app/views/reserves/new.html.erb
index b55f4ca7..817cc2b5 100644
--- a/app/views/reserves/new.html.erb
+++ b/app/views/reserves/new.html.erb
@@ -1,8 +1,8 @@
 <div>
 	<%= form_for :reserve, :url =>  { :action => 'create'}, :html => {:id=>"reserve_form"} do |f| -%>
 		<%= render :partial => "reserves_form", :locals => { :f => f } -%>
-		<input type="submit" id="save" value="Save draft" class="btn btn-cardinal-red">
-    <input type="submit" name="send_request" value="Save and SEND request" class="btn btn-cardinal-red" id="send" disabled>
+		<input type="submit" id="save" value="Save draft" class="btn btn-secondary">
+    <input type="submit" name="send_request" value="Save and SEND request" class="btn btn-secondary" id="send" disabled>
     <%= link_to "Cancel [discard changes]", root_url, class: 'btn btn-link' -%>
 	<%- end -%>
 </div>
diff --git a/app/views/reserves/terms.html.erb b/app/views/reserves/terms.html.erb
index b9db468d..02b19908 100644
--- a/app/views/reserves/terms.html.erb
+++ b/app/views/reserves/terms.html.erb
@@ -1,8 +1,6 @@
 <div class="modal-header">
   <h1 class="modal-title h3"><%= @reserve.course_title %></h1>
-  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-    <span aria-hidden="true">&times;</span>
-  </button>
+  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 
 <div class="modal-body">
diff --git a/app/views/shared/_body_top.html.erb b/app/views/shared/_body_top.html.erb
deleted file mode 100644
index e69de29b..00000000
diff --git a/app/views/shared/_flash_msg.html.erb b/app/views/shared/_flash_msg.html.erb
index b6f1494d..849e4d22 100644
--- a/app/views/shared/_flash_msg.html.erb
+++ b/app/views/shared/_flash_msg.html.erb
@@ -11,7 +11,7 @@
     <% if flash[type] %>
       <% Array(flash[type]).each do |f| %>
         <div class="alert <%= alert_class %>"><%= f %>
-          <a class="close" data-dismiss="alert" href="#">&times;</a>
+          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
         </div>
       <% end %>
     <% end %>
diff --git a/app/views/shared/_footer.html.erb b/app/views/shared/_footer.html.erb
index e69de29b..174728dd 100644
--- a/app/views/shared/_footer.html.erb
+++ b/app/views/shared/_footer.html.erb
@@ -0,0 +1,170 @@
+    <footer role="contentinfo">
+      <section id="pre-footer" class="pt-3 pb-2">
+        <div class="container">
+          <div class="row">
+            <div
+              id="sul-footer-img"
+              class="col-sm-12 col-md-5 col-lg-4 col-xl-3 d-flex justify-content-center justify-content-md-start"
+            >
+              <a href="https://library.stanford.edu">
+                <img
+                  alt="Stanford Libraries"
+                  height="45"
+                  src="https://cdn.jsdelivr.net/gh/sul-dlss/component-library@v2024-08-01/styles/StanfordLibraries-logo-whitetext.svg"
+                >
+              </a>
+            </div>
+            <div
+              class="col d-flex justify-content-md-start justify-content-center"
+            >
+              <ul
+                class="list-unstyled d-flex mt-3 mt-md-1 mt-lg-3 ms-xl-3 text-center"
+              >
+                <li class="mx-2 mx-md-3">
+                  <a
+                    href="https://library.stanford.edu/libraries-0/branches-and-centers"
+                    >Hours &amp; locations</a
+                  >
+                </li>
+                <li class="mx-2 mx-md-3">
+                  <a href="https://mylibrary.stanford.edu">My Account</a>
+                </li>
+                <li class="mx-2 mx-md-3">
+                  <a href="https://library.stanford.edu/contact-us"
+                    >Contact us</a
+                  >
+                </li>
+                <li class="mx-2 mx-md-3">
+                  <a href="https://library-status.stanford.edu/"
+                    >System status</a
+                  >
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </section>
+      <div id="su-footer" class="text-white bg-cardinal pt-4 pb-4">
+        <div
+          class="container d-flex flex-column flex-lg-row align-items-center align-md-normal"
+          title="Common Stanford resources"
+        >
+          <div class="mt-1 mb-2 align-self-lg-start">
+            <a class="su-logo" href="https://www.stanford.edu"
+              >Stanford<br><span class="su-logo-university"
+                >University</span
+              ></a
+            >
+          </div>
+          <div class="ms-lg-5">
+            <nav
+              aria-label="global footer menu"
+              class="d-flex flex-row gap-4 gap-sm-0 flex-sm-column justify-content-center justify-content-lg-start align-items-start align-items-sm-center align-items-lg-start"
+            >
+              <ul
+                class="justify-content-center justify-content-lg-start fw-semibold gap-sm-2 gap-md-3 gap-lg-4 list-unstyled d-flex flex-column flex-sm-row"
+              >
+                <li>
+                  <a href="https://www.stanford.edu">
+                    Stanford Home<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a href="https://visit.stanford.edu/plan/">
+                    Maps &amp; Directions<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a href="https://www.stanford.edu/search/">
+                    Search Stanford<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a href="https://emergency.stanford.edu">
+                    Emergency Info<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+              </ul>
+              <ul
+                class="justify-content-center justify-content-lg-start gap-sm-2 gap-md-3 gap-lg-4 list-unstyled d-flex flex-column flex-sm-row"
+              >
+                <li>
+                  <a
+                    href="https://www.stanford.edu/site/terms/"
+                    title="Terms of use for sites"
+                  >
+                    Terms of Use<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://www.stanford.edu/site/privacy/"
+                    title="Privacy and cookie policy"
+                  >
+                    Privacy<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://uit.stanford.edu/security/copyright-infringement"
+                    title="Report alleged copyright infringement"
+                  >
+                    Copyright<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4"
+                    title="Ownership and use of Stanford trademarks and images"
+                  >
+                    Trademarks<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://studentservices.stanford.edu/more-resources/student-policies/non-academic/non-discrimination"
+                    title="Non-discrimination policy"
+                  >
+                    Non-Discrimination<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+                <li>
+                  <a
+                    href="https://www.stanford.edu/site/accessibility"
+                    title="Report web accessibility issues"
+                  >
+                    Accessibility<span class="visually-hidden"
+                      >(link is external)</span
+                    >
+                  </a>
+                </li>
+              </ul>
+            </nav>
+            <div class="text-center text-lg-start copyright">
+              <span class="text-nowrap">© Stanford University.</span
+              ><span class="text-nowrap"
+                >&nbsp; Stanford, California 94305.</span
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </footer>
diff --git a/app/views/shared/_global_footer.html.erb b/app/views/shared/_global_footer.html.erb
deleted file mode 100644
index 837a6f36..00000000
--- a/app/views/shared/_global_footer.html.erb
+++ /dev/null
@@ -1,32 +0,0 @@
-<!-- Global footer snippet start -->
-<div id="global-footer" role="contentinfo">
-  <div class="container">
-    <div class="row">
-      <div id="bottom-logo" class="col-sm-2">
-        <a href="https://www.stanford.edu">
-          <img src="https://www-media.stanford.edu/su-identity/images/footer-stanford-logo@2x.png" alt="Stanford University" width="105" height="49"/>
-        </a>
-      </div>
-      <!-- #bottom-logo end -->
-      <div id="bottom-text" class="col-sm-8">
-        <ul>
-          <li class="home"><a href="https://www.stanford.edu">Stanford Home</a></li>
-          <li class="maps alt"><a href="https://visit.stanford.edu/plan/">Maps & Directions</a></li>
-          <li class="search-stanford"><a href="https://www.stanford.edu/search/">Search Stanford</a></li>
-          <li class="emergency alt"><a href="https://emergency.stanford.edu">Emergency Info</a></li>
-        </ul>
-        <ul id="policy-links">
-          <li><a href="https://www.stanford.edu/site/terms/" title="Terms of use for sites">Terms of Use</a></li>
-          <li><a href="https://www.stanford.edu/site/privacy/" title="Privacy and cookie policy">Privacy</a></li>
-          <li><a href="https://uit.stanford.edu/security/copyright-infringement" title="Report alleged copyright infringement">Copyright</a></li>
-          <li><a href="https://adminguide.stanford.edu/chapter-1/subchapter-5/policy-1-5-4" title="Ownership and use of Stanford trademarks and images">Trademarks</a></li>
-          <li><a href="http://exploredegrees.stanford.edu/nonacademicregulations/nondiscrimination/" title="Non-discrimination policy">Non-Discrimination</a></li>
-          <li><a href="https://www.stanford.edu/site/accessibility" title="Report web accessibility issues">Accessibility</a></li>
-        </ul>
-      </div> <!-- .bottom-text end -->
-      <div class="clear"></div>
-      <p class="copyright vcard offset-sm-2 ml-3">&copy; <span class="fn org">Stanford University</span>, <span class="adr"> <span class="locality">Stanford</span>, <span class="region">California</span> <span class="postal-code">94305</span></span>.
-      </p>
-    </div> <!-- .row end -->
-  </div> <!-- .container end -->
-</div> <!-- global-footer end -->
diff --git a/app/views/shared/_header_navbar.html.erb b/app/views/shared/_header_navbar.html.erb
index 41c0f744..2bf43f38 100644
--- a/app/views/shared/_header_navbar.html.erb
+++ b/app/views/shared/_header_navbar.html.erb
@@ -1,3 +1,26 @@
-<%= render 'layouts/header_navbar' do %>
-  <%= link_to try(:application_name) || t('.application_name'), main_app.root_path, class: 'navbar-brand font-weight-light mr-0' %>
-<% end %>
+<nav class="navbar navbar-expand-md bg-dark bg-cardinal" role="navigation">
+  <div class="container">
+    <a class="mb-0 navbar-brand navbar-logo" href="https://library.stanford.edu">Stanford Libraries</a>
+    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#user-util-collapse" data-bs-target="#user-util-collapse" aria-controls="user-util-collapse" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse justify-content-md-end" id="user-util-collapse">
+      <ul class="navbar-nav">
+        <li class="nav-item">
+          <%= current_user %> <span>(close browser to logout)</span>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<div class="masthead bg-dark bg-cardinal">
+  <div class="container">
+    <div class="row align-items-center">
+      <div class="col-md-8 d-flex justify-content-center justify-content-md-start">
+        <div class="h1 my-4"><a href="/">Course Reserves</a></div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/app/views/shared/_skip_links.html.erb b/app/views/shared/_skip_links.html.erb
index e69de29b..6b254dde 100644
--- a/app/views/shared/_skip_links.html.erb
+++ b/app/views/shared/_skip_links.html.erb
@@ -0,0 +1,7 @@
+    <nav id="skip-link" role="navigation" aria-label="Skip links">
+      <a
+        class="visually-hidden-focusable element-invisible element-focusable rounded-bottom py-2 px-3"
+        href="#main-container"
+        >Skip to main content</a
+      >
+    </nav>
diff --git a/app/views/shared/_sul_footer.html.erb b/app/views/shared/_sul_footer.html.erb
deleted file mode 100644
index 68b0e0f8..00000000
--- a/app/views/shared/_sul_footer.html.erb
+++ /dev/null
@@ -1,17 +0,0 @@
-<div id="sul-footer-container">
-  <div id="sul-footer" class="container">
-    <div id="sul-footer-img" class="span2">
-      <%= link_to 'https://library.stanford.edu' do %>
-        <%= image_tag "sul-logo-stacked.svg", alt: "Stanford Libraries", height: 45 %>
-      <% end %>
-    </div>
-    <div id="sul-footer-links" class="span2">
-      <ul>
-        <li><a href="https://library-hours.stanford.edu/">Hours &amp; locations</a></li>
-        <li><a href="https://mylibrary.stanford.edu/">My Account</a></li>
-        <li><a href="https://library.stanford.edu/contact-us">Ask us</a></li>
-        <li><a href="https://library-status.stanford.edu/">System status</a></li>
-      </ul>
-    </div>
-  </div>
-</div>
diff --git a/app/views/shared/_top_navbar.html.erb b/app/views/shared/_top_navbar.html.erb
index 51820a09..9e2a179e 100644
--- a/app/views/shared/_top_navbar.html.erb
+++ b/app/views/shared/_top_navbar.html.erb
@@ -1,9 +1,3 @@
-<%= render 'layouts/top_navbar' do %>
-  <ul class="navbar-nav ml-auto">
-    <li class="nav-item">
-      <span class="navbar-text">
-        <%= current_user %> <span>(close browser to logout)</span>
-      </span>
-    </li>
-  </ul>
-<% end %>
+<div class="container">
+  <a class="su-brand-bar__logo" href="https://www.stanford.edu">Stanford University</a>
+</div>
diff --git a/package.json b/package.json
index 890bf459..6f87afb0 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,4 @@
 {
-  "dependencies": {
-    "bootstrap": "^4.6.2",
-    "datatables.net-bs4": "^1.13.1",
-    "sass": "^1.57.1"
-  },
-  "scripts": {
-    "build:css": "sass ./app/assets/stylesheets/application.sass.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules"
-  }
+  "dependencies": {},
+  "scripts": {}
 }
diff --git a/yarn.lock b/yarn.lock
index c756773a..fb57ccd1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,148 +2,3 @@
 # yarn lockfile v1
 
 
-anymatch@~3.1.2:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
-  integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
-  dependencies:
-    normalize-path "^3.0.0"
-    picomatch "^2.0.4"
-
-binary-extensions@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522"
-  integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==
-
-bootstrap@^4.6.2:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.6.2.tgz#8e0cd61611728a5bf65a3a2b8d6ff6c77d5d7479"
-  integrity sha512-51Bbp/Uxr9aTuy6ca/8FbFloBUJZLHwnhTcnjIeRn2suQWsWzcuJhGjKDB5eppVte/8oCdOL3VuwxvZDUggwGQ==
-
-braces@~3.0.2:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
-  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
-  dependencies:
-    fill-range "^7.1.1"
-
-"chokidar@>=3.0.0 <4.0.0":
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b"
-  integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
-
-datatables.net-bs4@^1.13.1:
-  version "1.13.11"
-  resolved "https://registry.yarnpkg.com/datatables.net-bs4/-/datatables.net-bs4-1.13.11.tgz#b31b9006f1901746e6c835925523608bd0a29025"
-  integrity sha512-1LnxzQDFKpwvBETc8wtUtQ+pUXhs6NJomNST5pRzzHAccckkj9rZeOp3mevKDnDJKuNhBM1Y0rIeZGylJnqh9A==
-  dependencies:
-    datatables.net "1.13.11"
-    jquery "1.8 - 4"
-
-datatables.net@1.13.11:
-  version "1.13.11"
-  resolved "https://registry.yarnpkg.com/datatables.net/-/datatables.net-1.13.11.tgz#e2a4c8b50553512f241ebfcbc078d74d551183b2"
-  integrity sha512-AE6RkMXziRaqzPcu/pl3SJXeRa6fmXQG/fVjuRESujvkzqDCYEeKTTpPMuVJSGYJpPi32WGSphVNNY1G4nSN/g==
-  dependencies:
-    jquery "1.8 - 4"
-
-fill-range@^7.1.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
-  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
-  dependencies:
-    to-regex-range "^5.0.1"
-
-fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
-glob-parent@~5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
-  integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
-  dependencies:
-    is-glob "^4.0.1"
-
-immutable@^4.0.0:
-  version "4.3.7"
-  resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.7.tgz#c70145fc90d89fb02021e65c84eb0226e4e5a381"
-  integrity sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
-is-extglob@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
-  integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
-
-is-glob@^4.0.1, is-glob@~4.0.1:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
-  integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
-  dependencies:
-    is-extglob "^2.1.1"
-
-is-number@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
-  integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
-
-"jquery@1.8 - 4":
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.7.1.tgz#083ef98927c9a6a74d05a6af02806566d16274de"
-  integrity sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
-  integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
-
-picomatch@^2.0.4, picomatch@^2.2.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
-  integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-sass@^1.57.1:
-  version "1.77.8"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.77.8.tgz#9f18b449ea401759ef7ec1752a16373e296b52bd"
-  integrity sha512-4UHg6prsrycW20fqLGPShtEvo/WyHRVRHwOP4DzkUrObWoWI05QBSfzU71TVB7PFaL104TwNaHpjlWXAZbQiNQ==
-  dependencies:
-    chokidar ">=3.0.0 <4.0.0"
-    immutable "^4.0.0"
-    source-map-js ">=0.6.2 <2.0.0"
-
-"source-map-js@>=0.6.2 <2.0.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
-  integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
-
-to-regex-range@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
-  integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
-  dependencies:
-    is-number "^7.0.0"