kcc-gem-theme-original 1.0.0

data/assets/js/nav/closeNavOnClick.js

@@ -0,0 +1,22 @@
+const navLinks = '.nav-link:not(.dropdown-toggle)';  // Bootstrap 4 class
+
+function hideBootstrapMenu(menu, Collapse) {
+  const bsCollapse = new Collapse(menu, { toggle: false });
+
+  bsCollapse.hide();
+}
+
+function closeMenuOnClick(Collapse) {
+  document.addEventListener('click', e => {
+    if ( !e.target.matches(navLinks) || e.target.classList.contains('dropdown-toggle') )  // Bail out of the rest of the code if the click event's target is not what we want!
+      return;
+
+    const menu = document.getElementById('mainNavContent');
+
+    if (menu.classList.contains('show')) {
+      hideBootstrapMenu(menu, Collapse);
+    }
+  });
+}
+
+export default closeMenuOnClick;

data/assets/js/nav/highlightCurrentNav.js

@@ -0,0 +1,44 @@
+// Custom Vanilla JS to highlight the user's current location in the navigation bar and the sub-nav navigation bar
+function setActive(link) {
+  const li = link.parentNode;
+
+  li.classList.add('active');
+  link.insertAdjacentHTML('beforeend', ' <span class="visually-hidden">(current)</span>');
+}
+
+function checkNavLinks(navList) {
+  const pathname = window.location.pathname;
+  const locationIsContactHash = window.location.hash === '#contact';
+  const locationIsHome = window.location.pathname === '/';
+
+  [...navList].forEach(item => {
+    const link = item.querySelector('a');
+    const href = link.getAttribute('href').replace(/^\/?\.\.\/(\.\.\/)?(\.\.\/)?/g, '/');
+    const linkIsHome = link.textContent.toLowerCase() === 'home';
+    const linkIsMatch = (pathname.indexOf(href) !== -1);
+
+    if (locationIsHome || locationIsContactHash) {
+      if (linkIsHome) {
+        setActive(link);
+      }
+    } else {
+      if (linkIsMatch && !linkIsHome) {
+        setActive(link);
+      }
+    }
+  });
+}
+
+function highlightNav() {
+  const navList = document.querySelectorAll('.js-nav-item');
+
+  if (document.getElementById('subNavNav')) {
+    const subNavList = document.querySelectorAll('.js-sub-nav-item');
+
+    checkNavLinks(subNavList);
+  }
+
+  checkNavLinks(navList);
+}
+
+export default highlightNav;

data/assets/js/nav/moveSearchIcon.js

@@ -0,0 +1,94 @@
+function checkXIcon() {
+  const checkXIconOnLoad = (function() {
+      let executed = false;
+      return function() {
+          if (!executed) {
+              executed = true;
+              // do checkXIconOnLoad
+              const icon = document.getElementById('xIcon');
+              const xIsHidden = icon.getAttribute('style') === 'display: none;';
+              xIsHidden ? removeClear() : clearXIcon();
+          }
+      };
+  })();
+  checkXIconOnLoad(); // "do checkXIconOnLoad" happens
+}
+
+function clearXIcon() {
+  const targetEl = document.querySelector('button.gsc-search-button-v2');
+  targetEl.classList.add('gsc-overrides__clear-x');
+}
+
+function removeClear() {
+  const targetEl = document.querySelector('button.gsc-search-button-v2');
+  targetEl.classList.remove('gsc-overrides__clear-x');
+}
+
+function addId() {
+  const xIcon = document.querySelector('.gsst_a');
+  xIcon.setAttribute('id', 'xIcon');
+}
+
+function gscInit() {
+  var cx = '006320264078644364913:sy48bet-lr8';
+  var gcse = document.createElement('script');
+  gcse.type = 'text/javascript';
+  gcse.async = true;
+  gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+  var s = document.getElementsByTagName('script')[0];
+  s.parentNode.insertBefore(gcse, s);
+}
+
+function moveSearchIcon() {
+  const pageHasGSearch = document.getElementById('searchCollapse');
+
+  if ( pageHasGSearch ) {
+    let initSearchPromise = new Promise((resolve, reject) => {
+      gscInit();
+      resolve();
+    });
+    initSearchPromise.then(() => {
+
+      let addIdPromise = new Promise((resolve, reject) => {
+
+        const targetNode = document.getElementById('searchCollapse');
+        const config = { attributes: true, childList: true, subtree: true };
+        const callback = function(mutationsList, observer) {
+            for(const mutation of mutationsList) {
+                if (mutation.type == 'childList') {
+                    addId();
+                    resolve();
+                }
+            }
+        };
+        const observer = new MutationObserver(callback);
+        observer.observe(targetNode, config);
+        // Later, you can stop observing
+        //observer.disconnect();
+      });
+      addIdPromise.then(() => {
+        checkXIcon();
+        const targetNode = document.getElementById('xIcon');
+        const config = { attributes: true, childList: true, subtree: true };
+        const callback = function(mutationsList, observer) {
+            for(const mutation of mutationsList) {
+                if (mutation.type == 'attributes') {
+                  const xIsHidden = targetNode.getAttribute('style') === 'display: none;';
+                  if (xIsHidden) {
+                    removeClear();
+                  } else {
+                    clearXIcon();
+                  }
+                }
+            }
+        };
+        const observer = new MutationObserver(callback);
+        observer.observe(targetNode, config);
+        // Later, you can stop observing
+        //observer.disconnect();
+      });
+    });
+  }
+}
+
+export default moveSearchIcon;

