kcc-gem-theme 2.37.1 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 755d2e82f5f03be0452667b4fd7236150cd418d635fe191e6824c8f68649260e
-  data.tar.gz: da5111009262412100cd2598338b765a990b8ea20a577cc22fe207a608b37058
+  metadata.gz: 98ff2fa4a48fea0feac36f224081a52a1989db5674218c90721cb49fd196fc82
+  data.tar.gz: d57f82eb8fd18b35047c9cd87eeca4cc7ead9c3524e6e7d3ed1be992caed9b51
 SHA512:
-  metadata.gz: 9260ff3e85745d002d4f2891abf70f4edfd30589739a520de81558091bc5f28e8de121dc06ad587df8c3695c0dbe9b5374541bbddb8c5e9e6acbb11122d16590
-  data.tar.gz: ece4a8b1d5b1df430d168a2aec92360306c3b0e833a0edd5eb0a40f571105b1c845e804bed17b8e484b921a1b16e3c799adc354444fa6775d63c6dd880e5ce75
+  metadata.gz: 7c22e45fbea027bf44a98df872d0f5575771093651205b48876a6e5c1f0c1977f588a94b6099c9abeff5e48b39503bb54632174d5ba7154049bc604c39d4fc8c
+  data.tar.gz: cb37f3acc6653b5cd0451ade96fc0cb4160732373bdd22bf52293f00e26acf2feb59d49a471a1a00dcafda69b863eebd665c4f5db6a44b6b5e4430ee4f0061b5

data/_config.yml

@@ -2,7 +2,7 @@ title: "KCC"
 site_name: KCC Gem Theme
 public-url: "https://www.kcc.edu"
 url: 'URL is needed for robots.txt to work properly' ## NO TRAILING SLASHES!!/<--nope
-canonical_baseurl: https://www.kcc.edu
+canonical_baseurl: https://www.kcc.edu # NO trailing slash ## Used to build canonical link elements in document head
 port: 3000
 timezone: America/Chicago
 google-tag_key: Google Tag Manager key goes here
@@ -15,7 +15,7 @@ collections:
   accordions:
     output: false
   contacts:
-    output: true
+    output: false
 permalink: pretty
 description: > # this means to ignore newlines until "baseurl:"
 # Delete this comment and place description on this line
@@ -48,6 +48,9 @@ exclude:
   - "ruby-version.txt"
   - "buildtools/"
   - "postcss.config.js"
+  - "notes-on-bs5-migration.md"
+  - "look-for-deprecated-bs4-classes.mjs"
+  - "look-for-deprecated-bs4-js.mjs"
 
 uploads_dir: # specifies the default uploads directory for uploads in CloudCannon
   - "uploads/"

data/_includes/accordion.html

@@ -21,7 +21,7 @@
       <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
         <button
           class="btn btn-link buttons__no-decoration accordion__button{% if forloop.first != true %} collapsed{% endif %}{% if forloop.first == true and page.accordion_expanded == false %} collapsed{% endif %}"
-          type="button" data-target="#{{ this_accordion_id }}" data-toggle="collapse"
+          type="button" data-bs-target="#{{ this_accordion_id }}" data-bs-toggle="collapse"
           aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}"
           aria-controls="{{ this_accordion_id }}">
           {{ item.card_heading }}

data/_includes/benefits.html

@@ -61,38 +61,90 @@
   </div>
 </section>
 
-<section class="benefits__section--marg benefits__blue-section">
+<section class="py-5 benefits__blue-section">
   <div class="container">
     <div class="row">
       <div class="col">
-        <h5 class="benefits__typography--h5 benefits__typography--h5--mb text-center">Recognized & Accredited</h5>
+        <h5 class="benefits__typography--h5 benefits__typography--h5--mb text-center">
+          Recognized & Accredited
+        </h5>
       </div>
     </div>
     <div class="row">
-      <div class="col-12 col-lg-4 text-center text-lg-left">
+      <div class="col-12 col-lg-4 text-center text-lg-start my-auto pt-4 pt-lg-0">
         <div class="benefits__accredited--card mx-auto">
           <div class="text-center">
             {% include svg/check.html %}
