kcc-gem-theme-slim 0.0.1

data/_includes/hash/theme_hash.yml

@@ -0,0 +1 @@
+e719bd5d519765ae34d1

data/_includes/header-global.html

@@ -0,0 +1,49 @@
+    <header class="container-fluid header-global fixed-top">
+      <nav id="headerGlobalNavbar" class="navbar navbar-expand-lg header-global__navbar--padding">
+        <a class="navbar-brand header-global__brand" href="/" aria-label="Kankakee Community College Home Page">
+{% include svg/kcc.html %}
+        </a>
+        <button id="openSearchButton"
+          role="button"
+          class="header-global__search-icon"
+          aria-label="Open Search"
+          aria-hidden="false"
+          tabindex="0">
+          <span id="searchImg"
+          style="background-image: url('{{ page.baseurl }}assets/img/search.svg')"
+          class="header-global__nav--search-icon"
+          alt="Search icon"></span>
+        </button>
+        <div id="searchCollapse" aria-hidden="true" class="header-global__search-collapse">
+          <gcse:searchbox-only resultsUrl="{{ page.baseurl }}search/"></gcse:searchbox-only>
+        </div>
+        <button id="closeSearchButton"
+          role="button"
+          class="header-global__close-icon header-global__close-icon--hidden"
+          aria-label="Close Search"
+          aria-hidden="true"
+          tabindex="-1">
+            <span id="searchImg" style="background-image: url('{{ page.baseurl }}assets/img/x.svg')" class="header-global__nav--close-icon" alt="Close icon"></span>
+        </button>
+        <button class="navbar-toggler ml-auto header-global__navbar--toggler"
+          type="button"
+          data-toggle="collapse"
+          data-target="#headerGlobalNavbarContent"
+          aria-controls="headerGlobalNavbarContent"
+          aria-expanded="false"
+          aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <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 buttons__my-kcc--mobile typography__my-kcc d-block d-lg-none">
+          My KCC
+        </a>
+          <div class="collapse navbar-collapse flex-column{% if site.core_site == true %} header-global__core{% endif %}" id="headerGlobalNavbarContent">
+{% include nav-global-top.html %}
+{% include nav-global-bottom.html %}
+{% if site.core_site != true %}{% include nav-global-local.html %}{% endif %}
+        </div>
+      </nav>
+    </header>

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://" %}href="{{ slide.url }}"{% elsif url_first_char == '.' or url_first_char == '/' %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"{% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{% 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://" %}href="{{ slide.url }}"{% elsif url_first_char == "." or url_first_char == "/" %}href="{{ slide.url }}"{% else %}href="{{ page.baseurl }}{{ slide.url }}{% endif %}"{% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{% endif %}><img src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg" 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/main-call-to-action.html

@@ -0,0 +1,32 @@
+<div class="container mb-3 mt-5">
+  <div class="row">
+    <div class="col">
+      <div class="row no-gutters">
+        <div class="col-md-4 px-1 my-1">
+          <a class="btn buttons__action"
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://kccedu.force.com/portal/TX_SiteLogin?startURL=%2Fportal%2FTargetX_Base__Portal">
+{% include svg/check_circle-24px.html %}&nbsp;Apply
+          </a>
+        </div>
+        <div class="col-md-4 px-1 my-1">
+          <a class="btn buttons__action"
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://info.kcc.edu">
+{% include svg/email-24px.html %}&nbsp;Request Info
+          </a>
+        </div>
+        <div class="col-md-4 px-1 my-1">
+          <a class="btn buttons__action"
+            target="_blank"
+            rel="noopener noreferrer"
+            href="https://visit.kcc.edu">
+{% include svg/place-24px.html %}&nbsp;Visit KCC
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/nav-global-bottom.html