data/assets/js/nav/nav.js

@@ -0,0 +1,13 @@
+import highlightNav from './highlightCurrentNav.js';
+import searchToggle from './searchToggleNav.js';
+import moveSearchIcon from './moveSearchIcon.js';
+// import closeMenuOnClick from './closeNavOnClick.js';
+import toggleSearchDropdownOnWindowResize from './toggleNavSearchDropdownOnWindowResize.js';
+
+
+export default function nav() {
+  highlightNav();
+  searchToggle();
+  moveSearchIcon();
+  toggleSearchDropdownOnWindowResize();
+}

data/assets/js/nav/searchToggleNav.js

@@ -0,0 +1,46 @@
+// Custom JS to toggle the search form on mobile devices
+const mainNav = document.getElementById('mainNav');
+const globalNav = document.getElementById('globalNav');
+
+function switchToX(icon, button) {
+  icon.style.backgroundImage = 'url("/assets/img/x.svg")';
+  icon.setAttribute('alt', 'Close icon');
+  button.setAttribute('aria-label', 'Close search');
+}
+
+function switchToSearch(icon, button) {
+  icon.style.backgroundImage = 'url("/assets/img/search.svg")';
+  icon.setAttribute('alt', 'Search icon');
+  button.setAttribute('aria-label', 'Open search');
+}
+
+function searchToggle() {
+  if (!document.getElementById('searchIcon'))
+    return;
+
+  const searchButton = document.getElementById('searchIcon');
+
+  document.addEventListener('click', function (e) {
+    // If the clicked element doesn't have the right selector, bail
+    if (!e.target.closest('#searchIcon')) return;
+    // Don't follow the link
+    e.preventDefault();
+
+    const searchIconElement = document.getElementById('searchImg');
+    const searchCollapse = document.getElementById('searchCollapse');
+    const searchIconBackgroundImage = searchIconElement.style.backgroundImage;
+    const iconIsSearch = (searchIconBackgroundImage.indexOf('assets/img/search.svg') != -1);
+
+    if (iconIsSearch) {
+      switchToX(searchIconElement, searchButton);
+      searchCollapse.setAttribute('aria-hidden', 'false');
+    } else {
+      switchToSearch(searchIconElement, searchButton);
+      searchCollapse.setAttribute('aria-hidden', 'true');
+    }
+    searchCollapse.classList.toggle('nav-global__search-collapse--visible');
+    mainNav.classList.toggle('nav-local__search-toggle');
+    globalNav.classList.toggle('nav-global__search-toggle');
+  }, false);
+}
+export default searchToggle;

data/assets/js/nav/toggleNavSearchDropdownOnWindowResize.js

