kcc-gem-theme 1.65.57

data/_includes/hero-slider.html

@@ -0,0 +1,23 @@
+
+<div class="row">
+  <div class="col hero-slider__slider">
+  {% for slide in page.slides %}
+  {% assign url_first_char = slide.url | slice: 0 %}
+    {% if forloop.first == true %}
+    <div>
+      <a {% if slide.url contains 'https://' or slide.url contains 'http:// %}target="_blank" href="{{ slide.url }}"{% elsif url_first_char == '.' or url_first_char == '/' %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"><img src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}" alt="{{slide.alt-text}}" /></a>
+      {% if slide.text and slide.text != '' %}<div class="hero-slider__slider--heading-container text-center">
+        <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
+      </div>{% endif %}
+    </div>
+    {% else %}
+    <div>
+      <a {% if slide.url contains 'https://' or slide.url contains 'http:// %}target="_blank" href="{{ slide.url }}"{% elsif url_first_char == '.' or url_first_char == '/' %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"><img src="{{ page.baseurl }}assets/img/kcc-placeholder.png" data-src="{{page.baseurl}}{{slide.image}}" class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}" alt="{{slide.alt-text}}" /></a>
+      {% if slide.text and slide.text != '' %}<div class="hero-slider__slider--heading-container text-center">
+        <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
+      </div>{% endif %}
+    </div>
+    {% endif %}
+  {% endfor %}
+  </div>
+</div>

data/_includes/image-slider.html

@@ -0,0 +1,23 @@
+<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>

data/_includes/nav-global-bottom.html

@@ -0,0 +1,30 @@
+<ul id="navGlobalBottom" class="navbar-nav header-global__nav-bottom justify-content-end header-global__navbar-nav--divider">
+  {% for item in site.data.navigation %}
+  <li data-nav="{{ item.link_text | downcase | replace: ' ', '-' | replace: '&', 'and' }}" class="nav-item dropdown header-global__dropdown header-global__dropdown--position">
+    <a href="#" id="{{ item.link_text | downcase | replace: ' ', '-' | replace: '&', 'and' }}-dropdown" role="button" data-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">{{ item.link_text }}</a>
+    <div class="dropdown-menu header-global__dropdown-menu--full-width py-3 px-3 px-lg-5" aria-labelledby="{{ item.link_text | downcase | replace: ' ', '-' | replace: '&', 'and' }}-dropdown">
+      <div class="container">
+        <div class="row">
+          {% if item.image %}
+          <div class="col-auto padding__col--mobile-none mr-lg-3">
+            <img src="{{ page.baseurl }}assets/img/kcc-placeholder.png" data-src="{{ page.baseurl }}{{ item.image.source }}" class="header-global__drodpown-menu--img img-fluid d-none d-lg-block" alt="{{ item.image.alt }}">
+          </div>
+          {% endif %}
+          <div class="col ml-lg-1">
+            {% if item.link_href %}
+            {% assign site_name_lowercase = site.site_name | downcase | replace: ' ', '-' | replace: '&', 'and' %}
+            <a class="dropdown-item typography__dropdown--category" href="{% if item.link_href contains site_name_lowercase %}{{ page.baseurl }}{% else %}/{{ item.link_href }}{% endif %}">{{ item.link_text }}</a>{% endif %}
+            {% for link in item.dropdown %}
+            {% if item.link_href contains site_name_lowercase %}
+              {% if link.text != 'dropdown-divider' %}<a class="dropdown-item" href="{% if link.href contains 'http://' or link.href contains 'https://' %}{{ link.href }}{% else %}{{ page.baseurl }}{{ link.href }}{% endif %}">{{ link.text }}</a>{% else %}<div class="dropdown-divider"></div>{% endif %}
+            {% else %}
+              {% if link.text != 'dropdown-divider' %}<a class="dropdown-item" href="{% if link.href contains 'http://' or link.href contains 'https://' %}{{ link.href }}{% else %}/{{ item.link_href }}/{{ link.href }}{% endif %}">{{ link.text }}</a>{% else %}<div class="dropdown-divider"></div>{% endif %}
+            {% endif %}
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+    </div>
+  </li>
+  {% endfor %}
+</ul>

data/_includes/nav-global-local.html

@@ -0,0 +1,29 @@
+<ul id="navLocal" class="navbar-nav header-global__nav-local justify-content-end align-items-lg-center bg-light">
+  <li class="nav-item mr-auto">
+    <a href="{{ page.baseurl }}" class="nav-link navbar-brand header-global__nav-local--navbar-brand">
+      <h1 class="typography__nav-heading">{{ site.site_name }}</h1>
+    </a>
+  </li>
+  {% for link in site.nav_links %}
+  {% if link.button == false  %}
+  <li class="js-nav-item nav-item">
+    <a class="nav-link typography__header-global--nav-local typography__nowrap--sm links__header-global--nav-local" href="{% unless link.external == true %}{{page.baseurl}}{% endunless %}{{ link.link_href }}">{{ link.link_text }}</a>
+  </li>
+  {% elsif link.dropdown %}
+  <li class="nav-item dropdown">
+    <a class="nav-link dropdown-toggle btn btn-primary buttons__dropdown btn--base-align" href="#" id="{{ link.link_text | downcase }}NavbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      {{ link.link_text }}
+    </a>
+    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="{{ link.link_text | downcase }}NavbarDropdown">
+      {% for item in link.dropdown %}
+      <a class="dropdown-item" href="{{ page.baseurl }}{{ item.href }}">{{ item.text }}</a>
+      {% endfor %}
+    </div>
+  </li>
+  {% else %}
+  <li class="js-nav-item nav-item">
+    <a href="{% unless link.external == true %}{{page.baseurl}}{% endunless %}{{ link.link_href }}" class="btn btn-primary typography__header-global--nav-local typography__nowrap--sm">{{ link.link_text }}</a>
+  </li>
+  {% endif %}
+  {% endfor %}
+</ul>

data/_includes/nav-global-top.html

@@ -0,0 +1,14 @@
+<ul id="navGlobalTop" class="navbar-nav header-global__nav-top justify-content-end header-global__navbar-nav--divider">
+  <li class="nav-item">
+    <a href="https://my.kcc.edu" target="_blank" rel="noopener" class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top btn buttons__my-kcc typography__my-kcc d-none d-lg-block">My KCC</a>
+  </li>
+  <li class="nav-item">
+    <a href="https://athletics.kcc.edu" target="_blank" rel="noopener" class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top">Athletics</a>
+  </li>
+  <li class="nav-item">
+    <a href="#" class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top">Library</a>
+  </li>
+  <li class="nav-item">
+    <a href="#" class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top">Giving</a>
+  </li>
+</ul>

data/_includes/nav-global.html

@@ -0,0 +1,117 @@
+<nav id="globalNav" role="navigation" class="navbar nav-global fixed-top navbar-fixed-top">
+  <h2 class="sr-only">Global</h2>
+  <a class="clickable navbar-brand nav-global__navbar-brand" href="http://www.kcc.edu" aria-label="Kankakee Community College">
+    <svg version="1.1" id="KCC-logo" class="nav-global__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>
+      <g>
+        <path fill="#FFFFFF" d="M63.95,23.918c0,0-9.805,9.808-21.45,4.511c-12.867-5.855-24.053-2.522-24.053-2.522l0,0
+    c0,0,11.531-4.624,23.573-0.584C53.948,29.322,63.95,23.918,63.95,23.918" />
+        <path fill="#FFFFFF" d="M58.976,21.669c0.266-0.131,0.53-0.284,0.793-0.468c1.723-1.229,2.082-2.817,2.457-4.58l0.1-0.473h-4.428
+    l-0.102,0.473c-0.401,1.891-1.289,2.021-3.073,2.021c-2.58,0-2.491-0.925-1.979-3.332l0.535-2.516
+    c0.488-2.301,0.885-3.053,3.336-3.053c1.461,0,2.449,0.107,2.294,1.547l-0.132,0.625h4.428l0.133-0.625
+    c0.942-4.836-1.025-5.288-5.455-5.288c-4.729,0-7.753,0.774-8.886,6.105l-0.887,4.171c-0.865,4.068,0.375,5.429,2.668,5.881
+    c-2.01-0.106-4.13-0.388-6.329-0.908c0.025-0.017,0.051-0.031,0.076-0.049c1.722-1.229,2.082-2.817,2.457-4.58l0.1-0.473h-4.429
+    l-0.1,0.473c-0.403,1.891-1.29,2.021-3.075,2.021c-2.58,0-2.491-0.925-1.979-3.332l0.535-2.516
+    c0.489-2.301,0.885-3.053,3.336-3.053c1.462,0,2.45,0.107,2.294,1.547l-0.133,0.625h4.429l0.133-0.625
+    c0.942-4.836-1.026-5.288-5.455-5.288c-4.729,0-7.754,0.774-8.887,6.105l-0.887,4.171c-0.235,1.109-0.315,2.02-0.258,2.763
+    c-0.454,0.011-0.901,0.036-1.345,0.069l-2.718-5.068l7.357-7.911h-5.203l-5.438,6.062h-1.29L25.26,6.13h-4.3l-3.427,16.125h2.67
+    c-4.016,1.973-6.466,4.121-6.466,4.121s12.566-7.161,28.131-1.712c15.313,5.359,26.794-6.114,26.794-6.114
+    S64.897,20.649,58.976,21.669z M23.176,15.934h1.289l1.987,3.986c-1.599,0.413-3.089,0.938-4.445,1.51L23.176,15.934z" />
+      </g>
+    </svg>
+    <svg version="1.1" id="KCC-white-text-logo" class="img__responsive--svg nav-global__kcc-logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="432px" height="36px" viewBox="0 0 432 36" enable-background="new 0 0 432 36"
+      xml:space="preserve" aria-labelledby="kcc-white-text-logo-title">
+      <title id="kcc-white-text-logo-title" lang="en">Kankakee Community College</title>
+      <g>
+        <path fill="#FFFFFF" d="M14.716,12.708h1.943l9.136-8.875h5.133L19.856,14.448l7.348,11.135h-5.278l-6.025-9.309h-1.943
+    l-1.979,9.309H7.803l4.623-21.75h4.176L14.716,12.708z" />
+        <path fill="#FFFFFF" d="M38.776,23.669h-0.087c-1.157,2.031-3.402,2.088-5.171,2.088c-3.451,0-5.53-0.725-4.655-4.842
+    c0.777-3.654,2.907-4.67,6.676-4.67c1.856,0,3.677,0.029,4.184,1.74h0.116l0.419-1.973c0.524-2.465,0.506-3.334-2.54-3.334
+    c-1.595,0-2.901,0.145-3.321,2.117h-3.654c0.943-4.438,4.025-4.611,7.505-4.611c4.872,0,6.742,0.754,5.657,5.857l-2.028,9.541
+    h-3.654L38.776,23.669z M32.518,20.915c-0.457,2.145,0.371,2.348,2.835,2.348c1.943,0,3.401-0.174,3.863-2.348
+    c0.45-2.117-1.104-2.176-2.902-2.176C34.458,18.739,32.979,18.739,32.518,20.915z" />
+        <path fill="#FFFFFF" d="M52.393,10.358l-0.487,2.291h0.116c1.286-2.232,3.163-2.465,5.309-2.465c4.002,0,4.869,1.652,4.08,5.365
+    l-2.133,10.033h-3.654l2.053-9.656c0.468-2.205,0.136-2.959-2.213-2.959c-3.19,0-3.945,1.508-4.525,4.234l-1.781,8.381h-3.654
+    l3.236-15.225H52.393z" />
+        <path fill="#FFFFFF" d="M68.448,16.274h0.899l5.521-5.916h4.118l-6.917,7.164l4.782,8.061h-4.408l-3.626-6.814h-0.899l-1.449,6.814
+    h-3.654l4.623-21.75h3.654L68.448,16.274z" />
+        <path fill="#FFFFFF" d="M88.829,23.669h-0.087c-1.157,2.031-3.402,2.088-5.171,2.088c-3.451,0-5.53-0.725-4.655-4.842
+    c0.777-3.654,2.907-4.67,6.677-4.67c1.856,0,3.677,0.029,4.183,1.74h0.116l0.419-1.973c0.524-2.465,0.506-3.334-2.54-3.334
+    c-1.595,0-2.901,0.145-3.321,2.117h-3.654c0.943-4.438,4.025-4.611,7.505-4.611c4.872,0,6.742,0.754,5.657,5.857l-2.028,9.541
+    h-3.654L88.829,23.669z M82.571,20.915c-0.457,2.145,0.371,2.348,2.835,2.348c1.943,0,3.401-0.174,3.863-2.348
+    c0.45-2.117-1.104-2.176-2.902-2.176C84.512,18.739,83.033,18.739,82.571,20.915z" />
+        <path fill="#FFFFFF" d="M101.16,16.274h0.899l5.521-5.916h4.118l-6.917,7.164l4.782,8.061h-4.408l-3.626-6.814h-0.899l-1.449,6.814
+    h-3.654l4.623-21.75h3.654L101.16,16.274z" />
+        <path fill="#FFFFFF" d="M125.758,20.741c-1.017,4.785-3.821,5.016-8.171,5.016c-5.829,0-6.623-1.855-5.372-7.742
+    c1.159-5.451,2.535-7.83,8.683-7.83c6.264,0,6.716,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.03,0,3.445,0.029,3.926-2.232H125.758z M123.042,16.333c0.666-3.133,0.251-3.365-2.736-3.365c-3.161,0-3.506,0.668-4.079,3.365
+    H123.042z" />
+        <path fill="#FFFFFF" d="M142.288,20.741c-1.017,4.785-3.821,5.016-8.171,5.016c-5.829,0-6.623-1.855-5.372-7.742
+    c1.159-5.451,2.535-7.83,8.683-7.83c6.264,0,6.716,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.03,0,3.445,0.029,3.926-2.232H142.288z M139.571,16.333c0.666-3.133,0.251-3.365-2.736-3.365c-3.161,0-3.506,0.668-4.079,3.365
+    H139.571z" />
+        <path fill="#FFFFFF" d="M170.55,11.112l0.253-1.189c0.536-2.521-0.413-2.695-4.067-2.695c-4.205,0-5.078,0.695-5.984,4.959
+    l-1.023,4.812c-0.896,4.35-0.553,5.191,3.826,5.191c3.364,0,4.897-0.115,5.556-3.219l0.253-1.189h4.176l-0.302,1.422
+    c-1.306,6.553-4.998,6.322-10.441,6.553c-7.718,0.291-8.544-2.232-7.282-8.584l1.061-4.986c1.479-6.961,4.509-8.527,10.918-8.527
+    c5.423,0,8.52,0.029,7.484,6.264l-0.252,1.189H170.55z" />
+        <path fill="#FFFFFF" d="M190.057,17.985c-1.251,5.887-2.464,7.771-8.815,7.771s-6.762-1.885-5.511-7.771
+    c1.257-5.916,2.47-7.801,8.821-7.801C190.903,10.185,191.314,12.069,190.057,17.985z M179.378,18.015
+    c-0.863,4.061-0.793,4.959,2.455,4.959s3.7-0.898,4.563-4.959c0.875-4.117,0.812-5.047-2.437-5.047
+    C180.712,12.968,180.254,13.897,179.378,18.015z" />
+        <path fill="#FFFFFF" d="M198.318,10.358l-0.468,2.205h0.116c1.225-1.943,3.376-2.379,5.291-2.379s4.013,0.492,3.951,2.697h0.116
+    c1.146-2.117,3.357-2.697,5.387-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.188,10.295h-3.654l2.114-9.947
+    c0.32-1.914,0.017-2.668-1.984-2.668c-2.958,0-3.822,1.334-4.395,4.031l-1.824,8.584h-3.654l2.114-9.947
+    c0.32-1.914,0.016-2.668-1.985-2.668c-2.958,0-3.821,1.334-4.395,4.031l-1.825,8.584h-3.654l3.236-15.225H198.318z" />
+        <path fill="#FFFFFF" d="M225.115,10.358l-0.469,2.205h0.115c1.225-1.943,3.377-2.379,5.291-2.379s4.012,0.492,3.951,2.697h0.115
+    c1.146-2.117,3.357-2.697,5.387-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.188,10.295h-3.654l2.113-9.947
+    c0.32-1.914,0.018-2.668-1.984-2.668c-2.957,0-3.82,1.334-4.395,4.031l-1.824,8.584h-3.654l2.115-9.947
+    c0.318-1.914,0.016-2.668-1.986-2.668c-2.957,0-3.82,1.334-4.395,4.031l-1.824,8.584h-3.654l3.236-15.225H225.115z" />
+        <path fill="#FFFFFF" d="M255.141,25.583l0.5-2.348h-0.117c-1.271,2.029-3.262,2.521-5.35,2.521c-3.045,0-4.854-1.043-4.174-4.379
+    l2.344-11.02h3.654l-2.041,9.6c-0.463,2.174-0.438,3.016,1.91,3.016c2.814,0,3.965-1.189,4.525-3.828l1.869-8.787h3.654
+    l-3.236,15.225H255.141z" />
+        <path fill="#FFFFFF" d="M269.193,10.358l-0.486,2.291h0.115c1.287-2.232,3.164-2.465,5.309-2.465c4.002,0,4.869,1.652,4.08,5.365
+    l-2.133,10.033h-3.654l2.053-9.656c0.469-2.205,0.137-2.959-2.213-2.959c-3.189,0-3.945,1.508-4.525,4.234l-1.781,8.381h-3.654
+    l3.236-15.225H269.193z" />
+        <path fill="#FFFFFF" d="M283.096,25.583h-3.654l3.236-15.225h3.654L283.096,25.583z M287.061,6.937h-3.654l0.658-3.104h3.654
+    L287.061,6.937z" />
+        <path fill="#FFFFFF" d="M287.869,10.358h1.914l0.732-3.451h3.654l-0.732,3.451h5.828l-0.592,2.783h-5.828l-1.658,7.803
+    c-0.268,1.391-0.402,2.029,1.135,2.029c2.059,0,2.172-1.625,2.51-3.219h3.221c-0.924,4.611-2.379,6.002-6.322,6.002
+    c-4.002,0-5.023-0.928-4.203-4.785l1.664-7.83h-1.914L287.869,10.358z" />
+        <path fill="#FFFFFF" d="M307.152,26.192c-1.574,3.451-2.844,6.148-7.107,6.148c-0.521,0-1.025-0.088-1.541-0.117l0.586-2.754
+    c0.256,0.029,0.504,0.086,0.766,0.086c2.291,0,3.107-2.203,3.801-3.973h-1.768l-1.781-15.225h3.77l1.102,12.963h0.059l5.713-12.963
+    h3.713L307.152,26.192z" />
+        <path fill="#FFFFFF" d="M339.182,11.112l0.254-1.189c0.535-2.521-0.414-2.695-4.066-2.695c-4.205,0-5.078,0.695-5.984,4.959
+    l-1.023,4.812c-0.896,4.35-0.553,5.191,3.826,5.191c3.363,0,4.896-0.115,5.557-3.219l0.252-1.189h4.176l-0.301,1.422
+    c-1.307,6.553-4.998,6.322-10.441,6.553c-7.717,0.291-8.545-2.232-7.281-8.584l1.061-4.986c1.479-6.961,4.508-8.527,10.918-8.527
+    c5.422,0,8.52,0.029,7.484,6.264l-0.254,1.189H339.182z" />
+        <path fill="#FFFFFF" d="M358.689,17.985c-1.252,5.887-2.465,7.771-8.814,7.771c-6.352,0-6.764-1.885-5.512-7.771
+    c1.258-5.916,2.471-7.801,8.82-7.801C359.535,10.185,359.947,12.069,358.689,17.985z M348.012,18.015
+    c-0.863,4.061-0.793,4.959,2.455,4.959c3.246,0,3.699-0.898,4.562-4.959c0.875-4.117,0.811-5.047-2.438-5.047
+    S348.887,13.897,348.012,18.015z" />
+        <path fill="#FFFFFF" d="M363.83,25.583h-3.652l4.623-21.75h3.652L363.83,25.583z" />
+        <path fill="#FFFFFF" d="M371.139,25.583h-3.654l4.623-21.75h3.654L371.139,25.583z" />
+        <path fill="#FFFFFF" d="M389.336,20.741c-1.018,4.785-3.822,5.016-8.172,5.016c-5.828,0-6.623-1.855-5.371-7.742
+    c1.158-5.451,2.533-7.83,8.682-7.83c6.264,0,6.717,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.029,0,3.445,0.029,3.926-2.232H389.336z M386.619,16.333c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+    H386.619z" />
+        <path fill="#FFFFFF" d="M401.848,23.409h-0.086c-1.383,2-3.4,2.348-5.256,2.348c-5.221,0-5.219-2.871-4.27-7.336
+    c0.992-4.67,1.924-8.236,7.58-8.236c2.145,0,3.729,0.465,4.23,2.465h0.117l0.342-2.291h3.654l-3.23,15.195
+    c-1.166,5.482-3.182,6.787-8.75,6.787c-3.713,0-6.361-0.639-5.16-5.191h3.422c-0.445,2.088,0.271,2.406,2.33,2.406
+    c3.104,0,3.904-0.637,4.459-3.248L401.848,23.409z M396.082,17.522c-0.734,3.449-1.16,5.451,2.088,5.451
+    c3.654,0,4.043-1.826,4.812-5.451c0.691-3.248,0.475-4.555-2.686-4.555C397.773,12.968,396.895,13.694,396.082,17.522z" />
+        <path fill="#FFFFFF" d="M423.092,20.741c-1.018,4.785-3.822,5.016-8.172,5.016c-5.828,0-6.623-1.855-5.371-7.742
+    c1.158-5.451,2.533-7.83,8.682-7.83c6.264,0,6.717,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.029,0,3.445,0.029,3.926-2.232H423.092z M420.375,16.333c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+    H420.375z" />
+      </g>
+    </svg>
+  </a>
+  <button id="searchIcon" role="button" class="nav-global__search-toggle d-lg-none ml-auto btn btn-link" aria-label="Toggle Search">
+    <span id="searchImg" style="background-image: url('{{ page.baseurl }}assets/img/search.svg')" class="nav-global__search-icon" alt="Search icon"></span>
+  </button>
+  <div id="searchCollapse" aria-hidden="true" class="nav-global__gcse-wrapper nav-global__search-collapse ml-auto">
+    <gcse:searchbox-only resultsUrl="{{ page.baseurl }}search/"></gcse:searchbox-only>
+  </div>
+  <div class="nav-global__search--open-background"></div>
+</nav>

data/_includes/nav-landing.html

@@ -0,0 +1,111 @@
+<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">
+    <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>
+      <g>
+        <path fill="#FFFFFF" d="M63.95,23.918c0,0-9.805,9.808-21.45,4.511c-12.867-5.855-24.053-2.522-24.053-2.522l0,0
+    c0,0,11.531-4.624,23.573-0.584C53.948,29.322,63.95,23.918,63.95,23.918" />
+        <path fill="#FFFFFF" d="M58.976,21.669c0.266-0.131,0.53-0.284,0.793-0.468c1.723-1.229,2.082-2.817,2.457-4.58l0.1-0.473h-4.428
+    l-0.102,0.473c-0.401,1.891-1.289,2.021-3.073,2.021c-2.58,0-2.491-0.925-1.979-3.332l0.535-2.516
+    c0.488-2.301,0.885-3.053,3.336-3.053c1.461,0,2.449,0.107,2.294,1.547l-0.132,0.625h4.428l0.133-0.625
+    c0.942-4.836-1.025-5.288-5.455-5.288c-4.729,0-7.753,0.774-8.886,6.105l-0.887,4.171c-0.865,4.068,0.375,5.429,2.668,5.881
+    c-2.01-0.106-4.13-0.388-6.329-0.908c0.025-0.017,0.051-0.031,0.076-0.049c1.722-1.229,2.082-2.817,2.457-4.58l0.1-0.473h-4.429
+    l-0.1,0.473c-0.403,1.891-1.29,2.021-3.075,2.021c-2.58,0-2.491-0.925-1.979-3.332l0.535-2.516
+    c0.489-2.301,0.885-3.053,3.336-3.053c1.462,0,2.45,0.107,2.294,1.547l-0.133,0.625h4.429l0.133-0.625
+    c0.942-4.836-1.026-5.288-5.455-5.288c-4.729,0-7.754,0.774-8.887,6.105l-0.887,4.171c-0.235,1.109-0.315,2.02-0.258,2.763
+    c-0.454,0.011-0.901,0.036-1.345,0.069l-2.718-5.068l7.357-7.911h-5.203l-5.438,6.062h-1.29L25.26,6.13h-4.3l-3.427,16.125h2.67
+    c-4.016,1.973-6.466,4.121-6.466,4.121s12.566-7.161,28.131-1.712c15.313,5.359,26.794-6.114,26.794-6.114
+    S64.897,20.649,58.976,21.669z M23.176,15.934h1.289l1.987,3.986c-1.599,0.413-3.089,0.938-4.445,1.51L23.176,15.934z" />
+      </g>
+    </svg>
+    <svg version="1.1" id="KCC-white-text-logo" class="img__responsive--svg nav-landing__kcc-logo d-none d-sm-inline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="432px" height="36px" viewBox="0 0 432 36" enable-background="new 0 0 432 36"
+      xml:space="preserve" aria-labelledby="kcc-white-text-logo-title">
+      <title id="kcc-white-text-logo-title" lang="en">Kankakee Community College</title>
+      <g>
+        <path fill="#FFFFFF" d="M14.716,12.708h1.943l9.136-8.875h5.133L19.856,14.448l7.348,11.135h-5.278l-6.025-9.309h-1.943
+    l-1.979,9.309H7.803l4.623-21.75h4.176L14.716,12.708z" />
+        <path fill="#FFFFFF" d="M38.776,23.669h-0.087c-1.157,2.031-3.402,2.088-5.171,2.088c-3.451,0-5.53-0.725-4.655-4.842
+    c0.777-3.654,2.907-4.67,6.676-4.67c1.856,0,3.677,0.029,4.184,1.74h0.116l0.419-1.973c0.524-2.465,0.506-3.334-2.54-3.334
+    c-1.595,0-2.901,0.145-3.321,2.117h-3.654c0.943-4.438,4.025-4.611,7.505-4.611c4.872,0,6.742,0.754,5.657,5.857l-2.028,9.541
+    h-3.654L38.776,23.669z M32.518,20.915c-0.457,2.145,0.371,2.348,2.835,2.348c1.943,0,3.401-0.174,3.863-2.348
+    c0.45-2.117-1.104-2.176-2.902-2.176C34.458,18.739,32.979,18.739,32.518,20.915z" />
+        <path fill="#FFFFFF" d="M52.393,10.358l-0.487,2.291h0.116c1.286-2.232,3.163-2.465,5.309-2.465c4.002,0,4.869,1.652,4.08,5.365
+    l-2.133,10.033h-3.654l2.053-9.656c0.468-2.205,0.136-2.959-2.213-2.959c-3.19,0-3.945,1.508-4.525,4.234l-1.781,8.381h-3.654
+    l3.236-15.225H52.393z" />
+        <path fill="#FFFFFF" d="M68.448,16.274h0.899l5.521-5.916h4.118l-6.917,7.164l4.782,8.061h-4.408l-3.626-6.814h-0.899l-1.449,6.814
+    h-3.654l4.623-21.75h3.654L68.448,16.274z" />
+        <path fill="#FFFFFF" d="M88.829,23.669h-0.087c-1.157,2.031-3.402,2.088-5.171,2.088c-3.451,0-5.53-0.725-4.655-4.842
+    c0.777-3.654,2.907-4.67,6.677-4.67c1.856,0,3.677,0.029,4.183,1.74h0.116l0.419-1.973c0.524-2.465,0.506-3.334-2.54-3.334
+    c-1.595,0-2.901,0.145-3.321,2.117h-3.654c0.943-4.438,4.025-4.611,7.505-4.611c4.872,0,6.742,0.754,5.657,5.857l-2.028,9.541
+    h-3.654L88.829,23.669z M82.571,20.915c-0.457,2.145,0.371,2.348,2.835,2.348c1.943,0,3.401-0.174,3.863-2.348
+    c0.45-2.117-1.104-2.176-2.902-2.176C84.512,18.739,83.033,18.739,82.571,20.915z" />
+        <path fill="#FFFFFF" d="M101.16,16.274h0.899l5.521-5.916h4.118l-6.917,7.164l4.782,8.061h-4.408l-3.626-6.814h-0.899l-1.449,6.814
+    h-3.654l4.623-21.75h3.654L101.16,16.274z" />
+        <path fill="#FFFFFF" d="M125.758,20.741c-1.017,4.785-3.821,5.016-8.171,5.016c-5.829,0-6.623-1.855-5.372-7.742
+    c1.159-5.451,2.535-7.83,8.683-7.83c6.264,0,6.716,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.03,0,3.445,0.029,3.926-2.232H125.758z M123.042,16.333c0.666-3.133,0.251-3.365-2.736-3.365c-3.161,0-3.506,0.668-4.079,3.365
+    H123.042z" />
+        <path fill="#FFFFFF" d="M142.288,20.741c-1.017,4.785-3.821,5.016-8.171,5.016c-5.829,0-6.623-1.855-5.372-7.742
+    c1.159-5.451,2.535-7.83,8.683-7.83c6.264,0,6.716,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.03,0,3.445,0.029,3.926-2.232H142.288z M139.571,16.333c0.666-3.133,0.251-3.365-2.736-3.365c-3.161,0-3.506,0.668-4.079,3.365
+    H139.571z" />
+        <path fill="#FFFFFF" d="M170.55,11.112l0.253-1.189c0.536-2.521-0.413-2.695-4.067-2.695c-4.205,0-5.078,0.695-5.984,4.959
+    l-1.023,4.812c-0.896,4.35-0.553,5.191,3.826,5.191c3.364,0,4.897-0.115,5.556-3.219l0.253-1.189h4.176l-0.302,1.422
+    c-1.306,6.553-4.998,6.322-10.441,6.553c-7.718,0.291-8.544-2.232-7.282-8.584l1.061-4.986c1.479-6.961,4.509-8.527,10.918-8.527
+    c5.423,0,8.52,0.029,7.484,6.264l-0.252,1.189H170.55z" />
+        <path fill="#FFFFFF" d="M190.057,17.985c-1.251,5.887-2.464,7.771-8.815,7.771s-6.762-1.885-5.511-7.771
+    c1.257-5.916,2.47-7.801,8.821-7.801C190.903,10.185,191.314,12.069,190.057,17.985z M179.378,18.015
+    c-0.863,4.061-0.793,4.959,2.455,4.959s3.7-0.898,4.563-4.959c0.875-4.117,0.812-5.047-2.437-5.047
+    C180.712,12.968,180.254,13.897,179.378,18.015z" />
+        <path fill="#FFFFFF" d="M198.318,10.358l-0.468,2.205h0.116c1.225-1.943,3.376-2.379,5.291-2.379s4.013,0.492,3.951,2.697h0.116
+    c1.146-2.117,3.357-2.697,5.387-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.188,10.295h-3.654l2.114-9.947
+    c0.32-1.914,0.017-2.668-1.984-2.668c-2.958,0-3.822,1.334-4.395,4.031l-1.824,8.584h-3.654l2.114-9.947
+    c0.32-1.914,0.016-2.668-1.985-2.668c-2.958,0-3.821,1.334-4.395,4.031l-1.825,8.584h-3.654l3.236-15.225H198.318z" />
+        <path fill="#FFFFFF" d="M225.115,10.358l-0.469,2.205h0.115c1.225-1.943,3.377-2.379,5.291-2.379s4.012,0.492,3.951,2.697h0.115
+    c1.146-2.117,3.357-2.697,5.387-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.188,10.295h-3.654l2.113-9.947
+    c0.32-1.914,0.018-2.668-1.984-2.668c-2.957,0-3.82,1.334-4.395,4.031l-1.824,8.584h-3.654l2.115-9.947
+    c0.318-1.914,0.016-2.668-1.986-2.668c-2.957,0-3.82,1.334-4.395,4.031l-1.824,8.584h-3.654l3.236-15.225H225.115z" />
+        <path fill="#FFFFFF" d="M255.141,25.583l0.5-2.348h-0.117c-1.271,2.029-3.262,2.521-5.35,2.521c-3.045,0-4.854-1.043-4.174-4.379
+    l2.344-11.02h3.654l-2.041,9.6c-0.463,2.174-0.438,3.016,1.91,3.016c2.814,0,3.965-1.189,4.525-3.828l1.869-8.787h3.654
+    l-3.236,15.225H255.141z" />
+        <path fill="#FFFFFF" d="M269.193,10.358l-0.486,2.291h0.115c1.287-2.232,3.164-2.465,5.309-2.465c4.002,0,4.869,1.652,4.08,5.365
+    l-2.133,10.033h-3.654l2.053-9.656c0.469-2.205,0.137-2.959-2.213-2.959c-3.189,0-3.945,1.508-4.525,4.234l-1.781,8.381h-3.654
+    l3.236-15.225H269.193z" />
+        <path fill="#FFFFFF" d="M283.096,25.583h-3.654l3.236-15.225h3.654L283.096,25.583z M287.061,6.937h-3.654l0.658-3.104h3.654
+    L287.061,6.937z" />
+        <path fill="#FFFFFF" d="M287.869,10.358h1.914l0.732-3.451h3.654l-0.732,3.451h5.828l-0.592,2.783h-5.828l-1.658,7.803
+    c-0.268,1.391-0.402,2.029,1.135,2.029c2.059,0,2.172-1.625,2.51-3.219h3.221c-0.924,4.611-2.379,6.002-6.322,6.002
+    c-4.002,0-5.023-0.928-4.203-4.785l1.664-7.83h-1.914L287.869,10.358z" />
+        <path fill="#FFFFFF" d="M307.152,26.192c-1.574,3.451-2.844,6.148-7.107,6.148c-0.521,0-1.025-0.088-1.541-0.117l0.586-2.754
+    c0.256,0.029,0.504,0.086,0.766,0.086c2.291,0,3.107-2.203,3.801-3.973h-1.768l-1.781-15.225h3.77l1.102,12.963h0.059l5.713-12.963
+    h3.713L307.152,26.192z" />
+        <path fill="#FFFFFF" d="M339.182,11.112l0.254-1.189c0.535-2.521-0.414-2.695-4.066-2.695c-4.205,0-5.078,0.695-5.984,4.959
+    l-1.023,4.812c-0.896,4.35-0.553,5.191,3.826,5.191c3.363,0,4.896-0.115,5.557-3.219l0.252-1.189h4.176l-0.301,1.422
+    c-1.307,6.553-4.998,6.322-10.441,6.553c-7.717,0.291-8.545-2.232-7.281-8.584l1.061-4.986c1.479-6.961,4.508-8.527,10.918-8.527
+    c5.422,0,8.52,0.029,7.484,6.264l-0.254,1.189H339.182z" />
+        <path fill="#FFFFFF" d="M358.689,17.985c-1.252,5.887-2.465,7.771-8.814,7.771c-6.352,0-6.764-1.885-5.512-7.771
+    c1.258-5.916,2.471-7.801,8.82-7.801C359.535,10.185,359.947,12.069,358.689,17.985z M348.012,18.015
+    c-0.863,4.061-0.793,4.959,2.455,4.959c3.246,0,3.699-0.898,4.562-4.959c0.875-4.117,0.811-5.047-2.438-5.047
+    S348.887,13.897,348.012,18.015z" />
+        <path fill="#FFFFFF" d="M363.83,25.583h-3.652l4.623-21.75h3.652L363.83,25.583z" />
+        <path fill="#FFFFFF" d="M371.139,25.583h-3.654l4.623-21.75h3.654L371.139,25.583z" />
+        <path fill="#FFFFFF" d="M389.336,20.741c-1.018,4.785-3.822,5.016-8.172,5.016c-5.828,0-6.623-1.855-5.371-7.742
+    c1.158-5.451,2.533-7.83,8.682-7.83c6.264,0,6.717,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.029,0,3.445,0.029,3.926-2.232H389.336z M386.619,16.333c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+    H386.619z" />
+        <path fill="#FFFFFF" d="M401.848,23.409h-0.086c-1.383,2-3.4,2.348-5.256,2.348c-5.221,0-5.219-2.871-4.27-7.336
+    c0.992-4.67,1.924-8.236,7.58-8.236c2.145,0,3.729,0.465,4.23,2.465h0.117l0.342-2.291h3.654l-3.23,15.195
+    c-1.166,5.482-3.182,6.787-8.75,6.787c-3.713,0-6.361-0.639-5.16-5.191h3.422c-0.445,2.088,0.271,2.406,2.33,2.406
+    c3.104,0,3.904-0.637,4.459-3.248L401.848,23.409z M396.082,17.522c-0.734,3.449-1.16,5.451,2.088,5.451
+    c3.654,0,4.043-1.826,4.812-5.451c0.691-3.248,0.475-4.555-2.686-4.555C397.773,12.968,396.895,13.694,396.082,17.522z" />
+        <path fill="#FFFFFF" d="M423.092,20.741c-1.018,4.785-3.822,5.016-8.172,5.016c-5.828,0-6.623-1.855-5.371-7.742
+    c1.158-5.451,2.533-7.83,8.682-7.83c6.264,0,6.717,1.826,5.305,8.469h-10.469c-0.697,3.275-0.832,4.32,2.445,4.32
+    c2.029,0,3.445,0.029,3.926-2.232H423.092z M420.375,16.333c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+    H420.375z" />
+      </g>
+    </svg>
+  </a>
+  <span class="typography__phone--span"><a class="links__phone--span" href="tel:+18158028508">815-802-8508</a></span>
+</nav>

data/_includes/nav-local.html

@@ -0,0 +1,34 @@
+<nav id="mainNav" role="navigation" class="navbar navbar-expand-lg navbar-light bg-light nav-local fixed-top">
+  <a href="{{ page.baseurl }}" class="links__no-underline navbar-brand">
+    <h1 class="typography__nav-heading{% if site.nav_config.smaller_brand == true %} typography__nav-heading--smaller{% endif %}">{{ site.site_name }}</h1>
+  </a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavContent" aria-controls="mainNavContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+  <div class="collapse navbar-collapse" id="mainNavContent">
+    <ul class="js-nav navbar-nav ml-auto">
+      {% for link in site.nav_links %}
+      {% if link.button == false  %}
+      <li class="js-nav-item nav-item">
+        <a class="nav-link links__nav-link--color typography__nav-local--nav-link" href="{% unless link.external == true %}{{page.baseurl}}{% endunless %}{{ link.link_href }}">{{ link.link_text }}</a>
+      </li>
+      {% elsif link.dropdown %}
+      <li class="nav-item dropdown">
+        <a class="nav-link dropdown-toggle btn btn-primary typography__nav-local--nav-link links__nav-link--color" href="#" id="{{ link.link_text | downcase }}NavbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          {{ link.link_text }}
+        </a>
+        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="{{ link.link_text | downcase }}NavbarDropdown">
+          {% for item in link.dropdown %}
+          <a class="dropdown-item" href="{{ page.baseurl }}{{ item.href }}">{{ item.text }}</a>
+          {% endfor %}
+        </div>
+      </li>
+      {% else %}
+      <li class="js-nav-item nav-item">
+        <a href="{% unless link.external == true %}{{page.baseurl}}{% endunless %}{{ link.link_href }}" class="btn btn-primary typography__nav-local--nav-link">{{ link.link_text }}</a>
+      </li>
+      {% endif %}
+      {% endfor %}
+    </ul>
+  </div>
+</nav>

data/_includes/nav-sub.html

@@ -0,0 +1,19 @@
+<div class="container mb-3">
+  <div class="row">
+    <div class="col">
+      <nav class="navbar navbar-light bg-light sub-nav__navbar">
+        <a class="navbar-brand" href="{% if page.sub-nav_section_link == false %}#{% else %}{{ page.baseurl }}{{ page.sub-nav_section | downcase }}{% endif %}"><h2 class="typography__sub-nav--red-h2">{{ page.sub-nav_section | capitalize | replace: "-", " " }}</h2></a>
+        <ul id="subNavNav" class="nav ml-auto">
+        {% assign section = page.sub-nav_section | downcase | append: "/" %}
+        {% for nav in site.sub-nav_links %}
+          {% if nav.link_href contains section %}
+          <li class="nav-item js-sub-nav-item">
+            <a href="{{ page.baseurl }}{{ nav.link_href }}" class="nav-link sub-nav__nav-link">{{ nav.link_text }}</a>
+          </li>
+          {% endif %}
+        {% endfor %}
+        </ul>
+      </nav>
+    </div>
+  </div>
+</div>

data/_includes/old-head.html

@@ -0,0 +1,28 @@
+<!doctype html>
+<html class="no-js" lang="en">
+    <head>
+        <!-- Meta -->
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>{{site.title}} - {{page.title}}</title>
+        <meta name="description" content="{{page.description}}">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        {% include google-tag-wrapper.html %}
+        <!-- YouTube API -->
+        <meta name="yt-api-k" value="AIzaSyBpxv9JNl4AX816ScNmZcqHkLncMUeiAws" />
+        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        {% include styles/vendor.html %}
+        <!-- Standard Favicon -->
+        <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico" />
+        <!-- Custom CSS for the KCC Theme -->
+        <link rel="stylesheet" href="{{page.baseurl}}assets/css/kcc-theme.css{% comment %}{% if site.data.theme_cache_bust_css %}?version={{ site.data.theme_cache_bust_css | truncate: 32, '' }}{% endif %}{% endcomment %}">
+        <!-- Custom CSS stylesheet specific to this site -->
+        {% include styles/main.html %}
+        <!-- Custom CSS Stylesheet for CloudCannon -->
+        <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
+        <!-- Uncomment to prevent IE-11 caching (for IE testing) -->
+        <!-- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
+        <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
+    </head>
+    <body id="page-top">
+      {% include google-noscript-wrapper.html %}

data/_includes/scripts/custom.html

@@ -0,0 +1,2 @@
+<!-- custom compiled and minified javascript -->
+<script src="{{page.baseurl}}assets/js/dist/main{% if site.data.hash %}.{{ site.data.hash }}{% endif %}.bundle.js"></script>

data/_includes/scripts/emergency-alerts.html

@@ -0,0 +1,2 @@
+<!-- custom compiled and minified javascript -->
+<script src="{{page.baseurl}}assets/js/theme/dist/alerts.bundle.js"></script>