@@ -0,0 +1,44 @@
+          <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="{% if item.link_nav %}{{ item.link_nav }}{% else %}{{ item.link_text | downcase | replace: ' ', '-' | replace: '&', 'and' }}{% endif %}" 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 header-global__row--max-width">
+                    {%- if item.image -%}
+                    <div class="col-lg-3 offset-lg-1 padding__col--mobile-none">
+                      <img src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg"
+                        data-src="{{ page.baseurl }}{{ item.image.source }}"
+                        width="280px"
+                        height="157px"
+                        class="header-global__drodpown-menu--img img-fluid d-none d-lg-block"
+                        alt="{{ item.image.alt }}">
+                    </div>{% endif %}
+                    <div class="col-lg-8 col-xl-7 offset-xl-1{% if item.link_text == 'Student Resources' or item.link_text == 'About KCC' %} header-global__col--column-count{% endif %}">
+                      {%- if item.link_href -%}
+                      {% assign site_name_lowercase = site.site_name | downcase | replace: ' ', '-' | replace: '&', 'and' %}
+                      <a class="dropdown-item" href="{% if item.link_href contains site_name_lowercase %}{{ page.baseurl }}{% else %}/{{ item.link_href }}{% endif %}">{{ item.link_text }}</a>
+                      {%- endif -%}
+                      {% assign alphabetical_links = item.dropdown | sort: "text" %}
+                      {% for link in alphabetical_links %}
+                      {% if item.link_href contains site_name_lowercase %}
+                      <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 -%}
+                      <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>
+                      {%- 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,19 @@
+          <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="https://library.kcc.edu" class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top">Library</a>
+            </li>
+            <li class="nav-item">
+              <a href="https://foundation.kcc.edu" class="nav-link header-global__nav-top--nav-link typography__header-global--nav-top">Giving</a>
+            </li>
+          </ul>

data/_includes/preconnect.html

@@ -0,0 +1,14 @@
+<!-- preconnect to assets -->
+<!-- fonts -->
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<!-- GCS -->
+<link rel="preconnect" href="https://clients1.google.com">
+<link rel="preconnect" href="https://www.google.com">
+<!-- Some preloading too -->
+<link rel="preload" as="style" href="https://use.typekit.net/mli7lsm.css">
+<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Oswald:wght@400;500&family=Roboto:wght@400;500;700&family=Saira:wght@700&family=Material+Icons&display=swap">
+<link rel="preload" as="style" href="{{page.baseurl}}assets/css/main.css{% if site.data.cache_bust_css %}?version={{ site.data.cache_bust_css | truncate: 32, '' }}{% endif %}">
+<link rel="preload" as="style" href="{{page.baseurl}}assets/css/kcc-theme.css?version={% include hash/theme_hash.yml %}">
+{%- if site.translate == true -%}
+<link rel="preload" as="style" href="{{page.baseurl}}assets/css/translate.css">
+{%- endif -%}

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" defer></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?version={% include hash/theme_hash.yml %}"></script>

data/_includes/scripts/google-api.html

@@ -0,0 +1,2 @@
+    <!-- Google API -->
+    <script src="https://apis.google.com/js/api.js" defer></script>

data/_includes/scripts/google-noscript.html

@@ -0,0 +1,9 @@
+    <!-- Google Tag Manager (noscript) -->
+    {% if site.google-tag_key == "Google Tag Manager key goes here" or site.google-tag_key == nil or site.google-tag_key == '' %}<!-- =========================================================================================
+    YOU NEED TO PUT THE GOOGLE TAG KEY IN THE _config.yml FILE!
+    ============================================================================================ -->{% endif %}
+    {% if jekyll.environment == "publish" %}{% if site.google-tag_key != "Google Tag Manager key goes here" and site.google-tag_key != nil %}
+    <noscript>
+      <iframe src="https://www.googletagmanager.com/ns.html?id={{ site.google-tag_key }}" height="0" width="0" style="display:none;visibility:hidden"></iframe>
+    </noscript>{% endif %}{%- endif -%}
+    <!-- End Google Tag Manager (noscript) -->

data/_includes/scripts/google-tag.html

@@ -0,0 +1,23 @@
+    <!-- Google Tag Manager -->
+    {% if site.google-tag_key == "Google Tag Manager key goes here" or site.google-tag_key == nil or site.google-tag_key == '' %}<!-- =========================================================================================
+      YOU NEED TO PUT THE GOOGLE TAG KEY IN THE _config.yml FILE!
+      ============================================================================================ -->{% endif %}
+    {% if jekyll.environment == "publish" %}{% if site.google-tag_key != "Google Tag Manager key goes here" and site.google-tag_key != nil %}
+    <script>
+      (function(w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+          'gtm.start': new Date().getTime(),
+          event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+          'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, 'script', 'dataLayer', '{{ site.google-tag_key }}');
+    </script>
+    {% endif %}{%- endif -%}
+    <!-- End Google Tag Manager -->

data/_includes/scripts/kcc-alerts.html

@@ -0,0 +1,2 @@
+    <!-- custom compiled and minified javascript -->
+    <script src="{{page.baseurl}}assets/js/theme/dist/kcc-alerts.bundle.js?version={% include hash/theme_hash.yml %}"></script>

data/_includes/scripts/kcc-mega-nav.html

@@ -0,0 +1,2 @@
+    <!-- custom compiled and minified javascript -->
+    <script src="{{page.baseurl}}assets/js/theme/dist/kcc-mega-nav.bundle.js?version={% include hash/theme_hash.yml %}"></script>

data/_includes/scripts/kcc-nav.html

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

data/_includes/scripts/kcc-theme-landing.html

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

data/_includes/scripts/kcc-theme.html

@@ -0,0 +1,2 @@
+    <!-- custom compiled and minified javascript -->
+    <script src="{{page.baseurl}}assets/js/theme/dist/kcc-theme.bundle.js?version={% include hash/theme_hash.yml %}" defer></script>

data/_includes/scripts/table-cdn.html

@@ -0,0 +1,6 @@
+<!-- dataTable's JS (v1.10.18 for use w/ bootstrap4 theme) -->
+<script src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
+<!-- dataTable's Bootstrap4 theme's JS -->
+<script src="https://cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
+<!-- dataTable's JS for "Responsive" extension -->
+<script src="https://cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js" crossorigin="anonymous"></script>

data/_includes/scripts/translate.html

@@ -0,0 +1,11 @@
+    <script type="text/javascript">
+      function googleTranslateElementInit() {
+        new google.translate.TranslateElement({
+          pageLanguage: 'en',
+          includedLanguages: 'ar,de,en,es,fr,jv,ko,pt,ru,tl,tr,vi,zh-CN',
+          layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
+          autoDisplay: false
+        }, 'google_translate_element');
+      }
+    </script>
+    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

data/_includes/scripts/vendor-cdn.html

@@ -0,0 +1,5 @@
+    <!-- CDN links to Bootstrap 4 beta dependancies -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
+    <!--  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/fonts.html

@@ -0,0 +1,4 @@
+    <!-- Typkit font for KCC logo-font -->
+    <link rel="stylesheet" href="https://use.typekit.net/mli7lsm.css">
+    <!-- Link to Google Font -->
+    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=Oswald:wght@400;500&family=Roboto:wght@400;500;700&family=Saira:wght@700&family=Material+Icons&display=swap" rel="stylesheet">

data/_includes/styles/main.html

@@ -0,0 +1,8 @@
+    <!-- Custom CSS for the KCC Theme -->
+    <link rel="stylesheet" href="{{page.baseurl}}assets/css/kcc-theme.css?version={% include hash/theme_hash.yml %}">
+    <!-- Link to this site's main stylesheet -->
+    <link rel="stylesheet" href="{{page.baseurl}}assets/css/main.css{% if site.data.cache_bust_css %}?version={{ site.data.cache_bust_css | truncate: 32, '' }}{% endif %}">
+    {%- if site.translate == true -%}
+    <!-- Link to this site's custom google translate stylesheet -->
+    <link rel="stylesheet" href="{{page.baseurl}}assets/css/translate.css">
+    {%- endif -%}

data/_includes/styles/vendor.html

@@ -0,0 +1,6 @@
+    <!-- CDN assets -->
+    <!-- Bootstrap 4 stylesheet - CDN link -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
+    <!--  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"/>
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.min.css"/>

data/_includes/svg/check.html

@@ -0,0 +1,20 @@
+                  <svg version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    xmlns:xlink="http://www.w3.org/1999/xlink"
+                    x="0px"
+                    y="0px"
+                    width="100px"
+                    height="100px"
+                    viewBox="0 0 100 100"
+                    enable-background="new 0 0 100 100"
+                    xml:space="preserve"
+                    class="benefits__check-svg">
+                    <g>
+                      <circle fill="#C81F49" cx="50" cy="50" r="47.728"/>
+                      <path fill="#8F0F28" d="M80.738,17.543L59.342,33.59L43.53,61.674L27.836,77.721l14.48,19.383
+                        c2.503,0.404,5.068,0.625,7.685,0.625	c24.534,0,44.735-18.516,47.415-42.334L80.738,17.543z"/>
+                      <path fill="#FFFFFF" d="M81.996,17.779C74.68,28.044,60.053,43.639,51.887,55.145c-5.191,7.316-15.122,25.289-18.858,25.289
+                      c-8.85,0-11.328-14.984-11.328-19.586c0,0,0.826-7.316,7.906-7.316c4.956,0,4.484,10.424,6.687,10.424
+                      c1.062,0,3.372-5.037,10.54-15.615c9.676-14.277,17.463-32.331,32.803-32.331C82.734,16.009,81.996,17.779,81.996,17.779z"/>
+                    </g>
+                  </svg>

data/_includes/svg/check_circle-24px.html

@@ -0,0 +1,13 @@
+              {% comment %}
+                <!-- aria-hidden="true" b/c they add meaning to the button -->
+              {% endcomment %}
+              <svg
+                aria-hidden="true"
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                class="svg svg__button svg__apply">
+                <path class="svg--fill-none" d="M0,0h24v24H0V0z"/>
+                <path class="svg--fill-white"
+                  d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M10,17l-5-5l1.4-1.4
+                  l3.6,3.6l7.6-7.6L19,8 L10,17z"/>
+              </svg>

data/_includes/svg/email-24px.html

@@ -0,0 +1,13 @@
+                {% comment %}
+                  <!-- aria-hidden="true" b/c they add meaning to the button -->
+                {% endcomment %}
+                <svg
+                  aria-hidden="true"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 24 24"
+                  class="svg svg__button svg__action">
+                  <path class="svg--fill-white"
+                    d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4
+                    z M20,8l-8,5L4,8V6l8,5 l8-5V8z"/>
+                  <path class="svg--fill-none" d="M0,0h24v24H0V0z"/>
+                </svg>

data/_includes/svg/goals.html

@@ -0,0 +1,22 @@
+                <svg
+                  role="img"
+                  class="svg svg__graphic margins__svg--bottom"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="100px"
+                  height="100px"
+                  viewBox="0 0 100 100">
+                  <path class="svg--fill-blue" d="M19.178,33.185c0.588,2.965,0.236,5.935,0.448,8.862c0.16,2.178-0.282,4.454,0.922,6.5
+                    c2.847,4.833,2.599,9.52-0.624,14.12c-1.176,1.683-2.154,3.502-3.242,5.248c-1.285,2.058-1.266,4.022,0.91,5.334
+                    c2.202,1.317,3.944,0.229,5.19-1.722c1.53-2.399,2.884-4.922,4.521-7.239c1.828-2.597,2.475-5.315,2.225-8.479
+                    c-0.122-1.524-1.2-4.145,0.83-4.557c2.14-0.438,4.691,0.471,6.178,2.629c0.622,0.902,1.038,1.955,1.508,2.957
+                    c0.736,1.574,1.424,3.172,2.164,4.746c1.038,2.207,2.554,3.916,5.172,2.703c2.544-1.186,2.479-3.357,1.356-5.639
+                    c-1.473-2.979-2.965-5.947-4.332-8.974c-0.842-1.872-2.049-3.273-4.112-3.536c-6.57-0.829-7.068-3.758-7.376-9.396
+                    c0.078-0.944-0.018-3.292-0.024-4.238c-0.024-4.516,0.087-5.02,4.316-4.106c6.708,1.455,10.984-2.782,15.847-5.771
+                    c1.512-0.93,1.98-2.546,1.006-4.146c-1.084-1.778-2.746-1.984-4.539-1.053c-0.981,0.511-1.983,1.028-2.85,1.702
+                    c-3.172,2.479-6.654,3.2-10.66,2.664c-4.822-0.646-5.314-1.32-3.03-5.691c1.678-3.207,1.065-6.991-1.475-9.084
+                    c-2.5-2.06-6.162-2.079-8.8-0.046c-2.56,1.975-3.574,5.988-1.5,8.95c1.572,2.244,1.05,3.796,0.313,5.996
+                    c-0.838,2.502-2.647,4.042-4.483,5.344c-6.284,4.44-3.966,10.658-3.694,16.422c0.074,1.53,1.5,2.494,3.092,2.349
+                    c1.748-0.164,2.929-1.234,2.98-3.106c0.058-2.054-0.036-4.115-0.036-6.17C17.382,35.367,17.058,33.807,19.178,33.185"/>
+                  <path class="svg--fill-blue" d="M69.344,54.699V21.781h21.521l-4-7.342l4-7.338H69.344V3.677c0-1.104-0.896-2-2-2
+                    c-1.104,0-2,0.896-2,2 v50.284l-19.02,19.018l-16.14-2.16L5.824,98.322h88.352L69.344,54.699z"/>
+                  </svg>

data/_includes/svg/kcc-copy.html

@@ -0,0 +1,62 @@
+<svg version="1.1" id="KCC-white-text-logo" class="header-global__brand--svg img__responsive--svg"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 432 36" style="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 class="st0" d="M7.2,12.5h2l9.5-9.2H24l-11.5,11l7.6,11.6h-5.5l-6.3-9.7h-2l-2.1,9.7H0L4.8,3.3h4.3L7.2,12.5z"/>
+	<path class="st0" d="M32.1,23.9L32.1,23.9C30.8,26,28.5,26,26.7,26c-3.6,0-5.7-0.8-4.8-5c0.8-3.8,3-4.8,6.9-4.8
+		c1.9,0,3.8,0,4.3,1.8h0.1l0.4-2c0.5-2.6,0.5-3.5-2.6-3.5c-1.7,0-3,0.2-3.4,2.2h-3.8c1-4.6,4.2-4.8,7.8-4.8c5.1,0,7,0.8,5.9,6.1
+		l-2.1,9.9h-3.8L32.1,23.9z M25.6,21c-0.5,2.2,0.4,2.4,2.9,2.4c2,0,3.5-0.2,4-2.4c0.5-2.2-1.1-2.3-3-2.3
+		C27.7,18.8,26.1,18.8,25.6,21z"/>
+	<path class="st0" d="M46.3,10.1l-0.5,2.4h0.1c1.3-2.3,3.3-2.6,5.5-2.6c4.2,0,5.1,1.7,4.2,5.6l-2.2,10.4h-3.8l2.1-10
+		c0.5-2.3,0.1-3.1-2.3-3.1c-3.3,0-4.1,1.6-4.7,4.4l-1.8,8.7h-3.8l3.4-15.8L46.3,10.1L46.3,10.1z"/>
+	<path class="st0" d="M62.9,16.2h0.9l5.7-6.1h4.3l-7.2,7.4l5,8.4h-4.6l-3.8-7.1h-0.9l-1.5,7.1h-3.8l4.8-22.6h3.8L62.9,16.2z"/>
+	<path class="st0" d="M84.1,23.9L84.1,23.9C82.8,26,80.4,26,78.6,26c-3.6,0-5.7-0.8-4.8-5c0.8-3.8,3-4.8,6.9-4.8
+		c1.9,0,3.8,0,4.3,1.8h0.1l0.4-2c0.5-2.6,0.5-3.5-2.6-3.5c-1.7,0-3,0.2-3.4,2.2h-3.8c1-4.6,4.2-4.8,7.8-4.8c5.1,0,7,0.8,5.9,6.1
+		l-2.1,9.9h-3.8L84.1,23.9z M77.6,21c-0.5,2.2,0.4,2.4,2.9,2.4c2,0,3.5-0.2,4-2.4c0.5-2.2-1.1-2.3-3-2.3C79.6,18.8,78,18.8,77.6,21z
+		"/>
+	<path class="st0" d="M96.9,16.2h0.9l5.7-6.1h4.3l-7.2,7.4l5,8.4H101l-3.8-7.1h-0.9l-1.5,7.1H91l4.8-22.6h3.8L96.9,16.2z"/>
+	<path class="st0" d="M122.4,20.8c-1.1,5-4,5.2-8.5,5.2c-6,0-6.9-1.9-5.6-8c1.2-5.7,2.6-8.1,9-8.1c6.5,0,7,1.9,5.5,8.8H112
+		c-0.7,3.4-0.9,4.5,2.5,4.5c2.1,0,3.6,0,4.1-2.3L122.4,20.8L122.4,20.8z M119.6,16.3c0.7-3.3,0.3-3.5-2.8-3.5
+		c-3.3,0-3.6,0.7-4.2,3.5H119.6z"/>
+	<path class="st0" d="M139.5,20.8c-1.1,5-4,5.2-8.5,5.2c-6,0-6.9-1.9-5.6-8c1.2-5.7,2.6-8.1,9-8.1c6.5,0,7,1.9,5.5,8.8h-10.9
+		c-0.7,3.4-0.9,4.5,2.5,4.5c2.1,0,3.6,0,4.1-2.3L139.5,20.8L139.5,20.8z M136.7,16.3c0.7-3.3,0.3-3.5-2.8-3.5
+		c-3.3,0-3.6,0.7-4.2,3.5H136.7z"/>
+	<path class="st0" d="M168.8,10.9l0.3-1.2c0.6-2.6-0.4-2.8-4.2-2.8c-4.4,0-5.3,0.7-6.2,5.1l-1.1,5c-0.9,4.5-0.6,5.4,4,5.4
+		c3.5,0,5.1-0.1,5.8-3.3l0.3-1.2h4.3l-0.3,1.5c-1.4,6.8-5.2,6.6-10.8,6.8c-8,0.3-8.9-2.3-7.6-8.9l1.1-5.2c1.5-7.2,4.7-8.8,11.3-8.8
+		c5.6,0,8.8,0,7.8,6.5l-0.3,1.2L168.8,10.9L168.8,10.9z"/>
+	<path class="st0" d="M189.1,18c-1.3,6.1-2.6,8.1-9.1,8.1s-7-2-5.7-8.1c1.3-6.1,2.6-8.1,9.2-8.1C190,9.9,190.4,11.8,189.1,18z
+		 M178,18c-0.9,4.2-0.8,5.1,2.5,5.1c3.4,0,3.8-0.9,4.7-5.1c0.9-4.3,0.8-5.2-2.5-5.2C179.4,12.8,178.9,13.7,178,18z"/>
+	<path class="st0" d="M197.7,10.1l-0.5,2.3h0.1c1.3-2,3.5-2.5,5.5-2.5c2,0,4.2,0.5,4.1,2.8h0.1c1.2-2.2,3.5-2.8,5.6-2.8
+		c4.1,0,5.1,1.4,4.3,5.3l-2.3,10.7h-3.8l2.2-10.3c0.3-2,0-2.8-2.1-2.8c-3.1,0-4,1.4-4.6,4.2l-1.9,8.9h-3.8l2.2-10.3
+		c0.3-2,0-2.8-2.1-2.8c-3.1,0-4,1.4-4.6,4.2l-1.9,8.9h-3.8l3.4-15.8H197.7z"/>
+	<path class="st0" d="M225.5,10.1l-0.5,2.3h0.1c1.3-2,3.5-2.5,5.5-2.5s4.2,0.5,4.1,2.8h0.1c1.2-2.2,3.5-2.8,5.6-2.8
+		c4.1,0,5.1,1.4,4.3,5.3l-2.3,10.7h-3.8l2.2-10.3c0.3-2,0-2.8-2.1-2.8c-3.1,0-4,1.4-4.6,4.2l-1.9,8.9h-3.8l2.2-10.3
+		c0.3-2,0-2.8-2.1-2.8c-3.1,0-4,1.4-4.6,4.2l-1.9,8.9h-3.8l3.4-15.8H225.5z"/>
+	<path class="st0" d="M256.6,25.9l0.5-2.4H257c-1.3,2.1-3.4,2.6-5.6,2.6c-3.2,0-5-1.1-4.3-4.5l2.4-11.4h3.8l-2.1,10
+		c-0.5,2.3-0.5,3.1,2,3.1c2.9,0,4.1-1.2,4.7-4l1.9-9.1h3.8l-3.4,15.8H256.6z"/>
+	<path class="st0" d="M271.2,10.1l-0.5,2.4h0.1c1.3-2.3,3.3-2.6,5.5-2.6c4.2,0,5.1,1.7,4.2,5.6l-2.2,10.4h-3.8l2.1-10
+		c0.5-2.3,0.1-3.1-2.3-3.1c-3.3,0-4.1,1.6-4.7,4.4l-1.8,8.7H264l3.4-15.8L271.2,10.1L271.2,10.1z"/>
+	<path class="st0" d="M285.6,25.9h-3.8l3.4-15.8h3.8L285.6,25.9z M289.7,6.5h-3.8l0.7-3.2h3.8L289.7,6.5z"/>
+	<path class="st0" d="M290.6,10.1h2l0.8-3.6h3.8l-0.8,3.6h6l-0.6,2.9h-6l-1.7,8.1c-0.3,1.4-0.4,2.1,1.2,2.1c2.1,0,2.3-1.7,2.6-3.3
+		h3.3c-1,4.8-2.5,6.2-6.6,6.2c-4.2,0-5.2-1-4.4-5l1.7-8.1h-2L290.6,10.1z"/>
+	<path class="st0" d="M310.6,26.5c-1.6,3.6-3,6.4-7.4,6.4c-0.5,0-1.1-0.1-1.6-0.1l0.6-2.9c0.3,0,0.5,0.1,0.8,0.1
+		c2.4,0,3.2-2.3,3.9-4.1h-1.8l-1.8-15.8h3.9l1.1,13.4h0.1l5.9-13.4h3.9L310.6,26.5z"/>
+	<path class="st0" d="M343.8,10.9l0.3-1.2c0.6-2.6-0.4-2.8-4.2-2.8c-4.4,0-5.3,0.7-6.2,5.1l-1.1,5c-0.9,4.5-0.6,5.4,4,5.4
+		c3.5,0,5.1-0.1,5.8-3.3l0.3-1.2h4.3l-0.3,1.5c-1.4,6.8-5.2,6.6-10.8,6.8c-8,0.3-8.9-2.3-7.6-8.9l1.1-5.2c1.5-7.2,4.7-8.8,11.3-8.8
+		c5.6,0,8.8,0,7.8,6.5l-0.3,1.2L343.8,10.9L343.8,10.9z"/>
+	<path class="st0" d="M364,18c-1.3,6.1-2.6,8.1-9.1,8.1c-6.6,0-7-2-5.7-8.1c1.3-6.1,2.6-8.1,9.2-8.1C364.9,9.9,365.3,11.8,364,18z
+		 M353,18c-0.9,4.2-0.8,5.1,2.5,5.1c3.4,0,3.8-0.9,4.7-5.1c0.9-4.3,0.8-5.2-2.5-5.2S353.9,13.7,353,18z"/>
+	<path class="st0" d="M369.4,25.9h-3.8l4.8-22.6h3.8L369.4,25.9z"/>
+	<path class="st0" d="M377,25.9h-3.8L378,3.3h3.8L377,25.9z"/>
+	<path class="st0" d="M395.8,20.8c-1.1,5-4,5.2-8.5,5.2c-6,0-6.9-1.9-5.6-8c1.2-5.7,2.6-8.1,9-8.1c6.5,0,7,1.9,5.5,8.8h-10.9
+		c-0.7,3.4-0.9,4.5,2.5,4.5c2.1,0,3.6,0,4.1-2.3L395.8,20.8L395.8,20.8z M393,16.3c0.7-3.3,0.3-3.5-2.8-3.5c-3.3,0-3.6,0.7-4.2,3.5
+		H393z"/>
+	<path class="st0" d="M408.8,23.6L408.8,23.6c-1.5,2.1-3.6,2.4-5.5,2.4c-5.4,0-5.4-3-4.4-7.6c1-4.8,2-8.5,7.9-8.5
+		c2.2,0,3.9,0.5,4.4,2.6h0.1l0.4-2.4h3.8L412,25.8c-1.2,5.7-3.3,7-9.1,7c-3.9,0-6.6-0.7-5.4-5.4h3.6c-0.5,2.2,0.3,2.5,2.4,2.5
+		c3.2,0,4.1-0.7,4.6-3.4L408.8,23.6z M402.8,17.5c-0.8,3.6-1.2,5.7,2.2,5.7c3.8,0,4.2-1.9,5-5.7c0.7-3.4,0.5-4.7-2.8-4.7
+		C404.6,12.8,403.7,13.5,402.8,17.5z"/>
+	<path class="st0" d="M430.9,20.8c-1.1,5-4,5.2-8.5,5.2c-6,0-6.9-1.9-5.6-8c1.2-5.7,2.6-8.1,9-8.1c6.5,0,7,1.9,5.5,8.8h-10.9
+		c-0.7,3.4-0.9,4.5,2.5,4.5c2.1,0,3.6,0,4.1-2.3L430.9,20.8L430.9,20.8z M428,16.3c0.7-3.3,0.3-3.5-2.8-3.5c-3.3,0-3.6,0.7-4.2,3.5
+		H428z"/>
+</g>
+</svg>