@@ -0,0 +1,52 @@
+// Custom JS to Close the Navigation menu, if its open, & if the screen goes above 992px wide (Bootstrap 4 'lg' devices)
+const searchCollapseVisibleClass = 'nav-global__search-collapse--visible'; // Class in the HTML when the search collapse is open/visible
+const globalNavSearchVisibleClass = 'nav-global__search-toggle';
+const localNavSearchVisibleClass = 'nav-local__search-toggle';
+
+function removeClassFromElement(el, classToRemove) {
+  el.classList.remove(classToRemove);
+}
+
+function checkElementCollapseState(el, classToCheckFor) {
+  if ( ! el.classList.contains(classToCheckFor) )
+    return;
+
+  removeClassFromElement(el, classToCheckFor);
+}
+
+function toggleSearchIconToX(searchIcon) {
+  const searchSpan = searchIcon.querySelector('#searchImg');
+
+  searchIcon.setAttribute('aria-label', 'Toggle Search');
+  searchSpan.setAttribute('alt', 'Open icon');
+  searchSpan.setAttribute('style', 'background-image: url("/assets/img/search.svg")');
+}
+
+function checkSearchToggleIcon(searchIcon) {
+  let ariaLabel = searchIcon.getAttribute('aria-label');
+
+  if ( ! ariaLabel === 'Toggle Close' )
+    return;
+
+  toggleSearchIconToX(searchIcon);
+}
+
+function windowResizeHandler() {
+  if ( window.innerWidth >= 992 ) {
+    const searchCollapseElement = document.getElementById('searchCollapse');
+    const globalNav = document.getElementById('globalNav');
+    const localNav = document.getElementById('mainNav');
+    const searchIcon = document.getElementById('searchIcon');
+
+    checkElementCollapseState(searchCollapseElement, searchCollapseVisibleClass);
+    checkElementCollapseState(globalNav, globalNavSearchVisibleClass);
+    checkElementCollapseState(localNav, localNavSearchVisibleClass);
+    checkSearchToggleIcon(searchIcon);
+  }
+}
+
+function toggleSearchDropdownOnWindowResize() {
+  window.addEventListener('resize', windowResizeHandler);
+}
+
+export default toggleSearchDropdownOnWindowResize;

data/assets/js/src/alerts.js