-            <span class="benefits__accredited--span-l">KCC  is Accredited</span>
-            <span class="benefits__accredited--span-s">by the Higher Learning Commission (hlcommission.org), a regional accreditation agency recognized by the U.S. Department of Education.</span>
+            <span class="benefits__accredited--span-l">KCC is Accredited</span>
+            <span class="benefits__accredited--span-s">
+              by the Higher Learning Commission (hlcommission.org), a regional
+              accreditation agency recognized by the U.S. Department of Education.
+            </span>
           </div>
         </div>
       </div>
-      <div class="col-12 col-lg-4 text-center">
-        <img src="{{ page.baseurl }}assets/img/zippia.png" class="benefits__idfpr-img img-fluid" alt="#1 community college in Illinois for job placement according to Zippia.com">
-        <span class="benefits__accredited--span--source text-left w-50 mx-auto">Source: Zippia.com</span>
+      <div class="col-12 col-lg-4 text-center my-auto">
+        <img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          data-src="{{ page.baseurl }}assets/img/MFS23-24_Gold_800x800.png"
+          class="benefits__idfpr-img img-fluid"
+          height="300"
+          width="300"
+          alt="'23-23 Gold Military Friendly School® award"
+        >
       </div>
-      <div class="col-12 col-lg-4">
-        <div class="row">
-          <div class="col">
-            <img src="{{ page.baseurl }}assets/img/itransfer.png" alt="Illinois Itransfer logo" class="benefits__itransfer-img float-right
-            float-ls-none">
-          </div>
-          <div class="col">
-            <span class="benefits__typography-itransfer">Illinois<br> Transfer<br> Articulation<br></span>
-          </div>
-        </div>
-        </div>
+      <div class="col-12 col-lg-4 text-center my-auto">
+        <img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          data-src="{{ page.baseurl }}assets/img/learn-org_top-50-best_vertical.svg"
+          class="img-fluid"
+          height="374.42px"
+          width="330px"
+          role="img"
+          alt="Top 50 best trade schools programs 2020-21 school year - Learn.org recognized school."
+        >
+      </div>
+      <div class="col-12 col-lg-3 text-center my-auto">
+        <img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          data-src="{{ page.baseurl }}assets/img/readers-choice_daily-journal_first-place.svg"
+          class="img-fluid"
+          height="418.14px"
+          width="460px"
+          role="img"
+          alt="Daily Journal - best of the best - readers choice awards - djreaderschoice.com - the official community's choice awards - first place best college/university"
+        >
+      </div>
+      <div class="col-12 col-lg-3 text-center my-lg-auto my-3">
+        <img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          data-src="{{ page.baseurl }}assets/img/95-percent-say-KCC-education-worth-it.svg"
+          class="img-fluid"
+          height="172.97px"
+          width="340px"
+          alt="95% of students say their KCC education was worth what they paid for"
+        >
+      </div>
+      <div class="col-12 col-lg-3 text-center my-lg-auto my-3">
+        <img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          data-src="{{ page.baseurl }}assets/img/93-percent-of-students-recommend-us.svg"
+          class="img-fluid"
+          height="172.97px"
+          width="340px"
+          alt="93% of KCC students would recommend us!"
+        >
+      </div>
+      <div class="col-12 col-lg-3 text-center my-lg-auto my-3">
+        <img
+          src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+          data-src="{{ page.baseurl }}assets/img/iai-logo.jpg"
+          class="img-fluid"
+          height="172.97px"
+          width="340px"
+          alt="Illinois Articulation Initiative - www.iTransfer.org"
+        >
       </div>
     </div>
+  </div>
 </section>

data/_includes/body.html

@@ -1,5 +1,5 @@
     <!-- Custom CSS Stylesheet for CloudCannon -->
     <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
   </head>
-  <body{% if page.homepage == true %} id="homePage"{% endif %}>
-    <h1 class="sr-only">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>
+  <body data-bs-no-jquery="true" {% if page.homepage == true %} id="homePage"{% endif %}>
+    <h1 class="visually-hidden">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>

