kcc-gem-theme 2.11.1 → 2.12.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eee1416b1aee1032460313082d10360627fd1489a97b68237c8bfa91b2efec50
-  data.tar.gz: c409106fa684c12720830f7942328657d5de14d84139ec2ff1ab73f48cc7660c
+  metadata.gz: 1c9fe676b5ed8a981d3a0d1bdc797b8994c924f0a2048e414b180bfb4a5abcf3
+  data.tar.gz: 0f4fe47cf73ba8e105e542f6eddaa5f2e2f432a56e3230807f926c82a5d16f26
 SHA512:
-  metadata.gz: fd68d216e39bd6fa5fb7e303561e8cf1bf8c7e1984788ab3467dc019680f3e121ad10af0e2764e84436c4d8b606d781abab6f7ddd3bbe2982733c34e455f7b59
-  data.tar.gz: def7b9d5acc1bcb3875367d4fb5fbe713aa1176a08fa732e1b43dbe5275a78a04b2a49f6dd4dbb52e99fbc0919c6073cf8a7021689f275e6acd534b031e34122
+  metadata.gz: 196a29b0e803963cd0ca72a70fda0d566b5e97a3b9e5d6c8a52f379c5aea8f1b8cc6e0b0084cb83b8eb2eca8c31a76cde7576697f3636aba96d3e7967ea35ebf
+  data.tar.gz: 5e71a0d2c3465fcc22bd284d838c98f09ea2c9a93eeba0289e46c10579f81ab0fe8e686ad61854d0ef96c1ed400ca609811ed3d8f5c7829bcf55c326fb9e676f

data/_includes/hash/theme_hash.yml

@@ -1 +1 @@
-eb877787e2886ec50c13
+c28b5f95745c3ae51033

data/assets/js/alerts/addAccordionOrTabHistoryStates.js

@@ -47,4 +47,4 @@ function addAccordionOrTabHistoryStates() {
   }
 }
 
-export default addAccordionOrTabHistoryStates;
+export default addAccordionOrTabHistoryStates;

data/assets/js/alerts/alerts.js

@@ -2,10 +2,23 @@
 // Custom JS | written by https://github.com/wdzajicek
 // © 2020 Kankakee Community College
 // =================================================== */