@@ -0,0 +1,24 @@
+/*
+// 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';
+
+function alerts(Collapse) {
+  checkForPrefersReducedMotion();
+
+  // Checks if our cached alert is already in sessionStorage
+  if (window.sessionStorage.getItem('Alert-Content')) {
+    // If not, build the alert from a new Google API response
+    gapi.load('client', () => {
+      start(Collapse);
+    });
+  } else {
+    // Otherwise, build the alert from our cached response
+    getCachedResponse(Collapse);
+  }
+}
+
+export default alerts;

data/assets/js/src/all.js

@@ -0,0 +1,83 @@
+import '../../scss/kcc-theme.scss'; // Import scss file into webpack main entry-point for webpack compiled css
+
+import Collapse from 'bootstrap/js/dist/collapse';
+
+// function loadModule(...theArgs) {
+//   const len = theArgs.length;
+//   let module, defaultFn, path;
+
+//   module = theArgs[0];
+//   len == 2 ? path = theArgs[1] : len == 3 ? path = theArgs[2] : null;
+//   len == 2 ? defaultFn = module : defaultFn = theArgs[1];
+//   return import(`${path}${module}.js`).then(({ default: defaultFn }) => defaultFn() );
+// }
+
+window.addEventListener('load', async () => {
+
+  if (document.querySelector('[data-bs-toggle="dropdown"]')) {
+    // Dropdown does not need to be called to existing dropdown HTML markup work
+    const { default: Dropdown } = await import('bootstrap/js/dist/dropdown');
+  }
+
+  import('./alerts').then(({ default: alerts }) => alerts(Collapse));
+
+  import('../nav/nav').then(({ default: nav }) => nav());
+
+  if (document.getElementById('google_translate_element')) {
+    import('../../scss/translate.scss').then(() => {
+      import('./translate').then(({ default: translate }) => translate());
+    })
+  }
+
+  if (document.querySelector('.hero-slider__slider')) {
+    import('./wrapPowerText')
+      .then(({ default: wrapPowerText }) => wrapPowerText())
+      .then(() => {
+        import('./sliders').then(({ default: initSliders }) => initSliders())
+      })
+  }
+
+  if (document.querySelector('img[data-src]')) {
+    import('./lazyLoad').then(({ default: lazyLoad }) => lazyLoad());
+  }
+
+  if (document.getElementById('currentYear')) {
+    import('./footerDate')
+      .then(({ default: footerDate }) => footerDate());
+  }
+
+  import('./walkText').then(({ default: walkText }) => walkText(document.body));
+  
+  if (document.querySelector('[data-bs-toggle="modal"]')) {
+    // This import enables modals in pages with modal HTML markup
+    const { default: Modal } = await import('bootstrap/js/dist/modal');
+  }
+
+  // loadModule('alerts','./').then(() => { // Get the campus alerts message & build it out
+  //   loadModule('addClassToOpenNavbar', './');
+  //   return;
+  // }).then(() => {
+  //   if (document.getElementById('google_translate_element')) { // Check for elements used with Google Translate
+  //     import('../../scss/translate.scss').then(() => { // Load custom styling for Google Translate conditionally
+  //       loadModule('translate', 'watchForMenuClicks', './'); // Then load the custom translate JS for functionality
+  //     });
+  //   }
+  // }).then(() => {
+  //   import('../nav/nav/nav').then(({ default: nav }) => nav()); // JS for custom navbar functionality
+  // });
+
+  // loadModule('wrapPowerText', './').then(() => {
+  //   return loadModule('sliders', 'initSliders', './');
+  // }).then(() => {
+  //   if (document.querySelector('img[data-src]')) {
+  //     return loadModule('lazyLoad', './');
+  //   }
+  // }).then(() => {
+  //   return loadModule('footerDate', './');
+  // }).then(() => {
+  //   import('./walkText').then(({default: walkText}) => {
+  //     walkText(document.body); // walkText() needs an argument
+  //   });
+  // });
+  
+});

data/assets/js/src/bootstrap.js

@@ -0,0 +1,4 @@
+import '../../scss/bootstrap.scss';
+
+// This JS file only serves as an entry point for compiling a 
+// stylesheet for Bootstrap 5 (only the components/utilities we use).

data/assets/js/src/cacheResponse.js

@@ -0,0 +1,22 @@
+/*
+// Custom JS | written by https://github.com/wdzajicek
+// © 2020 Kankakee Community College
+// =================================================== */
+// Modules' default function stores our Google Sheet response in sessionStorage to be retrieved later
+// Each key gets set to a column in our data
+// Each key's value gets set to the corresponding cell in the row below
+// ====================================================================
+function cacheResponse(response) { // response from Google API's spreadsheet.values.get() method
+  const values = response.result.values; // This is where the table's data is in a Sheets response in Sheets API V4
+  const [, headerRow, bodyRow] = values; // 1st row = instructions, 2nd row = header row, 3rd row = body row
+  
+  for (let i = 0, len = bodyRow.length; i < len; i++ ) {
+    const cell = bodyRow[i];
+    const column = headerRow[i];
+
+    window.sessionStorage.setItem(column.replace(' ', '-'), cell);
+  }
+  //window.sessionStorage.clear();
+}
+
+export default cacheResponse;

data/assets/js/src/campusAlertsSheetsAPI.js

