kcc-gem-theme 2.13.0 → 2.14.3

data/assets/js/src/all.js

@@ -9,33 +9,68 @@ function loadModule(...moduleArgs) {
   moduleArgs.length > 2 ? funcArg = moduleArgs[2] : null;
 
   import(`./${module}`).then(({ default: defaultFunc }) => {
-    funcArg = undefined ? defaultFunc() : defaultFunc(funcArg);
+    return funcArg = undefined ? defaultFunc() : defaultFunc(funcArg);
   });
 }
 
-document.addEventListener('DOMContentLoaded', function () {
-  window.location.hostname.search(/\.kcc\.edu/) !== -1 ? loadModule('loadClarusCorpScript') : null;
-  loadModule('wrapPowerText');
-  loadModule('sliders', 'initSliders');
-  loadModule('walkText', 'walkText', document.body);
-  loadModule('footerDate');
-  loadModule('lazyLoad');
-  loadModule('addClassToOpenNavbar');
+// Modules that load before window.onload
+window.addEventListener('load', () => {
 
-  if (window.localStorage.getItem('darkModeSetting') == 'true' || window.location.pathname == '/settings/') {
-    import(/* webpackChunkName: 'darkMode' */ './darkMode').then(({ default: darkMode }) => {
-      return darkMode;
-    }).then(darkMode => {
-      import(/* webpackChunkName: 'darkModeStyling' */ '../../scss/darkMode.scss').then(() => {
-        darkMode();
-      });
+//  1.) Import hero slider JS modules
+// './wrapPowerText'
+// 'sliders', 'initSliders'
+// Hero slider module import error handler
+
+// 2.) 'walkText', 'walkText', document.body
+// 3.) 'lazyLoad'
+// 4.) 'footerDate'
+// 5.) 'addClassToOpenNavbar'
+// 6.) 'errorPageSearch'
+  
+// 7. 'darkMode' JS modules
+// 8.) 'darkMode.scss'
+  
+// 9. '../../scss/searchPageOverrides.scss'
+// 10.) document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
+  
+  import('../alerts/alerts')
+    .then(({ default: alerts }) => alerts())
+    .then(() => {
+      if (document.querySelector('.hero-slider__slider')) {
+        Promise.resolve()
+          .then(() => loadModule('wrapPowerText'))
+          .then(() => loadModule('sliders', 'initSliders'))
+          .catch((err) => console.error(`Error loading slider modules :${err}`, err))
+      }
+      loadModule('walkText', 'walkText', document.body)
+      document.querySelector('img[data-src]') ? loadModule('lazyLoad') : null;
+      loadModule('footerDate')
+      loadModule('addClassToOpenNavbar')
+      document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
     })
-  }
-  if (window.location.pathname == "/search/") {
-    import(/* webpackChunkName: 'searchPageOverrides' */ '../../scss/searchPageOverrides.scss').then(() => {
-      console.info('Search page overrides styling loaded');
-    }).catch( err => console.error(`Error loading searchPageOverrides.scss \n${err}`, err) );
-  }
-  document.getElementById('google_translate_element') ? loadModule('translateScript', 'watchForMenuClicks') : null;
-  document.getElementById('errorPageSearch') ? loadModule('errorPageSearch', 'errorPageSearch') : null;
+    .then(async () => {
+      const { default: megaNav } = await import('../nav/megaNav/megaNav');
+      return megaNav();
+    })
+    .catch(err => console.error(`Error loading window.onload modules: ${err}`, err))
+  
+    if (window.localStorage.getItem('darkModeSetting') == 'true' || window.location.pathname == '/settings/') {
+      import('./darkMode').then(({ default: darkMode }) => {
+        return darkMode;
+      }).then(darkMode => {
+        import('../../scss/darkMode.scss').then(() => {
+          return darkMode();
+        });
+      })
+    }
+    if (window.location.pathname == "/search/") {
+      import('../../scss/searchPageOverrides.scss')
+        .catch(err => console.error(`Error loading searchPageOverrides.scss \n${err}`, err));
+    }
+    if (document.getElementById('google_translate_element')) {
+      import('./translateScript').then(({ default: watchForMenuClicks }) => {
+        return watchForMenuClicks();
+      })
+    }
 });
+

data/assets/scss/0-tools/_vars.scss

@@ -85,3 +85,6 @@ $btn-hover-bg: #022b55;
 $btn-hover-border: #021e3d;
 $darker-link: #006ce0;
 $orange-heading: $color-orange;
+
+$color-bs-blue: #007bff;
+$color-bs-blue-hover: #0056b3;

data/assets/scss/1-base/_header-global.scss

@@ -75,6 +75,12 @@
   }
 }
 
+@media screen and (min-width: 992px) {
+  .header-global {
+    border-bottom: solid 1px rgba(0,0,0,.5);
+  }
+}
+
 .header-global__open {
   bottom: 0;
   overflow-x: hidden;

data/assets/scss/1-base/_links.scss

@@ -1,5 +1,6 @@
 // Rules for styling links
 // =========================================
+@import '../2-modules/link-launch';
 
 .links__kcc-logo {
   display: inline;

data/assets/scss/1-base/_svg.scss

@@ -78,8 +78,7 @@
   }
 }
 
-
-
+// Styling of the little sync icon that refreshes the KCC-alerts system/message
 .svg__sync {
   fill: $color-blue-reboot;
   transition: fill ease-in-out .2s;
@@ -89,3 +88,29 @@ button:hover .svg__sync,
 button:focus .svg__sync {
   fill: $color-blue-reboot-hover;
 }
+
+// Styling for `_includes/svg/mykcc.html` - which is a stylized MyKCC link
+// For creating a a stylized MyKCC link via {% include svg/mykcc.html %}
+/**
+*
+* TODO -  Remove these style rules (and `_includes/svg/mykcc.html`) when gem version is higher 
+*         than kcc-gem-theme-2.14.1.gem - these style rules are being moved into the theme
+*
+*/
+
+.svg__mykcc {
+  display: inline-block;
+  height: 1.5rem;
+  width: 80px;
+  fill: $color-bs-blue;
+}
+
+a.svg__link--no-decoration:hover,
+a.svg__link--no-decoration:focus {
+  text-decoration: none;
+}
+
+a.svg__link--no-decoration:hover .svg__mykcc,
+a.svg__link--no-decoration:focus .svg__mykcc{
+  fill: $color-bs-blue-hover;
+}

data/assets/scss/1-base/_typography.scss

@@ -185,7 +185,7 @@ body {
     font-size: 1rem;
     font-weight: 400;
   }
-  & .nav-link:not([role=tab]) {
+  .nav-link:not([role=tab]) {
     margin-left: 5px;
     margin-right: 5px;
   }
@@ -641,4 +641,4 @@ h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup { // Make superscripts within hea
 
 .dark-mode .typography__header-global--nav-bottom {
   color: #9bb7dd;
-}
+}

data/assets/scss/2-modules/_hero-slider.scss

@@ -63,7 +63,7 @@
   }
 }
 
-.hero-slider__heading--bold {
+.hero-slider__heading--bold { // ?????????????
   color: $white;
   filter: drop-shadow(2px 2px 5px #000);
   font-family: $font-family-power;
@@ -110,7 +110,6 @@
   padding-left: 5px;
   position: absolute;
   top: 55%;
-  width: 10%;
   z-index: 4444;
 }
 
@@ -146,12 +145,36 @@
   }
 }
 
-.hero-slider__slides-4 {
+.hero-slider__slides-1 .hero-slider__slider--heading-container  {
+  width: 100%;
+}
+
+.hero-slider__slides-2 .hero-slider__slider--heading-container {
+  width: 18.5%;
+}
+
+.hero-slider__slides-3 .hero-slider__slider--heading-container {
+  width: 13%;
+}
+
+.hero-slider__slides-4 .hero-slider__slider--heading-container {
   width: 10%;
 }
 
-.hero-slider__slides-8 {
-  width: 5%;
+.hero-slider__slides-5 .hero-slider__slider--heading-container {
+  width: 8%;
+}
+
+.hero-slider__slides-6 .hero-slider__slider--heading-container {
+  width: 6.65%;
+}
+
+.hero-slider__slides-7 .hero-slider__slider--heading-container {
+  width: 5.75%;
+}
+
+.hero-slider__slides-8 .hero-slider__slider--heading-container {
+  width: 4.85%;
 }
 
 
@@ -236,10 +259,14 @@
   padding-right: 0;
 }
 
-.hero-slider__slide-img--border {
-  border-color: $grey-8;
+.hero-slider__slider--slide-img {
   border-style: solid;
-  border-width: thin;
+  border-width: 1px;
+  border-color: transparent;
+}
+
+.hero-slider__slide-img--border {
+  border-color: rgba(0,0,0,.25);
 }
 
 .hero-slider__slider {   // prevents all slides from displaying vertically before slick has initialized

data/assets/scss/2-modules/_link-launch.scss

@@ -0,0 +1,41 @@
+/**
+*
+*  This module provides a `.links_launch` class can be added to a link to create a launch-icon.
+*    - This icon is a pseudo-element with an SVG in an encoded data-URI as its content.
+*    - The launch icon gives users a visual indicator that the link will launch in a new tab
+*    - The anchor needs at least following attributes: 
+*      `<a target="_blank" rel="noopener noreferrer" class="links__launch">`
+*
+*  @author Wesley Zajicek | <https://github.com/wdzajicek>
+*
+*  @requires sass:string - the "sass:string" sass module
+*  @function launchSvg - takes a single param
+*  @param $color {string} - a hex-color-code for the SVG's fill color
+*
+*/
+
+@use "sass:string";
+
+@function launchSvg($color) {
+  @return 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23#{string.slice($color, 2, 7)}" height="20" viewBox="0 0 24 24" width="20"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/></svg>';
+}
+
+.links__dropdown-toggle--custom::after {
+  margin-left: .75rem;
+}
+
+[aria-expanded='true'].links__dropdown-toggle--custom::after {
+  transform: rotate(-180deg);
+}
+
+.links__launch {
+  &::after {
+    content: url(launchSvg('#007bff'));
+    margin-left: .375rem;
+    vertical-align: middle;
+    line-height: 1;
+  }
+  &:hover::after {
+    content: url(launchSvg('#0056b3'));
+  }
+}

data/assets/scss/2-modules/_sliders.scss

@@ -1,191 +1,16 @@
-// Styles for both the .heroSlider and .baseballSlider
+/**
+*
+*  Custom SCSS styling for KCC
+*  @copyright © 2022 Kankakee Community College
+*  @author Wesley Zajicek | https://github.com/wdzajicek 
+*/
+
+//  Custom KCC theme-styling for Slickjs carousel/sliders
+//
+//  This smaller SCSS partial needs to be imported into a stylesheet that
+//    loads before/while the page initially renders. Doing so ensures
+//    that Slick renders smoothly. Place any overrides that are needed for 
+//    Slick to render correctly in this file and import it.
+
 // slick carousels
 //==============================================
-.slider-container {
-  padding-left: 0;
-  padding-right: 0;
-}
-
-@media screen and (min-width: 1400px) {
-  .slider-container {
-    max-width: 1300px;
-  }
-}
-
-@media screen and (min-width: 1400px) {
-  .index-slider-container {
-    max-width: 1300px;
-  }
-}
-
-.slider-row {
-  margin-left: 0;
-  margin-right: 0;
-}
-
-.heading-container {   // div container for slide headings
-  border-left-color: $white;
-  border-left-style: solid;
-  border-left-width: 2px;
-  margin-left: .9%;
-  padding-left: 5px;
-  position: absolute;
-  top: 55%;
-  width: 7%;
-  z-index: 4444;
-}
-
-@media screen and (min-width: 488px) {
-  .heading-container {
-    top: 60%;
-    width: 6%;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .heading-container {
-    margin-left: .7%;
-    padding-left: 10px;
-    top: 61%;
-    width: 6%;
-  }
-}
-
-@media screen and (min-width: 992px) {
-  .heading-container {
-    margin-left: .6%;
-    padding-left: 20px;
-    top: 67%;
-  }
-}
-
-@media screen and (min-width: 1200px) {
-  .heading-container {
-    top: 69%;
-  }
-}
-
-.heroSlider .slide-img,
-.baseballSlider .slide-img {
-  position: relative;
-  width: 100%;
-}
-
-.heroSlider .slick-next,
-.baseballSlider .slick-next {
-  right: 20px;
-}
-
-.heroSlider .slick-prev,
-.baseballSlider .slick-prev {
-  left: 20px;
-  z-index: 4;
-}
-
-@media screen and (min-width: 576px) {
-  .heroSlider .slick-next,
-  .baseballSlider .slick-next {
-    right: 25px;
-  }
-
-  .heroSlider .slick-prev,
-  .baseballSlider .slick-prev {
-    left: 25px;
-    z-index: 4;
-  }
-}
-
-.heroSlider .slick-next,
-.heroSlider .slick-prev,
-.baseballSlider .slick-next,
-.baseballSlider .slick-prev {
-  height: 25px;
-  top: 75%;
-  width: 25px;
-}
-
-@media screen and (min-width: 992px) {
-  .heroSlider .slick-next,
-  .heroSlider .slick-prev,
-  .baseballSlider .slick-next,
-  .baseballSlider .slick-prev {
-    height: 40px;
-    top: 80%;
-    width: 40px;
-  }
-}
-
-.heroSlider .slick-dots li button:before,
-.baseballSlider .slick-dots li button:before {
-  color: $landing-bg;
-  font-size: 12px;
-  line-height: 30px;
-  opacity: 1;
-  text-shadow:
-    -1px -1px 0 $black,
-    1px -1px 0 $black,
-    -1px 1px 0 $black,
-    1px 1px 0 $black;
-}
-
-.heroSlider .slick-dots li.slick-active button:before,
-.baseballSlider .slick-dots li.slick-active button:before {
-  color: $primary-blue;
-  opacity: 1;
-  text-shadow:
-    -1px -1px 0 $black,
-    1px -1px 0 $black,
-    -1px 1px 0 $black,
-    1px 1px 0 $black;
-}
-
-.heroSlider .slick-dots li,
-.baseballSlider .slick-dots li  {
-  margin-left: 1px;
-  margin-right: 1px;
-  padding-left: 0;
-  padding-right: 0;
-}
-
-.njcaa-link {
-  margin-top: 30px;
-  position: absolute;
-  right: 15%;
-  z-index: 1000;
-}
-
-@media screen and (min-width:1600px) {
-  .njcaa-link {
-    right: 20%;
-  }
-}
-
-@media screen and (min-width:1900px) {
-  .njcaa-link {
-    right: 25%;
-  }
-}
-
-@media screen and (min-width:1200px) {
-  .njcaa-logo {
-    width: 175px;
-  }
-}
-
-@media screen and (min-width:1600px) {
-  .njcaa-logo {
-    width: 200px;
-  }
-}
-
-.baseballSlider {   // prevents all slides from displaying vertically before slick has initialized
-  visibility: hidden;
-}
-
-.slick-initialized {   // makes slides visible again once slick has initialized
-  visibility: visible;
-}
-
-.slick-track {
-  margin-left: 0;
-}

data/assets/scss/kcc-theme.scss

@@ -18,7 +18,7 @@
 // Modular components
 @import '2-modules/header';
 @import '2-modules/footer';
-@import '2-modules/sliders';
+// @import '2-modules/sliders';
 @import '2-modules/social-icons';
 @import '2-modules/nav-landing'; // Styles for the navbar in landing pages.
 @import '2-modules/nav-global';  // Remove after implimenting the new header-global with mega-nav.

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kcc-gem-theme
 version: !ruby/object:Gem::Version
-  version: 2.13.0
+  version: 2.14.3
 platform: ruby
 authors:
 - wdzajicek
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-11-29 00:00:00.000000000 Z
+date: 2022-01-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -84,7 +84,6 @@ files:
 - _includes/header-global.html
 - _includes/header.html
 - _includes/hero-slider.html
-- _includes/image-slider.html
 - _includes/main-call-to-action.html
 - _includes/nav-global-bottom.html
 - _includes/nav-global-local.html
@@ -101,7 +100,6 @@ files:
 - _includes/scripts/google-noscript.html
 - _includes/scripts/google-tag.html
 - _includes/scripts/kcc-alerts.html
-- _includes/scripts/kcc-mega-nav.html
 - _includes/scripts/kcc-nav.html
 - _includes/scripts/kcc-theme-landing.html
 - _includes/scripts/kcc-theme.html
@@ -120,6 +118,8 @@ files:
 - _includes/svg/kcc.html
 - _includes/svg/kcc.svg
 - _includes/svg/love.html
+- _includes/svg/mykcc-inline.html
+- _includes/svg/mykcc.html
 - _includes/svg/place-24px.html
 - _includes/svg/save-money.html
 - _includes/tabbed-content.html
@@ -211,7 +211,6 @@ files:
 - assets/js/alerts/addAccordionOrTabHistoryStates.js
 - assets/js/alerts/alerts.js
 - assets/js/alerts/cacheResponse.js
-- assets/js/alerts/checkForAccordionOrTab.js
 - assets/js/alerts/checkForPrefersReducedMotion.js
 - assets/js/alerts/contentHashLink.js
 - assets/js/alerts/createAlertsHtml.js
@@ -219,47 +218,39 @@ files:
 - assets/js/alerts/getCachedResponse.js
 - assets/js/alerts/parseMarkdownToHTML.js
 - assets/js/alerts/refreshAlertButton.js
-- assets/js/alerts/simpleSetSheetParameters.js
-- assets/js/dist/243.bundle.js
-- assets/js/dist/289.bundle.js
-- assets/js/dist/315.bundle.js
-- assets/js/dist/45.bundle.js
-- assets/js/dist/504.bundle.js
-- assets/js/dist/528.bundle.js
-- assets/js/dist/57.bundle.js
-- assets/js/dist/576.bundle.js
-- assets/js/dist/582.bundle.js
-- assets/js/dist/618.caf5fc19b7bad1928a93.css
-- assets/js/dist/644.bundle.js
-- assets/js/dist/647.bundle.js
-- assets/js/dist/647.caf5fc19b7bad1928a93.css
-- assets/js/dist/795.bundle.js
-- assets/js/dist/853.bundle.js
-- assets/js/dist/859.bundle.js
-- assets/js/dist/862.bundle.js
-- assets/js/dist/87.caf5fc19b7bad1928a93.css
-- assets/js/dist/909.bundle.js
-- assets/js/dist/936.bundle.js
-- assets/js/dist/addAccordionOrTabHistoryStates.bundle.js
-- assets/js/dist/alerts.bundle.js
-- assets/js/dist/contentHashLink.bundle.js
-- assets/js/dist/darkMode.bundle.js
-- assets/js/dist/darkModeStyling.bundle.js
-- assets/js/dist/kcc-mega-nav.bundle.js
-- assets/js/dist/kcc-nav.bundle.js
-- assets/js/dist/kcc-theme-landing.bundle.js
-- assets/js/dist/kcc-theme.bundle.js
-- assets/js/dist/kcc-theme.caf5fc19b7bad1928a93.css
-- assets/js/dist/searchPageOverrides.bundle.js
-- assets/js/dist/translate.bundle.js
-- assets/js/dist/translate.caf5fc19b7bad1928a93.css
-- assets/js/landing/landing.js
-- assets/js/landing/landingPage.js
+- assets/js/dist/126.38173b8142253579c4b3.bundle.js
+- assets/js/dist/282.38173b8142253579c4b3.bundle.js
+- assets/js/dist/45.38173b8142253579c4b3.bundle.js
+- assets/js/dist/504.38173b8142253579c4b3.bundle.js
+- assets/js/dist/57.38173b8142253579c4b3.bundle.js
+- assets/js/dist/576.38173b8142253579c4b3.bundle.js
+- assets/js/dist/582.38173b8142253579c4b3.bundle.js
+- assets/js/dist/640.38173b8142253579c4b3.bundle.js
+- assets/js/dist/647.38173b8142253579c4b3.bundle.js
+- assets/js/dist/647.38173b8142253579c4b3.css
+- assets/js/dist/658.38173b8142253579c4b3.bundle.js
+- assets/js/dist/658.38173b8142253579c4b3.css
+- assets/js/dist/709.38173b8142253579c4b3.bundle.js
+- assets/js/dist/755.38173b8142253579c4b3.bundle.js
+- assets/js/dist/787.38173b8142253579c4b3.bundle.js
+- assets/js/dist/795.38173b8142253579c4b3.bundle.js
+- assets/js/dist/814.38173b8142253579c4b3.bundle.js
+- assets/js/dist/83.38173b8142253579c4b3.bundle.js
+- assets/js/dist/83.38173b8142253579c4b3.css
+- assets/js/dist/853.38173b8142253579c4b3.bundle.js
+- assets/js/dist/859.38173b8142253579c4b3.bundle.js
+- assets/js/dist/862.38173b8142253579c4b3.bundle.js
+- assets/js/dist/909.38173b8142253579c4b3.bundle.js
+- assets/js/dist/936.38173b8142253579c4b3.bundle.js
+- assets/js/dist/968.38173b8142253579c4b3.bundle.js
+- assets/js/dist/kcc-theme.38173b8142253579c4b3.bundle.js
+- assets/js/dist/kcc-theme.38173b8142253579c4b3.css
+- assets/js/dist/translate.38173b8142253579c4b3.bundle.js
+- assets/js/dist/translate.38173b8142253579c4b3.css
 - assets/js/nav/megaNav/closeMegaNavOnClick.js
 - assets/js/nav/megaNav/googleCustomSearch.js
 - assets/js/nav/megaNav/megaNav.js
 - assets/js/nav/megaNav/searchToggleMegaNav.js
-- assets/js/nav/megaNav/toggleDropdownOnWindowResize.js
 - assets/js/nav/megaNav/toggleDropdownOnWindowResizeTwo.js
 - assets/js/nav/megaNav/toggleMenuOnWindowResize.js
 - assets/js/nav/megaNav/underlineCurrentSite.js
@@ -275,14 +266,11 @@ files:
 - assets/js/src/errorPageSearch.js
 - assets/js/src/footerDate.js
 - assets/js/src/lazyLoad.js
-- assets/js/src/loadClarusCorpScript.js
 - assets/js/src/sliders.js
-- assets/js/src/test.js
 - assets/js/src/translate.js
 - assets/js/src/translateScript.js
 - assets/js/src/walkText.js
 - assets/js/src/wrapPowerText.js
-- assets/js/src/ytEmbed.js
 - assets/scss/0-tools/_bootstrap-overrides.scss
 - assets/scss/0-tools/_cloudcannon.scss
 - assets/scss/0-tools/_google-translate-overrides.scss
@@ -310,6 +298,7 @@ files:
 - assets/scss/2-modules/_header.scss
 - assets/scss/2-modules/_hero-slider.scss
 - assets/scss/2-modules/_img-hover.scss
+- assets/scss/2-modules/_link-launch.scss
 - assets/scss/2-modules/_loader.scss
 - assets/scss/2-modules/_nav-global.scss
 - assets/scss/2-modules/_nav-landing.scss

data/_includes/image-slider.html

@@ -1,23 +0,0 @@
-<div class="container">
-  <div class="row">
-    <div class="col hero-slider__slider">
-    {% for slide in page.slides %}
-      {% if forloop.first == true %}
-      <div>
-        <a href="{{ slide.url }}"><img src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img" alt="{{slide.alt-text}}" /></a>
-        <div class="hero-slider__slider--heading-container hero-slider__slider--heading-container--width hero-slider__slides-{{ forloop.length }} text-center">
-          <h3 class="hero-slider__heading--bold">{{slide.text}}</h3>
-        </div>
-      </div>
-      {% else %}
-      <div>
-        <a href="{{ slide.url }}"><img src="{{ page.baseurl }}assets/img/kcc-placeholder.png" data-src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img" alt="{{slide.alt-text}}" /></a>
-        <div class="hero-slider__slider--heading-container hero-slider__slider--heading-container--width hero-slider__slides-{{ forloop.length }} text-center">
-          <h3 class="hero-slider__heading--bold">{{slide.text}}</h3>
-        </div>
-      </div>
-      {% endif %}
-    {% endfor %}
-    </div>
-  </div>
-</div>