-import start from './campusAlertsSheetsAPI.js';
-import getCachedResponse from './getCachedResponse.js';
-import checkForPrefersReducedMotion from './checkForPrefersReducedMotion.js';
-import checkForAccordionOrTab from './checkForAccordionOrTab.js';
+import createAlertsHtml from './createAlertsHtml';
+import cacheResponse from './cacheResponse';
+import getCachedResponse from './getCachedResponse';
+import checkForPrefersReducedMotion from './checkForPrefersReducedMotion';
+
+const SHEET_KEY = '1plXBiZY5pVbhNT-mszxEuqCl4zy8wMnz9gXXbbT_yLs'; // Corresponds to the ID of the Google Sheet
+const SHEET_TAB = 'Alerts'; // Corresponds to the tab of workbook: either  'Alerts' or 'Alerts Testing' unless you make a new one.
+const EMERGENCY_ALERT_DIV_ID = 'emergencyAlerts'
+const SHEET_PARAMS = {spreadsheetId: SHEET_KEY, range: SHEET_TAB};  // Configures the Object used for `sheets.spreadsheets.values.get()` parameters
+const API_PARAMS = { // This is configuration for API call with spreadsheets that are setup as readonly
+  'apiKey': 'AIzaSyCEBsbXfFcdbkASlg-PodD1rT_Fe3Nw62A',
+  'discoveryDocs': ['https://www.googleapis.com/discovery/v1/apis/sheets/v4/rest']
+};
+
+function loadModule(module) {
+  import(`./${module}`).then(({default: module}) => module())
+}
 
 document.addEventListener('DOMContentLoaded', () => {
   checkForPrefersReducedMotion();
@@ -13,7 +26,23 @@ document.addEventListener('DOMContentLoaded', () => {
   if (!document.getElementById('emergencyAlerts'))
     return checkForAccordionOrTab()
 
-  ! window.sessionStorage.getItem('Alert-Content') ? // Checks if our cached alert is already in sessionStorage
-    gapi.load('client', start) // If not, build the alert from a new Google API response
-  : getCachedResponse(); // Otherwise, build the alert from our cached response
+  new Promise((resolve, reject) => { // First build the alert, whether by cache or API call
+    if (! window.sessionStorage.getItem('Alert-Content')) { // If cache exists there will be an `Alert-Content` key in `sessionStorage` (which gets set in `./cacheResponse.js`)
+      gapi.load('client', () => {
+        gapi.client.init(API_PARAMS).then(() => {
+          return gapi.client.sheets.spreadsheets.values.get(SHEET_PARAMS);
+        }).then(response => {
+          createAlertsHtml(response, resolve) // Promise is resolved after HTML alert is built
+          return response;
+        }).then(response => {
+          cacheResponse(response);
+        }, err => {
+          console.error("Error trying to fetch the alert from gapi:", err);
+        })
+      });
+    } else {
+      getCachedResponse(resolve); // Promise is resolved after HTML alert is built
+    }
+  }).then(() => loadModule('checkForAccordionOrTab')) // Run accordion/tab JS, which includes a `scrollTo()`, after alert has painted
+    .then(() => loadModule('refreshAlertButton')) // Allow user to refresh the alert (and check for changes/updates)
 });

data/assets/js/alerts/cacheResponse.js

@@ -1,5 +1,5 @@
 /*
-// Custom JS | written by https://github.com/wdzajicek
+// Custom JS | written by https://github.com/wdzajicek for,
 // © 2020 Kankakee Community College
 // =================================================== */
 // Modules' default function stores our Google Sheet response in sessionStorage to be retrieved later
@@ -15,9 +15,9 @@ function cacheResponse(response) { // response from Google API's spreadsheet.val
     const cell = TABLE_BODY_ROW[i];
     const column = TABLE_HEADER_ROW[i];
 
-    window.sessionStorage.setItem(column.replace(' ', '-'), cell);
+    window.sessionStorage.setItem(column.replace(/\s/g, '-'), cell);
   }
   //window.sessionStorage.clear();
 }
 
-export default cacheResponse;
+export default cacheResponse;

data/assets/js/alerts/checkForAccordionOrTab.js

@@ -8,4 +8,4 @@ export default function checkForAccordionOrTab() {
       contentHashLink();
     });
    }
-};
+};

data/assets/js/alerts/checkForPrefersReducedMotion.js

@@ -16,4 +16,4 @@ function checkForPrefersReduceMotion() {
   });
 }
 
-export default checkForPrefersReduceMotion;
+export default checkForPrefersReduceMotion;

data/assets/js/alerts/contentHashLink.js

@@ -57,9 +57,9 @@ function checkForMatchingTabOrAccordion(hash) {
       .on('shown.bs.tab', () => {  // Bootstrap 4 method for tab events // Must be defined before the tab is activated
         window.location.search ?
           checkForQuery(window.location.search.replace(queryStartRegex, ''), hash)
-          : null; })
+          : findContentTarget(`${hash}-label`); // You need to .scrollIntoView() & .focus() on the tab-label which is an <a href="...">. It won't work to do .scrollIntoView() and .focus() on the div
+        })
       .tab('show');  // Bootstrap 4 Tab method
-    findContentTarget(`${hash}-label`); // You need to .scrollIntoView() & .focus() on the tab-label which is an <a href="...">. It won't work to do .scrollIntoView() and .focus() on the div
   } else if ( document.querySelector(`${hash}.collapse`) ) {  // Looks for a matching BS4 collapse element
     let card = $(hash);  // **SIGH**, BS4 requires JQuery
 
@@ -67,9 +67,9 @@ function checkForMatchingTabOrAccordion(hash) {
       .on('shown.bs.collapse', () => {  // Bootstrap 4 Collapse method // Must be defined before the collapse is activated
         window.location.search ?
           checkForQuery(window.location.search.replace(queryStartRegex, ''), hash)
-        : null; })
+        : findContentTarget(`button[data-target="${hash}"]`);
+      })
       .collapse('show'); // Bootstrap 4 Collapse method