@@ -0,0 +1,53 @@
+/*
+// Custom JS | written by https://github.com/wdzajicek
+// © 2020 Kankakee Community College
+// =================================================== */
+//  1. Execute Google API call to grab Google Sheet data from:
+//     https://docs.google.com/spreadsheets/d/1plXBiZY5pVbhNT-mszxEuqCl4zy8wMnz9gXXbbT_yLs/edit#gid=0
+//  2. Build & inject the alert message into the page
+//  3. Run the `contentHashLink` module after alert has painted into DOM (and altered documents hight)
+//  4. Cache the API response in sessionStorage
+// =================================================== //
+import createAlertsHtml from './createAlertsHtml.js';
+import contentHashLink from './contentHashLink.js';
+import cacheResponse from './cacheResponse.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 devSheetTab = 'ALERTS_TESTING';
+const sheetParams = {
+  spreadsheetId: SHEET_KEY,
+  range: SHEET_TAB
+  // range: devSheetTab
+}
+const apiParams = { // 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 init(Collapse) {
+  gapi.client.init(apiParams).then(() => { // Executes an API request, and returns a Promise.
+    return gapi.client.sheets.spreadsheets.values.get(sheetParams)
+  }).then((response) => {
+    createAlertsHtml(response, Collapse); // Build the html & inject it into the DOM
+    return response;
+  }).then((response) => {
+    cacheResponse(response); // Cache the Google API response for subsequent page loads in the site
+  }, (err)=> {
+    console.error("Execute error", err);
+    contentHashLink(Collapse);
+  });
+}
+
+function start(Collapse) {
+  if ( ! document.getElementById('emergencyAlerts') )
+    return contentHashLink(Collapse);
+
+  init(Collapse);
+  //var t1 = performance.now();
+  //console.info("Call to 'init' took " + (t1 - t0) + " milliseconds.");
+}
+// Loads the JavaScript client library and invokes `start` afterwards.
+//    Usage:
+//  gapi.load('client', start);
+export default start;

data/assets/js/src/checkForPrefersReducedMotion.js

@@ -0,0 +1,17 @@
+function checkForPrefersReduceMotion() {
+  const reducedMotionMediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)');
+  let reducedMotion = reducedMotionMediaQuery.matches ? true : false;
+
+  localStorage.setItem('userPrefersReducedMotion', reducedMotion);
+
+  reducedMotionMediaQuery.addEventListener('change', _e => {
+    if (reducedMotionMediaQuery.matches) {
+      reducedMotion = true;
+    } else {
+      reducedMotion = false;
+    }
+    localStorage.setItem('userPrefersReducedMotion', reducedMotion);
+  });
+}
+
+export default checkForPrefersReduceMotion;

data/assets/js/src/contentHashLink.js