data/_includes/hash/theme_hash.yml

@@ -1 +1 @@
-e980f5cdf7cfb64b966d
+7d91d735b6ef5560e6cf

data/_includes/header-global.html

@@ -32,8 +32,8 @@
         </button>
         <button class="navbar-toggler ml-auto header-global__navbar--toggler"
           type="button"
-          data-toggle="collapse"
-          data-target="#headerGlobalNavbarContent"
+          data-bs-toggle="collapse"
+          data-bs-target="#headerGlobalNavbarContent"
           aria-controls="headerGlobalNavbarContent"
           aria-expanded="false"
           aria-label="Toggle navigation">
@@ -51,4 +51,4 @@
 {% if site.core_site != true %}{% include nav-global-local.html %}{% endif %}
         </div>
       </nav>
-    </header>
+    </header>

data/_includes/header.html

@@ -1,7 +1,7 @@
-<header>
+<header class="positioning__offset-global-nav">
   <div class="container-fluid">
     <div class="row">
-      <div class="col-xl-8 header__bg positioning__offset-global-nav">
+      <div class="col-xl-8 header__bg">
         <div class="row positioning__heading--row">
           <div class="col-5">&nbsp;</div>
           <div class="col-7 positioning__col--offset text-center">
@@ -13,7 +13,7 @@
         <span class="typography__register--caption">Adrian Benfield, Class of 2017</span>
         -->
       </div>
-      <div class="col-xl-4 positioning__accordian--padding">
+      <div class="col-xl-4 bg-white positioning__form--margins">
         <h4 id="page-top" class="typography__register-h4 text-center">ABOUT YOU</h4>
         <!--
           <h5 class="typography__register-h5 text-center">Classes Begin Jan. 7th</h5>

data/_includes/nav-global-bottom.html

@@ -6,7 +6,7 @@
               <a href="#"
                 id="{{ item.link_text | downcase | replace: ' ', '-' | replace: '&', 'and' }}-dropdown"
                 role="button"
-                data-toggle="dropdown"
+                data-bs-toggle="dropdown"
                 aria-haspopup="true"
                 aria-expanded="false"
                 class="nav-link dropdown-toggle header-global__nav-bottom--nav-link typography__nowrap--sm typography__header-global--nav-bottom">

data/_includes/nav-landing.html

@@ -1,6 +1,5 @@
-<nav id="globalNav" role="navigation" class="navbar nav-landing fixed-top navbar-fixed-top">
-  <h2 class="sr-only">Global</h2>
-  <a class="clickable navbar-brand nav-landing__navbar-brand mr-auto" href="http://www.kcc.edu" aria-label="Kankakee Community College">
+<nav id="globalNav" role="navigation" class="navbar nav-landing fixed-top">
+  <a class="clickable navbar-brand nav-landing__navbar-brand me-auto" href="http://www.kcc.edu" aria-label="Kankakee Community College">
     <svg version="1.1" id="KCC-logo" class="nav-landing__kcc-logo-inverse" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="82.398px" height="36px" viewBox="0 0 82.398 36" enable-background="new 0 0 82.398 36"
       xml:space="preserve" aria-labelledby="kcc-logo-title">
       <title id="kcc-logo-title" lang="en">KCC</title>

data/_includes/scripts/kcc-theme.html

@@ -1,2 +1,8 @@
+    {% if jekyll.environment == 'development' %}
+    <!-- boostrap.[hash].bundle.js should only be included in development!
+         Webpack uses this file in development to inject the Bootstrap styles
+         into the document's <head>. JS file is empty in production! -->
+    <script type="text/javascript" src="{{page.baseurl}}assets/js/dist/bootstrap.{% include hash/theme_hash.yml %}.bundle.js" defer></script>
+    {% endif %}
     <!-- custom compiled and minified javascript -->
-    <script type="text/javascript" src="{{page.baseurl}}assets/js/dist/kcc-theme.{% include hash/theme_hash.yml %}.bundle.js" defer></script>
+    <script type="text/javascript" src="{{page.baseurl}}assets/js/dist/kcc-theme.{% include hash/theme_hash.yml %}.bundle.js" defer></script>