-    findContentTarget(`button[data-target="${hash}"]`);
   }
 }
 
@@ -98,4 +98,4 @@ function contentHashLink() {
   });
 }
 
-export default contentHashLink;
+export default contentHashLink;

data/assets/js/alerts/createAlertsHtml.js

@@ -6,43 +6,69 @@
 //
 // This exported module requires you pass it's default-function the `response` object from the API call, as the only argument
 //
-import checkForAccordionOrTab from './checkForAccordionOrTab.js';
 import parseMarkdownToHTML from './parseMarkdownToHTML.js'; // Parses a simplified markdown into html & creates the paragraph el's with appropriate class
 //
 const CAMPUS_ALERTS_DIV_ID_STRING = 'emergencyAlerts';  // ID of the div to house campus alerts - already built into the page.
 const ALERTS_VISIBLE_CLASS = 'position__offset-alert--visible';
+const TARGET = document.getElementById(CAMPUS_ALERTS_DIV_ID_STRING); // This targets an element built into the DOM that we inject everything into.
 
-function injectAlert(target, alert) {
+function injectAlert(target, alert, resolve) {
   target.innerHTML = alert;
-  return target.classList.add(ALERTS_VISIBLE_CLASS);
+  target.classList.add(ALERTS_VISIBLE_CLASS);
+  return resolve != undefined ? resolve() : null;
 }
 
-function createAlertsHtml(response) {  // Incoming response from our Google Sheet via the Sheets API
-  // This is where the cell values hide in the response object from the Google API.
+function checkAlertType(type) {
+  return type == 'SCHOOL EMERGENCY/CLOSURE - red' ? 'danger'
+  : type == 'SCHOOL INFO - blue' ? 'primary'
+  : type == 'SCHOOL INFO - cyan' ? 'info'
+  : 'warning';
+}
 
-  let [visibility, allPages, content, expire, start, end] = response.result.values[2];  // The 3rd row has our table's data
-  if (visibility === 'FALSE') return checkForAccordionOrTab(); // Predefined dropdown options in the Sheet are `'TRUE'` & `'FALSE'`
+function createAlertsHtml(response, resolve) {  // Incoming response from our Google Sheet via the Sheets API
+  let [visibility, allPages, content, expire, start, end, type] = response.result.values[2];  // The 3rd row has our table's data
+  if (visibility === 'FALSE') // Predefined dropdown options in the Sheet are `'TRUE'` & `'FALSE'`
+    return;
 
-  const TARGET = document.getElementById(CAMPUS_ALERTS_DIV_ID_STRING); // This targets an element built into the DOM that we inject everything into.
-  let d = new Date;
-  let s = new Date(start);
-  let e = new Date(end);
+  const d = new Date;
+  const s = new Date(start);
+  const e = new Date(end);
+  const alertTypeClass = checkAlertType(type);
+  const alertType = checkAlertType(type);
   const alertIsActive = expire === 'FALSE' || expire === 'TRUE' && s.getTime() <= d.getTime() && e.getTime() > d.getTime();
   const indexPageOnly = allPages === 'TRUE' || allPages === 'FALSE' && window.location.pathname == '/';
   let alert = `
 <div class="container">
   <div class="row">
     <div class="col">
-      <div class="alert alert-warning">
-        ${parseMarkdownToHTML(content)}
+      <div role="alert" class="alert alert-${alertType} d-lg-flex align-items-center pr-lg-1">
+        <div class="typography__last-p--mb0">
+          ${parseMarkdownToHTML(content)}
+        </div>
+        <button
+          aria-label="Refresh the alert"
+          title="Refresh the alert"
+          id="syncAlert"
+          type="button"
+          class="btn btn-link buttons--sync ml-auto">
+          <svg xmlns="http://www.w3.org/2000/svg"
+            class="svg__sync"
+            height="24px"
+            width="24px"
+            viewBox="0 0 24 24">
+            <path d="M0 0h24v24H0z" fill="none"/>
+            <path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46C19.54 15.03 20 13.57 20 
+            12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74C4.46 8.97 4 10.43 4 12c0 
+            4.42 3.58 8 8 8v3l4-4-4-4v3z"/>
+          </svg>
+        </button>
         </div>
     </div>
   </div>
 </div>`;
 
   [d,s,e].map(d => d.setHours(0, 0, 0, 0));
-  alertIsActive && indexPageOnly ? injectAlert(TARGET, alert) : null;
-  return checkForAccordionOrTab();
+  alertIsActive && indexPageOnly ? injectAlert(TARGET, alert, resolve) : null;
 }
 
 export default createAlertsHtml;

data/assets/js/alerts/fetchNewAlert.js

@@ -0,0 +1,33 @@
+// Custom JS to make a Google API call to the alerts spreadsheet
+// Then paint the alert into the DOM using module `./createAlertsHtml.js`
+//
+const SHEET_KEY = '1plXBiZY5pVbhNT-mszxEuqCl4zy8wMnz9gXXbbT_yLs'; // Corresponds to the ID of the Google Sheet
+const SHEET_TAB = 'Alerts'; // Corresponds to the tab of workbook: either  'Alerts' or 'Alerts Testing' unless you make a new one.
+const EMERGENCY_ALERT_DIV_ID = 'emergencyAlerts'
+const SHEET_PARAMS = {spreadsheetId: SHEET_KEY, range: SHEET_TAB};  // Configures the Object used for `sheets.spreadsheets.values.get()` parameters
+const API_PARAMS = { // This is configuration for API call with spreadsheets that are setup as readonly
+  'apiKey': 'AIzaSyCEBsbXfFcdbkASlg-PodD1rT_Fe3Nw62A',
+  'discoveryDocs': ['https://www.googleapis.com/discovery/v1/apis/sheets/v4/rest']
+};
+
+function fetchNewAlert() {
+  gapi.client.init(API_PARAMS).then(() => {
+    return gapi.client.sheets.spreadsheets.values.get(SHEET_PARAMS); // Get the new values from the spreadsheet
+  }).then(response => {
+    import('./createAlertsHtml').then(({default: createAlertsHtml}) => {
+      // Since everything in the page has already loaded, `createAlertsHtml()` can be lazily loaded w/ ES6 import()
+      // createAlertsHtml expects 2 args: 1.) `response` object and 2.) either `resolve()` (from `./alert.js`) or `undefined`
+      createAlertsHtml(response, undefined); // We don't need to resolve a promise this time so use `undefined` as 2nd arg
+    });
+    return response;
+  }).then(response => {
+    import('./cacheResponse').then(({default: cacheResponse}) => {
+      // Lazy load cacheResponse() using ES6 imports() w/ Webpack 5
+      cacheResponse(response);
+    })
+  }, err => {
+    console.error('Error fetching new alert from gapi:', err);
+  });
+}
+
+export default fetchNewAlert;

data/assets/js/alerts/getCachedResponse.js

@@ -8,16 +8,10 @@
 // 2. Then we pass our mock-sheet response object to the `createAlertsHtml` module to
 //    build and inject the alert into the DOM.
 import createAlertsHtml from './createAlertsHtml.js';
-import checkForAccordionOrTab from './checkForAccordionOrTab.js';
 
 const cache = window.sessionStorage;
 
-function processCachedResponse(response, callback) {
-  createAlertsHtml(response);
-  return callback();
-}
-
-function createCachedResponseObject() {
+function createCachedResponseObject(resolve) {
   let cachedResponse = {  // Reconstructing our own Google Sheet-like response from the sessionStorage items
     result: {
       values: [
@@ -29,21 +23,21 @@ function createCachedResponseObject() {
           cache.getItem('Alert-Content'),
           cache.getItem('Alert-Expiration'),
           cache.Start,
-          cache.End
+          cache.End,
+          cache.getItem('Alert-type/Color-scheme')
         ]
       ]
     }
   }
-  processCachedResponse(cachedResponse, checkForAccordionOrTab);
+  createAlertsHtml(cachedResponse, resolve);
 }
 
-function getCachedResponse() {
+function getCachedResponse(resolve) {
   try {
-    createCachedResponseObject();
+    createCachedResponseObject(resolve);
   } catch (error) {
-    checkForAccordionOrTab();
     console.error(`Error retrieving cached response in sessionStorage:\nName: ${error.name}\nMessage: ${error.message}\n${error}`);
   }
 }
 
-export default getCachedResponse;
+export default getCachedResponse;

data/assets/js/alerts/refreshAlertButton.js

@@ -0,0 +1,37 @@
+// Custom JS to give functionality to the "Refresh the alert" button
+// Button HTML is build into DOM by ./alert.js
+// Styling is located in /assets/scss/{ _buttons, _loader, _svg}.scss
+const BUTTON = document.getElementById('syncAlert');
+
+function syncHandler(e) {
+  const SVG = BUTTON.querySelector('.svg__sync');
+
+  Promise.resolve()
+    .then(() => {
+      BUTTON.classList.add('buttons--sync--visible');
+      SVG.classList.add('loader__sync--animate');
+    }).then(() => {
+      // Add a short delay before fetching the new alert
+      window.setTimeout(() => { // (alert fetches too fast for the loading animation without this delay)
+        import('./fetchNewAlert').then(({default: fetchNewAlert}) => {
+          gapi.load('client', fetchNewAlert); // Runs a new call to gapi and repaints the alert HTML
+        });
+      }, 1000);
+    })
+}
+
+function showButtonOnInitialLoad(button) {
+  button.classList.add('buttons--sync--preview'); // This class has an animation that shows the button for 3-sec.
+  window.setTimeout(() => {
+    button.classList.remove('buttons--sync--preview'); // Remove the class after enough time for animations has elapsed
+  }, 3000);
+}
+
+function refreshAlertButton() {
+  window.setTimeout(() => { // Short delay before showing the refresh button
+    showButtonOnInitialLoad(BUTTON);
+  }, 500);
+  BUTTON.addEventListener('click', syncHandler);
+}
+
+export default refreshAlertButton;

data/assets/js/dist/243.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkkcc_gem_theme=self.webpackChunkkcc_gem_theme||[]).push([[243],{9243:function(e,n,c){"use strict";function t(){(document.querySelector("#accordion")||document.querySelector(".navTabs"))&&c.e(663).then(c.bind(c,9640)).then((function(e){(0,e.default)()}))}c.r(n),c.d(n,{default:function(){return t}}),c(6992),c(1539),c(8674),c(8783),c(3948)}}]);

data/assets/js/dist/528.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkkcc_gem_theme=self.webpackChunkkcc_gem_theme||[]).push([[528],{6528:function(e,c,t){"use strict";t.r(c),c.default=function(e,c){var t,n={};return n.spreadsheetId=e,t=c,n.range=t,n}}}]);

data/assets/js/dist/853.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkkcc_gem_theme=self.webpackChunkkcc_gem_theme||[]).push([[853],{2853:function(e,t,n){"use strict";n.r(t),n(1539),n(8674),n(6992),n(8783),n(3948);var s=document.getElementById("syncAlert");function c(e){var t=s.querySelector(".svg__sync");Promise.resolve().then((function(){s.classList.add("buttons--sync--visible"),t.classList.add("loader__sync--animate")})).then((function(){window.setTimeout((function(){n.e(859).then(n.bind(n,6859)).then((function(e){var t=e.default;gapi.load("client",t)}))}),1e3)}))}t.default=function(){window.setTimeout((function(){var e;(e=s).classList.add("buttons--sync--preview"),window.setTimeout((function(){e.classList.remove("buttons--sync--preview")}),3e3)}),500),s.addEventListener("click",c)}}}]);

data/assets/js/dist/859.bundle.js

@@ -0,0 +1 @@
+(self.webpackChunkkcc_gem_theme=self.webpackChunkkcc_gem_theme||[]).push([[859],{6859:function(e,t,n){"use strict";n.r(t),n(6992),n(1539),n(3948),n(8674),n(8783);var s={spreadsheetId:"1plXBiZY5pVbhNT-mszxEuqCl4zy8wMnz9gXXbbT_yLs",range:"Alerts"},i={apiKey:"AIzaSyCEBsbXfFcdbkASlg-PodD1rT_Fe3Nw62A",discoveryDocs:["https://www.googleapis.com/discovery/v1/apis/sheets/v4/rest"]};t.default=function(){gapi.client.init(i).then((function(){return gapi.client.sheets.spreadsheets.values.get(s)})).then((function(e){return Promise.resolve().then(n.bind(n,3169)).then((function(t){(0,t.default)(e,void 0)})),e})).then((function(e){Promise.resolve().then(n.bind(n,6525)).then((function(t){(0,t.default)(e)}))}),(function(e){console.error("Error fetching new alert from gapi:",e)}))}}}]);

data/assets/js/dist/87.c28b5f95745c3ae51033.css

@@ -0,0 +1,2 @@
+.dark-mode body{background-color:#191f25}.dark-mode{background-color:#191f25}.dark-mode p,.dark-mode ol,.dark-mode ul:not(.navbar-nav),.dark-mode .typography__h2,.dark-mode .typography__h5,.dark-mode .typography__h6,.dark-mode .typography__contacts--title{color:#7e848f}.dark-mode .typography__h4{color:#e46181}.dark-mode .accordion__typography--card-header .btn-link,.dark-mode .typography__h3,.dark-mode .typography__header-global--nav-top,.dark-mode .typography__contacts--name{color:#9bb7dd}.dark-mode .typography__h5--description{color:#7e848f}.dark-mode .typography__h5--oswald{color:#9a9faa}.dark-mode .footer-icons,.dark-mode .buttons__action,.dark-mode .header-global,.dark-mode iframe[title="calendar"],.dark-mode .hero-slider__slider,.dark-mode #emergencyAlerts{filter:brightness(0.75)}.dark-mode .buttons__action{border-color:rgba(255,255,255,0.65)}.dark-mode .buttons__action:hover{background-color:#002348;border-color:rgba(255,255,255,0.4)}.dark-mode footer{background-color:#14191d;border-top-color:rgba(255,255,255,0.5);border-top-width:1px;border-top-style:solid}.dark-mode .breadcrumbs{border-bottom-color:rgba(255,255,255,0.5)}.dark-mode .background__color--tan{background-color:#1e1b15}.dark-mode .benefits__background-color{background-color:#1c282c}.dark-mode .news__h3{color:#abaeb3}.dark-mode .header-global .dropdown-menu{background-color:#151a1e}.dark-mode .header-global .dropdown-menu .dropdown-item{color:#ccc}.dark-mode .header-global .dropdown-menu .dropdown-item:hover,.dark-mode .header-global .dropdown-menu .dropdown-item:focus{background-color:#000;color:#efefef}.dark-mode .benefits__typography--img-cap{color:#abaeb3}.dark-mode .news__li{border-bottom-color:#abaeb3}.dark-mode .svg--fill-blue{stroke:#abaeb3}.dark-mode .svg__fill--blue{fill:#abaeb3}.dark-mode .benefits__borders--circle-img{border-color:#000;filter:drop-shadow(5px 5px 12px rgba(0,0,0,0.5)) brightness(0.75)}.dark-mode .news__span{box-shadow:inset 0 0 0 1.4px #7e848f}.dark-mode .news__div--img{border:solid thin #ccc;filter:brightness(0.75)}.dark-mode .btn-primary{background-color:#002348;border-color:#8db2e5}.dark-mode .btn-primary:hover{background-color:#8db2e5;color:#002348 !important}.dark-mode .alert-warning{background-color:#664d03;border-color:#fff3cd}.dark-mode .alert-warning p{color:#fff3cd}.dark-mode .alert-primary{background-color:#003670;border-color:#cce5ff}.dark-mode .alert-primary p{color:#cce5ff}.dark-mode .alert-info{background-color:#0a4752;border-color:#d1ecf1}.dark-mode .alert-info p{color:#d1ecf1}.dark-mode .alert-danger{background-color:#461116;border-color:#f8d7da}.dark-mode .alert-danger p{color:#f8d7da}.dark-mode a:not(.nav-link),.dark-mode .links__darker-link{color:#8db2e5}.dark-mode a:not(.btn):hover,.dark-mode .links__darker-link:hover{color:#bfd7f9}.dark-mode iframe[title="calendar"]{filter:contrast(0.5)}.dark-mode .header-global__nav-top{background-color:#002348}.dark-mode .header-global__nav-bottom{background-color:#80132e}.dark-mode .buttons__action{color:#fff !important;background-color:#80132e}.dark-mode img{filter:brightness(0.75)}.dark-mode .card{background-color:#151a1c;border-color:rgba(255,255,255,0.4)}.dark-mode .card-body{background-color:#192125}.dark-mode .accordion>.card>.card-header{margin-bottom:0;border-bottom-color:rgba(255,255,255,0.125)}.dark-mode .accordion__button::before{border-style:solid;border-color:rgba(255,255,255,0.25);border-width:thin}.dark-mode .nav-tabs .nav-link{border-left-color:rgba(255,255,255,0.325);border-right-color:rgba(255,255,255,0.325);border-top-color:rgba(255,255,255,0.325);border-bottom-color:rgba(255,255,255,0.5);background-color:#151a1c}.dark-mode .nav-tabs .nav-link.active{border-color:rgba(255,255,255,0.6) !important;background-color:#192125;border-bottom:thin solid #192125 !important}.dark-mode .nav-tabs{border-bottom-color:rgba(255,255,255,0.5)}.dark-mode .nav-tabs .nav-item.show .nav-link,.dark-mode .nav-tabs .nav-link.active{color:#abaeb3}.dark-mode .tab-pane{background-color:#192125;border-bottom:thin solid rgba(255,255,255,0.5);border-left:thin solid rgba(255,255,255,0.5);border-right:thin solid rgba(255,255,255,0.5);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;padding:.5rem}.dark-mode td,.dark-mode th,.dark-mode thead th{border-color:#454d55}.dark-mode .table{background-color:#262a2e;color:#abaeb3}.dark-mode .table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,0.05)}.dark-mode .table-hover tbody tr:hover{background-color:rgba(255,255,255,0.25);color:#fff}.dark-mode .modal-content{background-color:#2a2f34;border-color:rgba(255,255,255,0.4)}.dark-mode .modal-header{border-bottom-color:rgba(255,255,255,0.5);color:#abaeb3}.dark-mode .modal-footer{border-bottom-color:rgba(255,255,255,0.5)}.dark-mode .close{color:#abaeb3}.dark-mode .close:hover,.dark-mode .close:focus{color:rgba(255,255,255,0.6)}.dark-mode .header-global__navbar--toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.dark-mode .header-global__navbar--toggler{border-color:rgba(255,255,255,0.5)}.dark-mode #headerGlobalNavbarContent.collapse.show .navbar-nav,.dark-mode #headerGlobalNavbarContent.collapsing .navbar-nav{background-color:#14181d}.dark-mode #___gcse_0{filter:invert(1)}.dark-mode pre{background-color:#272934;border-radius:8px;color:#0f0;padding-top:1rem}.dark-mode hr{border-top-color:rgba(255,255,255,0.325)}.dark-mode div.dt-button-collection{filter:invert(1) brightness(2.5)}.dark-mode div.dataTables_scrollBody{filter:brightness(0.95)}@media screen and (min-width: 992px){.dark-mode .header-global__navbar--search-toggle:before{background-color:#002348}.dark-mode .header-global__nav-bottom .dropdown:hover{background-color:#0f1417}.dark-mode .header-global .dropdown-menu{border:thin solid rgba(255,255,255,0.325)}}@media screen and (max-width: 991px){.dark-mode .header-global__core:after{background-color:#272b30;border-top:1px solid #b1b1b1}.dark-mode .header-global .dropdown-menu{border:thin solid rgba(255,255,255,0.325)}}.dark-mode #board-of-trustees{border:none !important}.dark-mode #agendas-and-minutes{border:none !important}.dark-mode #v-pills-tabContent .tab-pane{border:none}.dark-mode .sub-nav__navbar{background-color:#141a1c !important}.dark-mode .sub-nav__nav-link{color:#8db2e5}.dark-mode .typography__sub-nav--red-h2,.dark-mode .typography__section--heading{color:#e46181}.dark-mode .error__main-heading{color:#e46181}.dark-mode .error__sub-heading{color:#9bb7dd}
+