kcc-gem-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: e88b588d2bed24c18fc6a852e492ad25430851e4eafec96c2691e452c22ead56
+  data.tar.gz: a26aea17b28fce686dbe6db5f03b492c44016354d9b3cada3cb7c5ff65c766b4
+SHA512:
+  metadata.gz: a8e132a88977c16b2414240a39670e311ccee0fff3a3f14b6ca9b305d21266043194d8d1fd5658bd1df3f7d72e3d6a6463334606a04fa35e3ff95da8b68b665c
+  data.tar.gz: 77caf21493a2d062cf685e5dd880039dc95b989d1839465382c1fc26ccee158a3d93fdfce0ad8542e59ea3e881709d7441307d43e464c054bdc8d32cc07f72b1

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 wdzajicek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,52 @@
+# kcc-gem-theme
+
+Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
+
+To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
+
+TODO: Delete this and the text above, and describe your gem
+
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "kcc-gem-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: kcc-gem-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install kcc-gem-theme
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `kcc-gem-theme.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_includes/announcement.html

@@ -0,0 +1,13 @@
+<div class="container">
+  <div class="row">
+    <div class="col">
+      <h3 class="typography__upcoming-events"><span class="events__bottom-underline">Announcements</span></h3>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col">
+      <h4>{{ announcement.title }}</h4>
+      <p>{{ announcement.content }}</p>
+    </div>
+  </div>
+</div>

data/_includes/facebook-script.html

@@ -0,0 +1,8 @@
+<div id="fb-root"></div>
+<script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) return;
+  js = d.createElement(s); js.id = id;
+  js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0';
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>

data/_includes/facebook-widget.html

@@ -0,0 +1,5 @@
+
+        <div class="fb-widget__heading-margin">
+          <h4 class="typography__social-accounts">Facebook</h4>
+        </div>
+        <div class="fb-page" data-href="https://www.facebook.com/KankakeeCommunityCollege/" data-width="500" data-height="800" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/KankakeeCommunityCollege/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/KankakeeCommunityCollege/">Kankakee Community College</a></blockquote></div>

data/_includes/foot.html

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

data/_includes/footer.html

@@ -0,0 +1,55 @@
+<footer class="footer footer__margin">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-6 footer__mobile--margin-bottom">
+        <div class="row">
+          <div class="col-lg-12 text-center">
+            <a href="http://www.kcc.edu" class="footer-link" target="_blank" rel="noopener"><h5 class="footer-heading">www.kcc.edu</h5></a>
+          </div>
+        </div>
+        <div class="row">
+          <div class="col-lg-12">
+            <div class="text-center">
+              <span>
+                <a href="http://www.facebook.com/KankakeeCommunityCollege/" class="footer-social-links" target="_blank" rel="noopener">
+                  <img src="{{page.baseurl}}assets/img/facebook-f_white.svg" class="footer-icons" alt="Facebook icon, link to the KCC Facebook page">
+                </a>
+              </span>
+              <span>
+                <a href="http://twitter.com/KCCedu" class="footer-social-links" target="_blank" rel="noopener">
+                  <img src="{{page.baseurl}}assets/img/twitter-white.svg" class="footer-icons" alt="Twitter icon, link to KCC Twitter page">
+                </a>
+              </span>
+              <span>
+                <a href="http://www.instagram.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
+                  <img src="{{page.baseurl}}assets/img/instagram-white.svg" class="footer-icons" alt="Instagram icon, link to KCC Instagram page">
+                </a>
+              </span>
+              <span>
+                <a href="http://www.youtube.com/user/KankakeeCommCollege" class="footer-social-links" target="_blank" rel="noopener">
+                  <img src="{{page.baseurl}}assets/img/youtube-white.svg" class="footer-icons" alt="YouTube icon, link to KCC YouTube page">
+                </a>
+              </span>
+              <span>
+                <a href="http://www.pinterest.com/kccedu/" class="footer-social-links" target="_blank" rel="noopener">
+                  <img src="{{page.baseurl}}assets/img/pinterest-p_white.svg" class="footer-icons" alt="Pinterest icon, link to KCC Pinterest page">
+                </a>
+              </span>
+              <span>
+                <a href="http://www.linkedin.com/company/kankakee-community-college" class="footer-social-links" target="_blank" rel="noopener">
+                  <img src="{{page.baseurl}}assets/img/linkedin-white.svg" class="footer-icons" alt="LinkedIn icon, link to KCC LinkedIn page">
+                </a>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-6">
+        <a href="http://www.kcc.edu" target="_blank" rel="noopener"><img src="{{page.baseurl}}assets/img/kcc-text-logo.svg" alt="KCC Text Logo link to main website" class="img-fluid mx-auto"></a>
+        <p>100 College Drive Kankakee, IL 60901 <br>
+        <a class="links__darker-link" href="tel:18158028100">815-802-8100</a> <br>
+        © <span id="currentYear">2018</span> Kankakee Community College</p>
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/global-nav.html

@@ -0,0 +1,15 @@
+<nav id="globalNav" role="navigation" class="navbar global-nav fixed-top navbar-fixed-top">
+  <a class="clickable navbar-brand global-nav__navbar-brand" href="http://www.kcc.edu"><img src="{{ page.baseurl }}assets/img/kcc-logo-inverse.svg" class="global-nav__kcc-logo-inverse" alt=""><img id="kccUrl" src="{{page.baseurl}}assets/img/kankakee-community-college-word-logo.svg" class="img-fluid kcc-logo" alt="Kankakee Community College link to home page"></a>
+  <script>
+    (function() {
+      var cx = '006320264078644364913:sy48bet-lr8';
+      var gcse = document.createElement('script');
+      gcse.type = 'text/javascript';
+      gcse.async = true;
+      gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+      var s = document.getElementsByTagName('script')[0];
+      s.parentNode.insertBefore(gcse, s);
+    })();
+  </script> <a id="searchIcon" href="#" class="global-nav__search-toggle d-lg-none"><span id="searchImg" style="background-image: url('{{ page.baseurl }}assets/img/search.svg')" class="global-nav__search-icon" alt="Search icon"></span></a> <div id="searchCollapse" aria-hidden="true" class="global-nav__gcse-wrapper global-nav__search-collapse"><gcse:searchbox-only resultsUrl="{{ page.baseurl }}search/"></gcse:searchbox-only></div>
+  <div class="global-nav__search--open-background"></div>
+</nav>

data/_includes/google-noscript.html

@@ -0,0 +1,6 @@
+<!-- Google Tag Manager (noscript) -->
+
+<!-- Place appropriate Google Tag Manager noscript here
+======================================================= -->
+
+<!-- End Google Tag Manager (noscript) -->

data/_includes/google-tag.html

@@ -0,0 +1,6 @@
+<!-- Google Tag Manager -->
+
+<!-- Place appropriate Google Tag Manager script here
+===================================================== -->
+
+<!-- End Google Tag Manager -->

data/_includes/head.html

@@ -0,0 +1,38 @@
+<!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 jekyll.environment == "publish" %}
+          <!-- include Google Tag Manager script on production -->
+          {% include google-tag.html %}
+        {% endif %}
+        <!-- YouTube API -->
+        <meta name="yt-api-k" value="AIzaSyBpxv9JNl4AX816ScNmZcqHkLncMUeiAws" />
+        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        {% if jekyll.environment == "publish" %}
+          {% include stylesheets.html %}
+        {% else %}
+          {% include local-stylesheets.html %}
+        {% endif %}
+        <!-- Standard Favicon -->
+        <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico" />
+        <!-- Custom CSS Stylesheet -->
+        <link rel="icon" type="image/x-icon" href="{{page.baseurl}}favicon.ico" />
+        <!-- Custom CSS 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 %}">
+        <!-- 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">
+      {% if jekyll.environment == "publish" %}
+        <!-- include Google Tag Manager noscript on production -->
+        {% include google-noscript.html %}
+      {% endif %}

data/_includes/header.html

@@ -0,0 +1,82 @@
+<!-- Header -->
+<header>
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col text-center d-flex">
+        <a href="{{site.baseurl}}">
+        <svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+        	 width="288px" height="144px" viewBox="0 0 288 144" enable-background="new 0 0 288 144" xml:space="preserve" class="links__kcc-logo">
+        <path fill="#0F3B63" d="M279.099,75.699c0,0-56.483,56.448-131.813,30.087C70.713,78.984,8.901,114.201,8.901,114.201
+        	s61.992-54.387,135.315-29.709C218.556,109.512,279.099,75.699,279.099,75.699"/>
+        <path fill="#B6BBC3" d="M252.666,102.117c0,0-48.238,48.244-105.522,22.188c-63.299-28.799-118.325-12.41-118.325-12.41
+        	s56.723-22.743,115.963-2.875C203.462,128.695,252.666,102.117,252.666,102.117"/>
+        <g>
+        	<defs>
+        		<polyline id="SVGID_1_" points="27.846,15.147 258.309,15.147 258.309,95.742 27.846,95.742 27.846,15.147 		"/>
+        	</defs>
+        	<clipPath id="SVGID_2_">
+        		<use xlink:href="#SVGID_1_"  overflow="visible"/>
+        	</clipPath>
+        	<path clip-path="url(#SVGID_2_)" fill="#0F3B63" d="M44.916,91.926H28.521l-0.675,3.177h10.506
+        		C40.45,94.033,42.635,92.971,44.916,91.926 M59.679,60.831h-6.345L46.92,91.023c1.06-0.469,2.143-0.936,3.239-1.394l5.443-25.622
+        		h5.66L59.679,60.831 M65.853,15.786H62.91l-5.661,26.649h2.943L65.853,15.786 M118.206,15.786h-5.223L79.749,51.525l14.474,27.004
+        		c0.992-0.084,1.987-0.157,2.99-0.219L83.781,53.154L118.206,15.786"/>
+        	<path clip-path="url(#SVGID_2_)" fill="#0F3B63" d="M50.159,89.63c-1.096,0.458-2.179,0.925-3.239,1.394l-0.192,0.902h-1.812
+        		c-2.281,1.045-4.466,2.107-6.563,3.177h10.644L50.159,89.63 M97.213,78.311c-1.003,0.062-1.998,0.135-2.99,0.219l7.18,13.396
+        		H75.862l1.583,3.177l28.647-0.161L97.213,78.311"/>
+        	<path clip-path="url(#SVGID_2_)" fill="#0F3B63" d="M175.203,65.07h-2.944c-1.779,8.335-3.707,15.85-11.906,21.681
+        		c-0.894,0.626-1.792,1.186-2.692,1.685c1.774,0.445,3.549,0.86,5.303,1.243c8.183-5.988,9.934-13.726,11.745-22.287L175.203,65.07
+        		 M144.837,30.375c-12.051,0-14.004,3.699-16.407,15.021l-2.628,12.375c-1.694,7.964-2.448,12.628,1.098,14.829
+        		c-0.648-2.62,0.059-6.425,1.17-11.652l2.628-12.375c2.403-11.322,4.356-15.021,16.407-15.021c3.78,0,6.913,0.147,8.926,1.312
+        		C155.134,30.738,150.788,30.375,144.837,30.375 M177.566,20.006c1.833,3.875,1.981,9.585,0.346,17.983l-0.648,3.069h-18.861
+        		c-0.004,0.036-0.008,0.072-0.012,0.108l-0.647,3.069h21.789l0.647-3.069C182.338,30.087,181.392,23.686,177.566,20.006"/>
+        	<path clip-path="url(#SVGID_2_)" fill="#0F3B63" d="M105.867,86.582c4.455,8.696,16.081,9.16,30.348,9.16h1.039
+        		c8.827-0.001,17.244-0.116,25.376-5.823c0.112-0.08,0.223-0.16,0.333-0.24c-1.754-0.383-3.528-0.798-5.303-1.243
+        		c-7.293,4.038-14.817,4.129-22.673,4.13c-0.023,0-0.046,0-0.07,0c-0.323,0-0.646,0-0.971,0l0,0
+        		C121.667,92.565,111.345,92.222,105.867,86.582"/>
+        	<path clip-path="url(#SVGID_2_)" fill="#0F3B63" d="M252.198,65.07h-2.945c-1.786,8.335-3.706,15.85-11.905,21.681
+        		c-8.132,5.698-16.548,5.813-25.366,5.814c-0.023,0-0.047,0-0.07,0c-0.322,0-0.646,0-0.969,0l0,0
+        		c-12.281,0-22.604-0.345-28.084-5.985c1.74,3.396,4.573,5.537,8.231,6.886c3.195,0.169,6.339,0.249,9.415,0.249
+        		c15.019,0,28.555-1.892,39.996-4.449c7.719-5.93,9.423-13.509,11.202-21.874L252.198,65.07 M221.832,30.375
+        		c-12.06,0-14.004,3.699-16.407,15.021l-2.637,12.375c-1.688,7.964-2.441,12.628,1.105,14.829c-0.647-2.621,0.06-6.425,1.172-11.652
+        		l2.628-12.375c2.402-11.322,4.355-15.021,16.406-15.021c3.778,0,6.912,0.147,8.926,1.313
+        		C232.128,30.738,227.776,30.375,221.832,30.375 M254.562,20.007c0.97,2.049,1.468,4.615,1.479,7.818c0,0.076,0,0.15,0,0.227
+        		c-0.01,2.803-0.384,6.087-1.134,9.938l-0.657,3.069h-18.853c-0.004,0.036-0.008,0.072-0.012,0.108l-0.647,3.069h21.779l0.657-3.069
+        		c0.75-3.85,1.125-7.135,1.134-9.938v-0.226C258.29,25.866,257.021,22.373,254.562,20.007"/>
+        	<path clip-path="url(#SVGID_2_)" fill="#0F3B63" d="M240.501,89.266c-11.441,2.558-24.978,4.449-39.996,4.449
+        		c-3.076,0-6.22-0.08-9.415-0.249c5.708,2.104,13.423,2.276,22.12,2.276h1.038c8.819-0.001,17.235-0.116,25.368-5.823
+        		C239.92,89.703,240.214,89.485,240.501,89.266"/>
+        </g>
+        <path fill="#C61F49" d="M134.987,92.565h-1.041l0,0c0.325,0,0.647,0,0.971,0C134.941,92.565,134.964,92.565,134.987,92.565"/>
+        <g>
+        	<defs>
+        		<polyline id="SVGID_3_" points="25.578,11.97 256.041,11.97 256.041,92.565 25.578,92.565 25.578,11.97 		"/>
+        	</defs>
+        	<clipPath id="SVGID_4_">
+        		<use xlink:href="#SVGID_3_"  overflow="visible"/>
+        	</clipPath>
+        	<polygon clip-path="url(#SVGID_4_)" fill="#C61F49" points="115.938,12.609 90.342,12.609 63.594,42.435 60.192,42.435
+        		57.249,42.435 62.91,15.786 63.585,12.609 42.435,12.609 25.578,91.926 28.521,91.926 44.916,91.926 46.728,91.926 46.92,91.023
+        		53.334,60.831 59.679,60.831 61.262,64.008 70.566,82.674 75.177,91.926 75.862,91.926 101.403,91.926 94.223,78.529
+        		79.749,51.525 112.983,15.786 	"/>
+        	<path clip-path="url(#SVGID_4_)" fill="#C61F49" d="M177.566,20.006c-3.361-7.105-12.39-8.036-26.483-8.036
+        		c-23.274,0-38.142,3.816-43.722,30.042l-4.356,20.52c-1.382,6.493-1.673,11.583-1.051,15.574c0.573,3.681,1.924,6.428,3.913,8.476
+        		c5.479,5.64,15.801,5.983,28.08,5.983h1.041c7.855-0.001,15.38-0.092,22.673-4.13c0.9-0.499,1.799-1.059,2.692-1.685
+        		c8.199-5.831,10.127-13.346,11.906-21.681c0.061-0.284,0.121-0.569,0.182-0.855l0.494-2.322h-21.788l-0.486,2.322
+        		c-1.98,9.307-6.345,9.945-15.129,9.945c-4.157,0-6.905-0.487-8.632-1.56c-3.546-2.201-2.792-6.865-1.098-14.829l2.628-12.375
+        		c2.403-11.322,4.356-15.021,16.407-15.021c5.951,0,10.297,0.363,11.194,4.488c0.188,0.866,0.225,1.897,0.092,3.126l-0.648,3.069
+        		h2.928h18.861l0.648-3.069C179.548,29.591,179.399,23.881,177.566,20.006z"/>
+        	<path clip-path="url(#SVGID_4_)" fill="#C61F49" d="M254.562,20.007C251.2,12.9,242.17,11.97,228.069,11.97
+        		c-23.266,0-38.143,3.816-43.713,30.042l-4.365,20.52c-2.651,12.479-1.279,19.779,2.867,24.048
+        		c5.479,5.641,15.803,5.985,28.084,5.985h1.039c8.818-0.001,17.234-0.116,25.366-5.814c8.199-5.831,10.119-13.346,11.905-21.681
+        		c0.061-0.284,0.121-0.569,0.182-0.855l0.495-2.322h-21.789l-0.494,2.322c-1.98,9.307-6.346,9.945-15.12,9.945
+        		c-4.157,0-6.905-0.488-8.633-1.56c-3.547-2.201-2.794-6.865-1.105-14.829l2.637-12.375c2.403-11.322,4.348-15.021,16.407-15.021
+        		c5.944,0,10.296,0.363,11.193,4.49c0.188,0.866,0.226,1.896,0.093,3.125l-0.657,3.069h2.937h18.853l0.657-3.069
+        		c0.75-3.851,1.124-7.135,1.134-9.938v-0.227C256.029,24.623,255.531,22.057,254.562,20.007z"/>
+        </g>
+        </svg></a>
+        <h1 class="typography__news-room-main-heading">Newsroom</h1>
+      </div>
+    </div>
+  </div>
+</header>

data/_includes/local-nav.html

@@ -0,0 +1,27 @@
+<nav id="mainNav" role="navigation" class="navbar navbar-expand-lg navbar-light bg-light local-nav fixed-top navbar-fixed-top">
+  <a href="{{ page.baseurl }}" class="links__local-nav__newsroom-heading-link typography__newsroom-heading navbar-brand">
+    <h1 class="typography__newsroom-main-heading">{{ page.title }}</h1>
+  </a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav ml-auto">
+      <li id="home" class="nav-item active">
+        <a class="nav-link links__local-nav__nav-link--color" href="{{page.baseurl}}">Home <span class="sr-only">(current)</span></a>
+      </li>
+      <!-- <li class="nav-item dropdown">
+        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Dropdown
+        </a>
+        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+          <a class="dropdown-item" href="#">Action</a>
+          <a class="dropdown-item" href="#">Another action</a>
+          <div class="dropdown-divider"></div>
+          <a class="dropdown-item" href="#">Something else here</a>
+        </div>
+      </li> -->
+    </ul>
+  </div>
+</nav>

data/_includes/local-stylesheets.html

@@ -0,0 +1,15 @@
+<!-- Bootstrap 4 Beta stylesheet CDN link -->
+<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
+<link rel="stylesheet" href="{{ page.baseurl }}assets/vendor/css/bootstrap.min.css">
+<!--  Slick.js v1.8.1 stylesheet followed by slick-theme stylesheet  -->
+<link rel="stylesheet" type="text/css" href="{{ page.baseurl }}assets/vendor/css/slick.min.css"/>
+<link rel="stylesheet" type="text/css" href="{{ page.baseurl }}assets/vendor/css/slick-theme.min.css"/>
+<!-- Typkit font for local nav's "FOUNDATION" header -->
+<link rel="stylesheet" href="http://use.typekit.net/mli7lsm.css">
+<!-- Link to Google Font's "Roboto" font -->
+<link href="http://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
+<!-- Link to Google Font's "Open Sans" font -->
+<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
+<!-- Link to Google Font's "Oswald" font -->
+<link href="http://fonts.googleapis.com/css?family=Oswald:300,400,500,600" rel="stylesheet">
+<link href="http://fonts.googleapis.com/css?family=Libre+Franklin:300,500,700" rel="stylesheet">

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/slim.html

@@ -0,0 +1,2 @@
+<!--  Custom JS to load custom YouTube playlist  -->
+<script src="{{page.baseurl}}assets/js/dist/table.{% if site.data.hash %}{{ site.data.hash }}{% endif %}.bundle.js"></script>

data/_includes/scripts/vendor-cdn.html

@@ -0,0 +1,6 @@
+<!-- CDN links to Bootstrap 4 beta dependancies -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" 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/scripts/vendor-local.html

@@ -0,0 +1,6 @@
+<!-- CDN links to Bootstrap 4 beta dependancies -->
+<script src="{{ page.baseurl }}assets/vendor/js/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+<script src="{{ page.baseurl }}assets/vendor/js/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
+<script src="{{ page.baseurl }}assets/vendor/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
+<!--  Link to Slick.js javascript (must occur after jquery)  -->
+<script type="text/javascript" src="{{ page.baseurl }}assets/vendor/js/slick.min.js"></script>

data/_includes/social-icons.html

@@ -0,0 +1,32 @@
+<div class="text-center">
+  <span>
+    <a href="http://www.facebook.com/KankakeeCommunityCollege/" class="social-icons__links" target="_blank" rel="noopener">
+      <img src="{{page.baseurl}}assets/img/facebook-f_white.svg" class="social-icons__icons" alt="Facebook icon, link to the KCC Facebook page">
+    </a>
+  </span>
+  <span>
+    <a href="http://twitter.com/KCCedu" class="social-icons__links" target="_blank" rel="noopener">
+      <img src="{{page.baseurl}}assets/img/twitter-white.svg" class="social-icons__icons" alt="Twitter icon, link to KCC Twitter page">
+    </a>
+  </span>
+  <span>
+    <a href="http://www.instagram.com/kccedu/" class="social-icons__links" target="_blank" rel="noopener">
+      <img src="{{page.baseurl}}assets/img/instagram-white.svg" class="social-icons__icons" alt="Instagram icon, link to KCC Instagram page">
+    </a>
+  </span>
+  <span>
+    <a href="http://www.youtube.com/user/KankakeeCommCollege" class="social-icons__links" target="_blank" rel="noopener">
+      <img src="{{page.baseurl}}assets/img/youtube-white.svg" class="social-icons__icons" alt="YouTube icon, link to KCC YouTube page">
+    </a>
+  </span>
+  <span>
+    <a href="http://www.pinterest.com/kccedu/" class="social-icons__links" target="_blank" rel="noopener">
+      <img src="{{page.baseurl}}assets/img/pinterest-p_white.svg" class="social-icons__icons" alt="Pinterest icon, link to KCC Pinterest page">
+    </a>
+  </span>
+  <span>
+    <a href="http://www.linkedin.com/company/kankakee-community-college" class="social-icons__links" target="_blank" rel="noopener">
+      <img src="{{page.baseurl}}assets/img/linkedin-white.svg" class="social-icons__icons" alt="LinkedIn icon, link to KCC LinkedIn page">
+    </a>
+  </span>
+</div>

data/_includes/stylesheets.html

@@ -0,0 +1,17 @@
+<!--  Preload slick font  -->
+<link rel="preload" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/fonts/slick.woff" as="font" crossorigin="anonymous">
+<!-- Bootstrap 4 Beta stylesheet CDN link -->
+<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->
+<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 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"/>
+<!-- Typkit font for local nav's "FOUNDATION" header -->
+<link rel="stylesheet" href="https://use.typekit.net/mli7lsm.css">
+<!-- Link to Google Font's "Roboto" font -->
+<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
+<!-- Link to Google Font's "Open Sans" font -->
+<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
+<!-- Link to Google Font's "Oswald" font -->
+<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500,600" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Libre+Franklin:300,500,700" rel="stylesheet">