@@ -0,0 +1,102 @@
+// Custom JS to do cool stuff with BS accordions and tabs by manipulating URL hashes and query's
+// EXAMPLE:
+//  https://<ORIGIN>/?id=course-withdrawals#tuition-payment-and-deadlines
+//    The above URL will:
+//      1. Open the #tuition-payment-and-deadlines accordion if it exists
+//      2. The ?id=course-withdrawals query will:
+//         - look inside the opened accordion for an element with the id 'course-withdrawals', and
+//         - scroll that matching element into the user's viewport (in this case it's a heading within that accordion card)
+//
+//  This JS will allow us to link to a specific area of content in a page where a traditional hash link wouldn't work
+//  In this case hash links won't work because the element with he matching ID is "stuck" in a closed accordion or tab.
+//
+const idRegex = /^id=/g; // Lets just cache these reused regex's here
+const queryStartRegex = /^\?/g;
+const endingSlashRegex = /\/$/g;
+const REDUCED_MOTION_STORAGE_KEY = 'userPrefersReducedMotion'; // This localStorage key is set by module: './checkForPrefersReducedMotion.js'
+const scrollIntoViewOptionsObject = {
+  behavior: 'smooth',
+  block: 'center'
+}
+const reducedMotionscrollIntoViewOptionsObject = {
+  block: 'center'
+}
+
+function focusElement(el) {
+  const prefersReducedMotion = window.localStorage.getItem(REDUCED_MOTION_STORAGE_KEY);
+
+  prefersReducedMotion == 'true' ? el.scrollIntoView(reducedMotionscrollIntoViewOptionsObject) : el.scrollIntoView(scrollIntoViewOptionsObject);
+  return el.focus();
+}
+
+function processIdQuery(query, hash) {
+  let id = query.replace(idRegex, '');
+  const parentEl = document.querySelector(hash);
+  const heading = parentEl.querySelector(`#${id}`);
+
+  focusElement(heading);
+}
+
+function checkForQuery(query, hash) {
+  query.search(idRegex) !== -1 ?
+    processIdQuery(query, hash)
+  : null;
+}
+
+function findContentTarget(hash) {
+  const target = document.querySelector(hash);
+
+  focusElement(target);
+}
+
+async function checkForMatchingTabOrAccordion(hash, Collapse) {
+  if (document.querySelector(`.nav-tabs a[href="${hash}"]`)) {  // Looks for a matching BS4 tab element
+    const { default: Tab } = await import('bootstrap/js/dist/tab');
+    let tab = document.querySelector(`.nav-tabs a[href="${hash}"]`);
+    const bsTab = new Tab(tab, { toggle: false });
+
+    tab.addEventListener('shown.bs.tab', () => {
+      if (window.location.search) {
+        checkForQuery(window.location.search.replace(queryStartRegex, ''), hash);
+      }
+    });
+    bsTab.show();
+    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(`.accordion ${hash}.collapse`)) {  // Looks for a matching BS4 collapse element
+    let card = document.querySelector(hash);
+    const bsCollapse = new Collapse(card, { toggle: false });
+
+    card.addEventListener('shown.bs.collapse', _e => {
+      if (window.location.search) {
+        checkForQuery(window.location.search.replace(queryStartRegex, ''), hash);
+      }
+    });
+    bsCollapse.show();
+    findContentTarget(hash);
+  }
+}
+
+function checkForHash(Collapse) {
+  if (window.location.hash) {
+    let hash = window.location.hash.replace(endingSlashRegex, '');
+
+    checkForMatchingTabOrAccordion(hash, Collapse);
+  }
+  return;
+}
+
+function initContentHashLink(Collapse) {
+  checkForHash(Collapse);
+  window.addEventListener('hashchange', _e => {
+    checkForHash(Collapse);
+  }, false);
+}
+
+function contentHashLink(Collapse) {
+  if (!document.querySelector('#accordion') && !document.querySelector('.nav.nav-tabs'))
+    return;
+    
+  initContentHashLink(Collapse);
+}
+
+export default contentHashLink;

data/assets/js/src/createAlertsHtml.js

@@ -0,0 +1,46 @@
+/*
+// Custom JS | written by https://github.com/wdzajicek
+// © 2020 Kankakee Community College
+// =================================================== */
+// JS module to build alert message using data from Google Sheets API v4
+//
+// This exported module requires you pass it's default-function the `response` object from the API call, as the only argument
+import contentHashLink from './contentHashLink.js';
+import parseMarkdownToHTML from './parseMarkdownToHTML.js'; // Parses a simplified markdown into html & creates the paragraph el's with appropriate class
+
+function injectAlert(target, alert) {
+  target.innerHTML = alert;
+  return target.classList.add('position__offset-alert--visible');
+}
+
+function createAlertsHtml(response, Collapse) {  // 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.
+
+  let [visibility, allPages, content, expire, start, end] = response.result.values[2];  // The 3rd row has our table's data
+  if (visibility === 'FALSE') return contentHashLink(Collapse); // Predefined dropdown options in the Sheet are `'TRUE'` & `'FALSE'`
+
+  const alertDiv = document.getElementById('emergencyAlerts'); // 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 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>
+    </div>
+  </div>
+</div>`;
+
+  [d,s,e].map(d => d.setHours(0, 0, 0, 0));
+  if (alertIsActive && indexPageOnly) {
+    injectAlert(alertDiv, alert);
+  }
+  return contentHashLink(Collapse);
+}
+
+export default createAlertsHtml;

data/assets/js/src/footerDate.js

@@ -0,0 +1,13 @@
+// Update copyright year if its not current
+const yearSpan = document.getElementById('currentYear');
+
+function footerDate() {
+  const d = new Date();
+  const fullYear = d.getFullYear();
+
+  if (yearSpan.innerHTML === `${fullYear}`)
+    return;
+
+  yearSpan.innerHTML = fullYear;
+}
+export default footerDate;