kcc-gem-theme-original 1.0.0

data/_includes/contacts.html

@@ -0,0 +1,96 @@
+      {%- assign sorted_contacts = site.contacts | sort: "display_order" -%}
+      <section>
+        <div class="container">
+          <div class="row">
+            <div class="col mt-1 home__col--heading-underline">
+              <h3 id="contact" class="typography__section--heading margins__heading--btm links__offset">Contacts</h3>
+            </div>
+          </div>
+          <div class="row editor-link">
+            <div class="col editor-link mb-3">
+              <a href="cloudcannon:collections/_contacts/" class="btn btn-success editor-button">Edit Contacts</a>
+            </div>
+          </div>
+          <div class="row">
+            {%- for contact in sorted_contacts -%}
+            {%- assign contact_name = contact.name | split: " " -%}
+            {%- assign first = contact_name[0] -%}
+            {%- assign last = contact_name[1] -%}
+            {% if contact.portrait_image != "For departments with no contact photos, do not change this field." and contact.portrait_image != 'none' %}
+            <div class="col-md-6 contacts__col-bottom-margin">
+              <div class="row">
+                <div class="col-4 contacts__col--img">
+                  <img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" alt="Photo of {{ contact.name }}" class="img-fluid contacts__portrait" />
+                </div>
+                <div class="col-8 float-right">
+                  <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+                  {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+                  <p class="notranslate">
+                    {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+                    {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+                    {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
+                    {%- if contact.bio == true -%}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+                  </p>
+                </div>
+              </div>
+            </div>
+            {% elsif contact.portrait_image == 'none' %}
+            <div class="col-md-6 contacts__col-bottom-margin">
+              <div class="row">
+                <div class="col-4 contacts__col--img">
+                  <!-- No contact portrait -->
+                </div>
+                <div class="col-8 float-right">
+                  <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+                  {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+                  <p class="notranslate">
+                    {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+                    {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+                    {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
+                    {%- if contact.bio == true -%}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+                  </p>
+                </div>
+              </div>
+            </div>
+            {% else %}
+            <div class="col-sm-6 col-md-4 mb-3">
+              <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+              {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+              <p class="notranslate">
+                {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
+                {% if contact.email %}<a class="links__darker-link" target="_blank" href="https://secure.jotform.com/90435102482954?to[first]={{ first }}&amp;to[last]={{ last }}&amp;submitEmail={{ contact.email | remove: '@kcc.edu' }}%40kcc.edu">Email</a><br>{% endif %}
+                {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
+                {% if contact.bio == true %}<button type="button" class="btn btn-primary mt-2" data-toggle="modal" data-target="#{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}">View Bio</button>{% endif %}
+              </p>
+            </div>
+            {%- endif -%}
+            {%- endfor -%}
+          </div>
+        </div>
+      </section>
+      {% for contact in sorted_contacts %}
+      {%- if contact.bio == true -%}
+      <!-- Modal -->
+      <div class="modal fade" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}" tabindex="-1" aria-labelledby="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label" aria-hidden="true">
+        <div class="modal-dialog">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="typography__h6" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label">{{ contact.name }} Bio</h5>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              {% if contact.portrait_image %}<img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait_image }}" class="img-fluid float-left mr-2 mb-2" alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}">{% endif %}
+              <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
+              {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
+              {{ contact.content }}
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+            </div>
+          </div>
+        </div>
+      </div>
+      {%- endif -%}
+      {% endfor %}

data/_includes/document-head.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="no-js" lang="en">
+  <head>
+    <!-- Meta -->
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>{{page.title}} - {{site.title}}</title>
+    <meta name="description" content="{{page.description}}">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {%- if site.canonical_baseurl %}
+    <link rel="canonical" href="{% if page.url == '/' %}{{ site.canonical_baseurl }}{% else %}{{ site.canonical_baseurl }}{{ page.url }}{% endif %}">
+    {%- endif %}
+    {% include preconnect.html %}
+    <!-- ==============================
+      KCC GEM THEME
+      A Jekyll gem-based theme for Kankakee Community College's websites
+      Theme & theme's build-process coded and developed by Wesley Zajicek for KCC 2019-2020
+      Author: Wesley Zajicek | https://github.com/wdzajicek
+      -->
+    {% if site.humans_file == true %}
+    <!-- The human's, the human's!! -->
+    <link rel="author" type="text/plain" href="/humans.txt" />
+    {%- endif -%}
+    <!-- Standard Favicon -->
+    <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico"/>

data/_includes/emergency-alerts.html

@@ -0,0 +1,29 @@
+    <div id="emergencyAlerts" class="position__offset-alert{% if site.core_site == true %} position__offset-alert-core{% endif %}{% if site.core_root == true %} position__offset-alert-core--root{% endif %}">
+      <!-- Alerts get built here via JS if they are set to be active -->
+      {%- comment -%}
+      <div class="container position__offset-alert">
+        <div class="row">
+          <div class="col">
+            <div class="alert alert-warning">
+              <p class="typography__alert mb-0"><strong>Alert</strong>:&nbsp;All KCC facilities will be closed March 18-30. Credit classes resume online March 23. <a href="https://coronavirus.kcc.edu/" target="_blank" rel="noopener noreferrer">coronavirus.kcc.edu</a> has&nbsp;details.</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      {% endcomment %}
+    </div>
+    {%- comment -%}
+
+    <!-- TODO:
+
+      AFTER CORE IS LAUNCHED
+
+      REMOVE:
+      ```
+        {% if site.core_site == true %} position__offset-alert-core{% endif %}{% if site.core_root == true %} position__offset-alert-core--root{% endif %}
+      ```
+      (ALSO REMOVE FROM CONFIG)
+
+    ENDTODO -->
+
+    {%- endcomment -%}

data/_includes/foot.html

@@ -0,0 +1,3 @@
+  <!-- Close body -->
+  </body>
+</html>

data/_includes/footer.html

@@ -0,0 +1,193 @@
+    <footer class="footer footer__margin">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-4 text-center mb-4">
+            <img
+              src="{{ page.baseurl }}assets/img/iccmc-logo_blue-transparent.png"
+              class="img-fluid"
+              height="171"
+              width="300"
+              alt="The Community Colleges of Illinois. For every student, for every community.">
+          </div>
+          <div class="col-lg-4 footer__mobile--margin-bottom mb-4 my-lg-auto">
+            <div class="row">
+              <div class="col-lg-12 text-center">
+                <a href="{{ site.public-url }}" class="footer-link">
+                  <h5 class="typography__footer-heading">
+                    {{ site.public-url | replace: "https://", "" | replace: "http://", "" }}
+                  </h5>
+                </a>
+              </div>
+            </div>
+            <div class="row">
+              <div class="col-lg-12 px-0">
+                <div class="text-center">
+                  <span>
+                    <a href="https://www.facebook.com/KankakeeCommunityCollege/" class="footer-social-links" target="_blank" rel="noopener" title="Facebook">
+                      <img
+                        src="{{ page.baseurl }}assets/img/facebook-f_white.svg"
+                        class="img-fluid footer-icons"
+                        height="50px"
+                        width="50px"
+                        alt="Facebook">
+                    </a>
+                  </span>
+                  <span>
+                    <a href="https://twitter.com/KCCedu" class="footer-social-links" target="_blank" rel="noopener" title="X">
+                      <img
+                        src="{{ page.baseurl }}assets/img/xitter.svg"
+                        class="img-fluid footer-icons"
+                        height="50px"
+                        width="50px"
+                        alt="X">
+                    </a>
+                  </span>
+                  <span>
+                    <a href="https://www.instagram.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener" title="Instagram">
+                      <img
+                        src="{{ page.baseurl }}assets/img/instagram-white.svg"
+                        class="img-fluid footer-icons"
+                        height="50px"
+                        width="50px"
+                        alt="Instagram">
+                    </a>
+                  </span>
+                  <span>
+                    <a href="https://www.youtube.com/user/KankakeeCommCollege" class="footer-social-links" target="_blank" rel="noopener" title="YouTube">
+                      <img
+                        src="{{ page.baseurl }}assets/img/youtube-white.svg"
+                        class="img-fluid footer-icons"
+                        height="50px"
+                        width="50px"
+                        alt="YouTube">
+                    </a>
+                  </span>
+                  <span>
+                    <a href="https://www.pinterest.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener" title="Pinterest">
+                      <img
+                        src="{{ page.baseurl }}assets/img/pinterest-p_white.svg"
+                        class="img-fluid footer-icons"
+                        height="50px"
+                        width="50px"
+                        alt="Pinterest">
+                    </a>
+                  </span>
+                  <span>
+                    <a href="https://www.linkedin.com/company/kankakee-community-college" class="footer-social-links" target="_blank" rel="noopener" title="LinkedIn">
+                      <img
+                        src="{{ page.baseurl }}assets/img/linkedin-white.svg"
+                        class="img-fluid footer-icons"
+                        height="50px"
+                        width="50px"
+                        alt="LinkedIn">
+                    </a>
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-0 my-auto">
+            <a href="https://www.kcc.edu" target="_blank" rel="noopener">
+              <svg
+                id="KCC-text-logo"
+                role="img"
+                class="footer__svg--logo img__responsive--svg mx-auto"
+                xmlns="http://www.w3.org/2000/svg"
+                width="416.394px"
+                height="28.682px"
+                viewBox="0 0 416.394 28.682"
+                aria-labelledby="kcc-text-logo-title">
+                <title id="kcc-text-logo-title" lang="en">Kankakee Community College</title>
+                <g>
+                  <polygon class="svg__fill--blue" points="6.913,9.049 8.856,9.049 17.992,0.174 23.125,0.174 12.053,10.789 19.401,21.924 14.123,21.924
+                    8.098,12.615 6.155,12.615 4.176,21.924 0,21.924 4.623,0.174 8.799,0.174 	"></polygon>
+                  <path class="svg__fill--blue" d="M30.973,20.01h-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.654L30.973,20.01z M24.714,17.256c-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.176C26.655,15.08,25.176,15.08,24.714,17.256z"></path>
+                  <path class="svg__fill--blue" d="M44.589,6.699L44.103,8.99h0.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.033H47.82l2.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.225H44.589z"></path>
+                  <polygon class="svg__fill--blue" points="60.645,12.615 61.544,12.615 67.064,6.699 71.182,6.699 64.266,13.863 69.048,21.924 64.64,21.924
+                    61.014,15.109 60.115,15.109 58.666,21.924 55.012,21.924 59.635,0.174 63.289,0.174 	"></polygon>
+                  <path class="svg__fill--blue" d="M81.026,20.01h-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.654L81.026,20.01z M74.768,17.256c-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.176C76.708,15.08,75.229,15.08,74.768,17.256z"></path>
+                  <polygon class="svg__fill--blue" points="93.356,12.615 94.255,12.615 99.776,6.699 103.894,6.699 96.977,13.863 101.759,21.924
+                    97.352,21.924 93.725,15.109 92.826,15.109 91.377,21.924 87.724,21.924 92.347,0.174 96,0.174 	"></polygon>
+                  <path class="svg__fill--blue" d="M117.955,17.082c-1.018,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.263,0,6.716,1.826,5.304,8.469H107.93c-0.697,3.275-0.832,4.32,2.445,4.32
+                    c2.03,0,3.445,0.029,3.926-2.232H117.955z M115.238,12.674c0.666-3.133,0.251-3.365-2.736-3.365c-3.161,0-3.506,0.668-4.079,3.365
+                    H115.238z"></path>
+                  <path class="svg__fill--blue" d="M134.484,17.082c-1.017,4.785-3.82,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.469H124.46c-0.696,3.275-0.831,4.32,2.445,4.32
+                    c2.03,0,3.444,0.029,3.926-2.232H134.484z M131.768,12.674c0.666-3.133,0.252-3.365-2.735-3.365c-3.161,0-3.506,0.668-4.079,3.365
+                    H131.768z"></path>
+                  <path class="svg__fill--blue" d="M162.747,7.453L163,6.264c0.536-2.521-0.412-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.365,0,4.897-0.115,5.557-3.219l0.253-1.189h4.176l-0.302,1.422
+                    c-1.307,6.553-4.998,6.322-10.441,6.553c-7.717,0.291-8.544-2.232-7.281-8.584l1.061-4.986C150.253,1.566,153.283,0,159.691,0
+                    c5.423,0,8.52,0.029,7.484,6.264l-0.252,1.189H162.747z"></path>
+                  <path class="svg__fill--blue" d="M182.254,14.326c-1.252,5.887-2.465,7.771-8.815,7.771s-6.763-1.885-5.511-7.771
+                    c1.258-5.916,2.471-7.801,8.82-7.801C183.1,6.525,183.511,8.41,182.254,14.326z M171.575,14.355
+                    c-0.862,4.061-0.793,4.959,2.455,4.959s3.7-0.898,4.563-4.959c0.875-4.117,0.811-5.047-2.438-5.047
+                    C172.909,9.309,172.451,10.238,171.575,14.355z"></path>
+                  <path class="svg__fill--blue" d="M190.516,6.699l-0.469,2.205h0.115c1.226-1.943,3.377-2.379,5.291-2.379s4.014,0.492,3.951,2.697h0.115
+                    c1.146-2.117,3.357-2.697,5.389-2.697c3.943,0,4.959,1.363,4.164,5.104l-2.189,10.295h-3.654l2.115-9.947
+                    c0.32-1.914,0.016-2.668-1.984-2.668c-2.959,0-3.822,1.334-4.396,4.031l-1.824,8.584h-3.654l2.115-9.947
+                    c0.319-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.653l3.235-15.225H190.516z"></path>
+                  <path class="svg__fill--blue" d="M217.312,6.699l-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.225H217.312z"></path>
+                  <path class="svg__fill--blue" d="M247.338,21.924l0.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.225H247.338z"></path>
+                  <path class="svg__fill--blue" d="M261.391,6.699l-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.381H254.5
+                    l3.236-15.225H261.391z"></path>
+                  <path class="svg__fill--blue" d="M275.293,21.924h-3.654l3.236-15.225h3.654L275.293,21.924z M279.258,3.277h-3.654l0.658-3.104h3.654
+                    L279.258,3.277z"></path>
+                  <path class="svg__fill--blue" d="M280.066,6.699h1.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.914L280.066,6.699z"></path>
+                  <path class="svg__fill--blue" d="M299.35,22.533c-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.713L299.35,22.533z"></path>
+                  <path class="svg__fill--blue" d="M331.379,7.453l0.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.986C318.885,1.566,321.914,0,328.324,0
+                    c5.422,0,8.52,0.029,7.484,6.264l-0.254,1.189H331.379z"></path>
+                  <path class="svg__fill--blue" d="M350.887,14.326c-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.801C351.732,6.525,352.145,8.41,350.887,14.326z M340.209,14.355
+                    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
+                    S341.084,10.238,340.209,14.355z"></path>
+                  <polygon class="svg__fill--blue" points="356.027,21.924 352.375,21.924 356.998,0.174 360.65,0.174 	"></polygon>
+                  <polygon class="svg__fill--blue" points="363.336,21.924 359.682,21.924 364.305,0.174 367.959,0.174 	"></polygon>
+                  <path class="svg__fill--blue" d="M381.533,17.082c-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.232H381.533z M378.816,12.674c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+                    H378.816z"></path>
+                  <path class="svg__fill--blue" d="M394.045,19.75h-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.248L394.045,19.75z M388.279,13.863c-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.555C389.971,9.309,389.092,10.035,388.279,13.863z"></path>
+                  <path class="svg__fill--blue" d="M415.289,17.082c-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.232H415.289z M412.572,12.674c0.666-3.133,0.25-3.365-2.736-3.365c-3.162,0-3.506,0.668-4.08,3.365
+                    H412.572z"></path>
+                </g>
+              </svg>
+            </a>
+            <p>100 College Drive Kankakee, IL 60901 <br>
+            <a class="links__darker-link" href="tel:18158028100">815-802-8100</a><br>
+            <a class="links__darker-link" href="https://www.kcc.edu/about/contact-us/">Contact us</a><br>
+            &copy;&nbsp;<span id="currentYear">{{ "now" | date: "%Y" }}</span> Kankakee Community College</p>
+          </div>
+        </div>
+      </div>
+    </footer>
+

data/_includes/hash/theme_hash.yml

@@ -0,0 +1 @@
+197fcdd9ea9a90f7ba8e

data/_includes/hero-slider.html

@@ -0,0 +1,36 @@
+
+<div class="row">
+  <div class="col hero-slider__slider">
+  {% for slide in page.slides %}
+  {% assign url_first_char = slide.url | slice: 0 %}
+  {%- if slide.url contains 'https://' or slide.url contains 'http://' or url_first_char == '.' or url_first_char == '/' -%}
+  {%- assign slide_url = slide.url -%}
+  {%- else -%}
+  {%- assign slide_url = slide.url | prepend: page.baseurl -%}
+  {%- endif -%}
+    <div>
+      <a
+        href="{{ slide_url }}"
+        class="ga_slider_link"
+        {%- if slide.new_tab == true %}
+        target="_blank"
+        rel="noopener noreferrer"
+        {%- endif %}>
+        <img
+          {%- if forloop.first == true %}
+          src="{{ page.baseurl }}{{ slide.image }}"
+          {%- else %}
+          src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg"
+          data-src="{{ page.baseurl }}{{ slide.image }}"
+          {%- endif %}
+          class="img-fluid hero-slider__slider--slide-img{% if slide.white_background %} hero-slider__slide-img--border{% endif %}"
+          alt="{{ slide.alt-text | replace: '"', '&quot;' }}">
+      </a>
+      {%- if slide.text %}
+      <div class="hero-slider__slider--heading-container text-center">
+        <h3 class="hero-slider__slider--slide-heading">{{ slide.text }}</h3>
+      </div>{% endif %}
+    </div>
+  {% endfor %}
+  </div>
+</div>

data/_includes/nav-global.html

@@ -0,0 +1,40 @@
+<nav id="globalNav" role="navigation" class="navbar nav-global fixed-top navbar-fixed-top">
+  <a
+    class="clickable navbar-brand nav-global__navbar-brand"
+    href="https://www.kcc.edu"
+    aria-label="Kankakee Community College home">
+    <img
+      src="{{ page.baseurl }}assets/img/kcc-logo-white.svg"
+      class="img-fluid nav-global__kcc-logo-inverse"
+      height="36px"
+      width="82.4px"
+      alt="">
+    <img
+      src="{{ page.baseurl }}assets/img/kcc-text-logo-white.svg"
+      class="img-fluid nav-global__kcc-logo"
+      height="36px"
+      width="432px"
+      alt="">
+  </a>
+  <button
+    id="searchIcon"
+    role="button"
+    class="nav-global__search-toggle d-lg-none ms-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 ms-auto"
+  >
+    <gcse:searchbox-only resultsUrl="{{ page.baseurl }}search/"></gcse:searchbox-only>
+  </div>
+  <div class="nav-global__search--open-background"></div>
+</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-bs-toggle="collapse" data-bs-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 ms-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-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          {{ link.link_text }}
+        </a>
+        <div class="dropdown-menu dropdown-menu-end" 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/preconnect.html

@@ -0,0 +1,16 @@
+<!-- preconnect to Google assets -->
+    <!-- fonts -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <!-- GCS -->
+    <link rel="preconnect" href="https://clients1.google.com">
+    <link rel="preconnect" href="https://www.google.com">
+    {% if jekyll.environment == 'production' or jekyll.environment == 'publish' %}
+    <link rel="preload" as="style" href="{{ page.baseurl }}assets/js/dist/bootstrap.{% include hash/theme_hash.yml %}.css">
+    <link rel="preload" as="style" href="{{ page.baseurl }}assets/js/dist/theme.{% include hash/theme_hash.yml %}.css">
+    {% endif %}
+    <link rel="preload" as="script" href="{{ page.baseurl }}assets/js/dist/theme.{% include hash/theme_hash.yml %}.bundle.js">
+    {% unless site.theme_config == true %}
+    <link rel="preload" as="style" href="{{ page.baseurl }}assets/js/dist/main.{% if site.data.hash %}{{ site.data.hash }}.{% endif %}css">
+    <link rel="preload" as="script" href="{{ page.baseurl }}assets/js/dist/theme.{% if site.data.hash %}{{ site.data.hash }}.{% endif %}bundle.js">
+    {% endunless %}

data/_includes/scripts/custom.html

@@ -0,0 +1,4 @@
+{% unless site.theme_config == true %}
+<!-- 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>
+  {% endunless %}

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/dist/theme.{% include hash/theme_hash.yml %}.bundle.js" 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.html

@@ -0,0 +1,8 @@
+    {% if page.slides or page.include_datatables == true %}
+    <!-- CDN link to jQuery 3 -->
+    <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>
+    {% 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>
+    {% endif %}

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{% if page.layout == 'default-landing' or page.layout == 'landing-simple' or page.layout == 'landing-page' %}&family=Saira:wght@700{% endif %}&family=Material+Icons&display=swap" rel="stylesheet">