data/_includes/scripts/vendor-cdn.html

@@ -1,6 +1,7 @@
-    <!-- CDN links to Bootstrap 4 beta dependancies -->
+    {% if page.slides or page.sheet_key or page.include_datatables %}
+    <!-- jQuery for pages that use slick-slider or DataTabes -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
+    {% endif %}
     {% if page.slides %}
     <!--  Link to Slick.js javascript (must occur after jquery)  -->
     <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.js"></script>

data/_includes/styles/main.html

@@ -1,4 +1,6 @@
     {% if jekyll.environment == "production" or jekyll.environment == "publish" %}
+    <!-- Bootstrap 5 styles (only used components/utilities)  -->
+    <link rel="stylesheet" href="{{page.baseurl}}assets/js/dist/bootstrap.{% include hash/theme_hash.yml %}.css">
     <!-- Custom CSS for the KCC Theme -->
     <link rel="stylesheet" href="{{page.baseurl}}assets/js/dist/kcc-theme.{% include hash/theme_hash.yml %}.css">
     {% if site.theme_config != true %}
@@ -9,4 +11,4 @@
     {%- if site.translate == true -%}
     <!-- Link to this site's custom google translate stylesheet -->
     <link rel="stylesheet" href="{{page.baseurl}}assets/js/dist/translate.{% include hash/theme_hash.yml %}.css">
-    {%- endif -%}
+    {%- endif -%}

data/_includes/styles/vendor.html

@@ -1,6 +1,4 @@
     <!-- CDN assets -->
-    <!-- Bootstrap 4 stylesheet - CDN link -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
     {% if page.slides %}
     <!--  Slick.js v1.8.1 stylesheet followed by slick-theme stylesheet  -->
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick.min.css"/>

data/_includes/svg/check-mark.html

@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="50"
+  height="50"
+  viewBox="0 0 50 50"
+  class="thank-you__check-mark text-center float-md-start"
+  aria-hidden="true">
+  <path class="svg--fill-blue" d="M24.215,4.409c11.408,0,20.689,9.282,20.689,20.69c0,11.405-9.281,20.685-20.689,20.685
+      c-11.408,0-20.689-9.279-20.689-20.685C3.526,13.69,12.807,4.409,24.215,4.409 M24.215,1.758c-12.889,0-23.34,10.451-23.34,23.341
+      c0,12.893,10.451,23.336,23.34,23.336c12.891,0,23.341-10.443,23.341-23.336C47.556,12.209,37.105,1.758,24.215,1.758
+      L24.215,1.758z"/>
+  <path class="svg--fill-green" d="M48.14,1.565l0.985,1.408c-4.016,3.022-8.487,7.682-13.408,13.973
+    c-4.922,6.292-8.676,12.168-11.268,17.634l-2.087,1.408c-1.727,1.209-2.9,2.101-3.52,2.681c-0.247-0.888-0.779-2.327-1.608-4.339
+    l-0.787-1.833c-1.128-2.63-2.173-4.571-3.14-5.833c-0.968-1.257-2.052-2.09-3.254-2.507c2.028-2.142,3.888-3.208,5.575-3.208
+    c1.448,0,3.054,1.96,4.819,5.889l0.873,1.972c3.175-5.356,7.251-10.554,12.227-15.609C38.524,8.15,43.385,4.271,48.14,1.565z"/>
+</svg>

data/_includes/tabbed-content.html

@@ -9,7 +9,7 @@
   {% for tab in tab_collection %}
   {% assign tab_id = tab.name | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | replace: "/", "-" | remove: '’' | remove: '0' | remove: '1' | remove: '2' | remove: '3' | remove: '4' | remove: '5' | remove: '6' | remove: '7' | remove: '8' | remove: '9' | remove: '?' | remove: '!' | remove: '#' | remove: '$'  | remove: '.' | remove: ',' | remove: '(' | remove: ')' | remove: '®' | remove: '©' %}
   <li class="nav-item">
-    <a class="nav-link{% if forloop.first == true %} active{% endif %}" id="{{ tab_id }}-label" data-toggle="tab" href="#{{ tab_id }}" role="tab" aria-controls="{{ tab_id }}" aria-selected="{% if forloop.first == true %}true{% else %}false{% endif %}">{{ tab.name }}</a>
+    <a class="nav-link{% if forloop.first == true %} active{% endif %}" id="{{ tab_id }}-label" data-bs-toggle="tab" href="#{{ tab_id }}" role="tab" aria-controls="{{ tab_id }}" aria-selected="{% if forloop.first == true %}true{% else %}false{% endif %}">{{ tab.name }}</a>
   </li>
   {% endfor %}
 </ul>
@@ -24,4 +24,4 @@
 
 <br>
 
-<hr>
+<hr>

data/_layouts/default-core.html

@@ -2,7 +2,7 @@
 {% include styles/fonts.html %}
 {% include scripts/google-tag.html %}
 {% include styles/vendor.html %}
-{%- if page.sheet_key -%}
+{%- if page.sheet_key or page.include_datatables -%}
 <!-- dataTables stylesheets -->
 <!-- dataTables Bootstrap4 themed stylesheet -->
 <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css" crossorigin="anonymous">
@@ -21,7 +21,7 @@
 {% include scripts/vendor-cdn.html %}
 {% include scripts/google-api.html %}
 {% include scripts/kcc-theme.html %}
-{%- if page.sheet_key -%}
+{%- if page.sheet_key or page.include_datatables -%}
 {% include scripts/table-cdn.html %}{% endif %}
 {% include scripts/custom.html %}
 {%- if site.translate == true -%}<!-- Link to this site's custom google translate stylesheet -->

data/_layouts/default-landing.html

@@ -9,7 +9,7 @@
   {% endif %}
   {% endif %}
   {% include styles/vendor.html %}
-  {% if page.sheet_key %}
+  {% if page.sheet_key or page.include_datatables %}
   <!-- dataTables stylesheets -->
   <!-- dataTables Bootstrap4 themed stylesheet -->
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css" crossorigin="anonymous">
@@ -28,7 +28,7 @@
   {% if page.landing_page_js %} 
   {% include scripts/kcc-theme-landing.html %}
   {% endif %}
-  {% if page.sheet_key %}
+  {% if page.sheet_key or page.include_datatables %}
   {% include scripts/table-cdn.html %}
   {% endif %}
   {% include scripts/custom.html %}

data/_layouts/default.html

@@ -2,7 +2,7 @@
   {% include styles/fonts.html %}
   {% include scripts/google-tag.html %}
   {% include styles/vendor.html %}
-  {% if page.sheet_key %}
+  {% if page.sheet_key or page.include_datatables %}
   <!-- dataTables stylesheets -->
   <!-- dataTables Bootstrap4 themed stylesheet -->
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css" crossorigin="anonymous">
@@ -23,7 +23,7 @@
   {% include scripts/kcc-theme.html %}
   {% include scripts/emergency-alerts.html %}
   {% include scripts/google-api.html %}
-  {% if page.sheet_key %}
+  {% if page.sheet_key or page.include_datatables %}
   {% include scripts/table-cdn.html %}
   {% endif %}
   {% include scripts/custom.html %}

data/_layouts/landing-simple.html

@@ -3,7 +3,7 @@
   {% include scripts/google-tag.html %}
   {% if page.targetx_form == true %}{% include targetx-head.html %}{% endif %}
   {% include styles/vendor.html %}
-  {% if page.sheet_key %}
+  {% if page.sheet_key or page.include_datatables %}
   <!-- dataTables stylesheets -->
   <!-- dataTables Bootstrap4 themed stylesheet -->
   <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css" crossorigin="anonymous">
@@ -20,7 +20,7 @@
   {% include scripts/vendor-cdn.html %}
   {% include scripts/kcc-theme.html %}
   {% include scripts/kcc-theme-landing.html %}
-  {% if page.sheet_key %}
+  {% if page.sheet_key or page.include_datatables %}
   {% include scripts/table-cdn.html %}
   {% endif %}
   {% include scripts/custom.html %}