kcc-gem-theme-core 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 444ea62209488acd569a5f4775e707fd20354ab2520d81817aea4b4a2c6d25ac
+  data.tar.gz: bfd6f9c7b0e3feceb9f85b4b8213901c0e34316d5043a62a186b7ff8938dc59f
+SHA512:
+  metadata.gz: 7a55f6294114ba7ede281a18f4b1368088943ecf52f9f2d73111112ad6321e3d87e5e9ec21532dd870acb926e4589b501ede9aef4fdebdaffea043c5bf96d0d3
+  data.tar.gz: 33ed4bfa7d59a3169c4df71270e297439061715a2c843dd59f8c209e45fca89d3ed6dd348392469cfe08ce8d4bf47bcbb29085816199d9bf25e301d5aa0c2ef0

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,138 @@
+# kcc-gem-theme-core
+
+### A Jekyll theme for new KCC sites.
+
+[![Gem Version](https://badge.fury.io/rb/kcc-gem-theme.svg)](https://badge.fury.io/rb/kcc-gem-theme)
+
+-----
+
+This theme's GitHub repo has all the Gulp, npm, & Webpack dependancies included to compile & view it in a browser, just like our new sites, for convenient development and previewing of changes.
+
+-----
+
+<br>
+
+## Install the Gem in a Jekyll Project
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "kcc-gem-theme-core"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: kcc-gem-theme-core
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install kcc-gem-theme-core
+
+
+-----
+
+<br>
+
+## 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.
+
+-----
+
+<br>
+
+## Development
+
+This Gem Theme project is setup just like other KCC projects. You can run `$ npm run dev`, `$ npm run production`, `$ npx webpack`, or `$ gulp`.
+
+1. Run the command below to work on development of the theme and live preview it at http://localhost:3000.
+
+```shell
+$ npm run dev
+
+# A convenient alias:
+alias npm-d="npm run dev"
+```
+
+2. Once satisfied with the changes run a production build and look at the preview to make sure everything is ok.
+
+```shell
+$ npm run production
+
+# A convenient alias:
+alias npm-p="npm run production"
+```
+
+3. (Optional) Make a new version release: Up the version in the kcc-gem-theme-core.gemspec file.
+
+```shell
+### Example .gemspec file ###
+# frozen_string_literal: true
+
+Gem::Specification.new do |spec|
+  spec.name          = "kcc-gem-theme-core"
+  spec.version       = "0.4.4" # increase the appropriate number following semantic versioning
+# ...
+### Remainder of .gemspec file omitted. ###
+```
+
+4. Push the changes to GitHub.
+
+```shell
+git add .
+git commit -m "<you commit message>"
+git push origin master
+```
+
+5. Build them gem.
+
+```shell
+$ gem build kcc-gem-theme-core.gemspec
+
+# should return something like:
+Successfully built RubyGem
+Name: kcc-gem-theme-core
+Version: 0.4.4
+File: kcc-gem-theme-core-0.4.4.gem
+```
+
+6. Push the resulting gem to RubyGems.
+
+```shell
+gem push kcc-gem-theme-core-0.4.4.gem
+
+# should return something like:
+Pushing gem to https://rubygems.org...
+Successfully registered gem: kcc-gem-theme-core (0.4.4)
+```
+
+7. Update projects using the gem.
+
+```shell
+<username> @ <computername> in ~repositories/kcc-startup-template
+$ bundle update
+Fetching gem metadata from https://rubygems.org/...........
+Fetching gem metadata from https://rubygems.org/.
+# ...
+```
+
+On your next build you should see any new changes to gem theme.
+
+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-core.gemspec` accordingly.
+
+-----
+
+<br>
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+-----

data/_config.yml

@@ -0,0 +1,262 @@
+title: "KCC"
+site_name: Library
+public-url: "http://www.kcc.edu"
+url: 'URL is needed for robots.txt to work properly' ## NO TRAILING SLASHES!!/<--nope
+port: 3000
+timezone: America/Chicago
+google-tag_key: Google Tag Manager key goes here
+theme_config: true # This key should only be in the theme's _config.yml file and nowhere else # Otherwise you will get JS errors
+core_site: true
+core_site_subsite: true
+#translate: true ## Uncomment to activate Google Translate Powers (unfortunately no cowpowers)!!
+collections:
+  tabs:
+    people: false
+  accordions:
+    people: false
+  contacts:
+    people: true
+  icons:
+    output: false
+permalink: pretty
+description: > # this means to ignore newlines until "baseurl:"
+# Delete this comment and place description on this line
+baseurl: "" # the subpath of your site, e.g. /blog
+#include:
+#  - "_pages"
+#   - "_posts"
+
+# include future posts? (true or false)
+future: true
+# Build settings
+markdown: kramdown
+
+include:
+  - "_accordions/"
+  - "_tabs/"
+
+exclude:
+  - "node_modules"
+  - "npm-debug.log"
+  - "package.json"
+  - "package-lock.json"
+  - "README.md"
+  - "Gemfile"
+  - "Gemfile.lock"
+  - "LICENSE.txt"
+  - "webpack.config.js"
+  - "*.gem"
+  - "*.gemspec"
+  - "ruby-version.txt"
+  - "buildtools/"
+  - "postcss.config.js"
+
+uploads_dir: # specifies the default uploads directory for uploads in CloudCannon
+  - "uploads/"
+
+nav_links:
+  - link_text: Tutoring
+    link_href: tutoring
+    button: false
+  - link_text: Policies
+    link_href: 'policies'
+    button: false
+  - link_text: About
+    link_href: 'about'
+    button: false
+  - link_text: Faculty Resources
+    link_href: 'https://kcc.libguides.com/facultyservices'
+    external: true
+    button: false
+  - link_text: Contact
+    link_href: '#contact'
+    button: false
+    external: false
+  - link_text: Get Help
+    button: true
+    dropdown:
+      - text: Library Help
+        href: 'https://kcc.libguides.com/canvas'
+      - text: Tutoring Help
+        href: 'http://kcc.libguides.com/tutoringhelp'
+
+
+## Global/Main Navigation configuration for kcc.edu
+navigation: ## Add a navigation key to any project using kcc-gem-theme to locally override these settings
+  - link_text: Academics # @link_text becomes the main navigational categories
+    link_href: 'academics'
+    image: # The image element built into each dropdown menu
+      source: 'assets/img/e-tech_a-roberts_mar2016_D41_6690.jpg' # Points to the image file
+      alt: 'Student working in an electrical technology lab' # YOU ALWAYS NEED ALT TEXT!!!
+    dropdown: # Defines the 'academics' items in the dropdown
+## IMPORTANT: The first item in the 'dropdown' list is not sorted but stays as the first dropdown item...
+##            After the first item, the dropdown list is sorted alphabetically by the 'text' key.
+      - text: Academic Programs ## Text for the first dropdown item (stays at the top)
+        href: 'academics' ## Relative link that the first dropdown item should point to
+      - text: Class Schedule 
+        href: 'schedule' # Relative link with hashes and queries work too 'page/#hash' or 'page/?id=some-heading#hash'
+      - text: Academic Calendar
+        href: 'calendar'
+      - text: Continuing Education
+        href: 'https://continuinged.kcc.edu/' ## Absolute URL with protocol works too
+      - text: High School Equivalency (GED/HiSET)
+        href: 'https://adulted.kcc.edu/programs/ged/'
+      - text: Commencement
+        href: 'commencement'
+      - text: Final Exam Schedule
+        href: 'final-exams'
+      - text: Register for Classes
+        href: 'register'
+      - text: Academic Catalog
+        href: 'https://kcc.smartcatalogiq.com/current/Academic-Catalog'
+      - text: "Exam Make-ups"
+        href: exam-makeups
+  - link_text:  Admissions
+    link_href: admissions
+    image:
+      source: 'assets/img/admissions-navigation-menu.jpg'
+      alt: "Student posing in front of the metal sculpture in KCC's courtyard"
+    dropdown:
+      - text:  Admissions
+        href: admissions
+      - text: Placement Testing
+        href: 'testing'
+      - text: Apply
+        href: 'https://kccedu.force.com/portal/TX_SiteLogin?startURL=%2Fportal%2FTargetX_Base__Portal'
+      - text: Request Information
+        href: 'https://info.kcc.edu/'
+      - text: Visit/Explore
+        href: 'https://visit.kcc.edu'
+      - text: Cav Day
+        href: 'cav-day'
+      - text: 'Start in High School'
+        href: 'high-school'
+      - text: Request KCC Transcripts
+        href: '#request-your-transcript'
+      - text: 'Veterans Services'
+        href: 'veterans'
+  - link_text:  Tuition & Aid
+    link_href: 'tuition-and-aid'
+    image:
+      source: 'assets/img/fafsa-early-bird-banner-18.jpg'
+      alt: 'The early bird gets the money. FAFSA available Oct. 1. Apply at fafsa.gov. More details and workshop info at www.kcc.edu/finaid'
+    dropdown:
+      - text:  Tuition & Aid
+        href: 'tuition-and-aid'
+      - text: Financial Aid
+        href: 'financial-aid'
+      - text: Net Price Calculator
+        href: 'net-price-calculator'
+      - text: 'Cost to Attend KCC'
+        href: '#cost-to-attend'
+      - text: 'Tuition Payment & Deadlines'
+        href: '#tuition-payment-and-deadlines'
+      - text: 'Financial Aid Forms'
+        href: 'financial-aid/#financial-aid-forms'
+      - text: 'Student Employment'
+        href: 'financial-aid/#student-employment'
+  - link_text: Student Resources
+    link_href: 'student-resources'
+    image:
+      source: 'assets/img/DSC_5650_helpful.jpg'
+      alt: 'Receptionist answering the phone'
+    dropdown:
+      - text: Student Resources
+        href: 'student-resources'
+      - text: Bookstore
+        href: 'http://books.kcc.edu'
+      - text: Clubs & Organizations
+        href: 'clubs'
+      - text: 'Center for Equity, Diversity & Inclusion'
+        href: 'edi'
+      - text: Fitness Center
+        href: 'https://athletics.kcc.edu/facilities/fitness-center'
+      - text: Advising
+        href: 'advising'
+      - text: Transfer Services
+        href: 'transfer'
+      - text: 'Counseling & Referral Services'
+        href: 'counseling-and-referral-services'
+      - text: Disability Services
+        href: 'disability-services'
+      - text: Student Representatives
+        href: 'student-representatives'
+      - text: Student Complaint Policy
+        href: 'student-complaint-policy'
+      - text: Start the Semester Right
+        href: 'welcome'
+      - text: KCC Food Pantry
+        href: 'food-pantry'
+      - text: Tutoring
+        href: 'https://library.kcc.edu/tutoring/'
+      - text: TRIO Student Support Services
+        href: 'trio'
+      - text: Career Services
+        href: 'https://continuinged.kcc.edu/career-services/'
+      - text: Food Services
+        href: 'food-services'
+      - text: Workforce Services
+        href: 'https://wioa.kcc.edu/'
+      - text: Student Handbook
+        href: handbook
+  - link_text: Community
+    link_href: 'community'
+    image:
+      source: 'assets/img/go_cavs_20171002_193828-web.jpg'
+      alt: 'Group photo of students holding Cavalier signs'
+    dropdown:
+      - text: Community
+        href: 'community'
+      - text: Adult & Community Education
+        href: 'https://adulted.kcc.edu/'
+      - text: Continuing Education
+        href: 'https://continuinged.kcc.edu'
+      - text: Sustainability
+        href: 'sustainability'
+      - text: Arts & Culture
+        href: 'arts-and-culture'
+      - text: Workforce Services
+        href: 'https://wioa.kcc.edu/'
+      - text: Community Testing Center
+        href: testing-center
+  - link_text: About KCC
+    link_href: 'about'
+    link_nav: 'about'
+    image:
+      source: 'assets/img/ATEC-DSC_1033.jpeg'
+      alt: 'The new Advanced Technology Education Center building'
+    dropdown:
+      - text: About KCC
+        href: 'about'
+      - text: Newsroom
+        href: 'https://news.kcc.edu'
+      - text: Leadership
+        href: 'leadership'
+      - text: Board of Trustees
+        href: board-of-trustees
+      - text: Human Resources
+        href: 'human-resources'
+      - text: Job Openings
+        href: 'human-resources/job-openings'
+      - text: Directories
+        href: 'directories'
+      - text: Information Technology Services
+        href: 'its'
+      - text: Marketing
+        href: 'marketing'
+      - text: 'Institutional Effectiveness'
+        href: 'institutional-effectiveness'
+      - text: 'Police & Safety'
+        href: 'police-and-safety'
+      - text: 'Student Code of Conduct'
+        href: 'code-of-conduct'
+      - text: 'Title IX'
+        href: 'title-ix'
+      - text: 'Contact Us'
+        href: 'contact-us'
+      - text: Web Services
+        href: 'marketing/web-services'
+      - text: Consumer Info and Disclosures
+        href: 'consumer-info'
+      - text: ICCB Salary and Benefits Portal
+        href: 'http://iccbdbsrv.iccb.org/salarysearch/home.cfm'

data/_data/cache_bust_css.yml

@@ -0,0 +1 @@
+a8eaac1c192cb9d1083572e4752662e5  ../assets/scss/kcc-theme.css

data/_includes/accordion.html

@@ -0,0 +1,36 @@
+<div class="row editor-link">
+  <div class="col editor-link mb-3">
+    <a href="cloudcannon:collections/_accordions/" class="btn btn-success editor-button">Edit Accordions Collection</a>
+  </div>
+</div>
+<div id="accordion" class="accordion pt-2 pb-3 mb-3">
+  {% assign page_title = page.title %}
+  {% assign accordion_collection = site.accordions | where: "accordion_page", page_title | sort: "order" %}
+  {% for item in accordion_collection %}
+  {% assign this_accordion_id = item.card_heading | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | replace: "/", "-" | replace: 'é', 'e' | remove: '’' | remove: '0' | remove: '1' | remove: '2' | remove: '3' | remove: '4' | remove: '5' | remove: '6' | remove: '7' | remove: '8' | remove: '9' | remove: '?' | remove: '!' | remove: '#' | remove: '$'  | remove: '.' | remove: ',' | remove: '(' | remove: ')' | remove: '®' | remove: '©' %}
+  <div class="card">
+    <div class="card-header px-0" id="card-header-{{ this_accordion_id }}">
+      <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
+        <button
+          class="btn btn-link buttons__no-decoration accordion__button{% if forloop.first != true %} collapsed{% endif %}{% if forloop.first == true and page.accordion_expanded == false %} collapsed{% endif %}"
+          type="button" data-target="#{{ this_accordion_id }}" data-toggle="collapse"
+          aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}"
+          aria-controls="{{ this_accordion_id }}">
+          {{ item.card_heading }}
+        </button>
+      </h2>
+    </div>
+    <div id="{{ this_accordion_id }}"
+      class="collapse links__offset{% if forloop.first == true and page.accordion_expanded != false %} show{% endif %}"
+      aria-labelledby="card-header-{{ this_accordion_id }}">
+      <div class="card-body">
+        <!-- Editor Link -->
+        <a href="cloudcannon:collections/{{ item.path }}" class="btn btn-success mb-4 editor-button">Edit This Accordion
+          Item</a>
+
+        {{ item.content }}
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>

data/_includes/accordion_path-sorting.html

@@ -0,0 +1,29 @@
+<div class="row editor-link">
+  <div class="col editor-link mb-3">
+    <a href="cloudcannon:collections/_accordions/" class="btn btn-success editor-button">Edit Accordions Collection</a>
+  </div>
+</div>
+<div id="accordion" class="accordion">
+  {% assign page_title = page.title | downcase | replace: ' ', '-' | replace: '&', 'and' %}
+  {% assign accordion_collection = site.accordions | where_exp: "item", "item.path contains page_title" %}
+  {% for item in accordion_collection | sort: 'order' %}
+  {% assign this_accordion_id = item.card_heading | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | replace: "/", "-" | remove: '0' | remove: '1' | remove: '2' | remove: '3' | remove: '4' | remove: '5' | remove: '6' | remove: '7' | remove: '8' | remove: '9' | remove: '?' | remove: '!' | remove: '#' | remove: '$'  | remove: '.' | remove: ',' | remove: '(' | remove: ')' | remove: '®' | remove: '©' %}
+  <div class="card">
+    <div class="card-header accordion__padding-left" id="card-header-{{ this_accordion_id }}">
+        <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
+          <button class="btn btn-link buttons__no-decoration accordion__button{% if forloop.first != true %} collapsed{% endif %}{% if forloop.first == true and page.accordion_expanded == false %} collapsed{% endif %}" type="button" data-target="#{{ this_accordion_id }}" data-toggle="collapse" aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}" aria-controls="{{ this_accordion_id }}">
+            {{ item.card_heading }}
+          </button>
+        </h2>
+    </div>
+    <div id="{{ this_accordion_id }}" class="collapse{% if forloop.first == true and page.accordion_expanded != false %} show{% endif %}" aria-labelledby="card-header-{{ this_accordion_id }}">
+        <div class="card-body">
+          <!-- Editor Link -->
+          <a href="cloudcannon:collections/{{ item.path }}" class="btn btn-success mb-4 editor-button">Edit This Accordion Item</a>
+
+          {{ item.content }}
+        </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>

data/_includes/body.html

@@ -0,0 +1,13 @@
+    {% unless jekyll.environment == "production" or jekyll.environment == "publish" %}
+    <!-- Custom CSS Stylesheet for CloudCannon -->
+    <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
+    {% endunless %}
+    <!-- Scripts loaded dynamically via JS -->
+    {%- comment -%}
+    <!-- Uncomment to prevent IE-11 caching (for IE testing) -->
+    <!-- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
+    <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
+    {% endcomment %}
+  </head>
+  <body{% if page.homepage == true %} id="homePage"{% endif %}>
+    <h1 class="sr-only">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>

data/_includes/breadcrumbs.html

@@ -0,0 +1,65 @@
+
+<nav aria-label="breadcrumb">
+  <ol class="breadcrumb breadcrumbs">
+  {% if site.core_root == true %}  
+    {% if page.title != '404' and page.title != 'Settings' %} 
+    <li class="breadcrumb-item">
+      <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
+        <title lang="en" id="home-icon-title">Home</title>
+        <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
+        <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
+        9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
+      </svg>
+    </li>
+    {% else if page.title == '404' or page.title == 'Settings' %}
+    <li class="breadcrumb-item">
+      <a href="../">
+        <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
+          <title lang="en" id="home-icon-title">Home</title>
+          <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
+          <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
+          9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
+        </svg>
+      </a>
+    </li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+    {% endif %}
+  {% else %}
+    {% if page.url == "/" %}
+    <li class="breadcrumb-item">
+      <a href="../">
+        <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
+          <title lang="en" id="home-icon-title">Home</title>
+          <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
+          <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
+          9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
+        </svg>
+      </a>
+    </li>
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+    {% else %}
+    {% assign url_arr = page.url | split: "/" %}
+    <li class="breadcrumb-item">
+      <a href="../{{ page.baseurl }}">
+        <svg id="home-icon" role="image" class="breadcrumbs--home" height="24px" width="24px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-labelledby="home-icon-title">
+          <title lang="en" id="home-icon-title">Home</title>
+          <path class="breadcrumbs--home--border" d="M0,0h24v24H0V0z"/>
+          <polygon class="breadcrumbs--home--house" points="14.5,19.5 14.5,13.5 9.5,13.5 
+          9.5,19.5 5.5,19.5 5.5,11.5 3.3,11.5 12,3.7 20.7,11.5 18.5,11.5 18.5,19.5 "/>
+        </svg>
+      </a>
+    </li>
+    <li class="breadcrumb-item"><a href="{{ page.baseurl }}">{{ site.site_name }}</a></li>
+    {% for item in url_arr %}
+    {% if item != '' %}
+      {% if forloop.last %}
+    <li class="breadcrumb-item active" aria-current="page">{{ page.title }}</li>
+      {% else %}
+    <li class="breadcrumb-item"><a href="../">{{ item | capitalize }}</a></li>
+      {% endif %}
+    {% endif %}
+    {% endfor %}
+    {% endif %}
+  {% endif %}
+  </ol>
+</nav>

data/_includes/card-section.html

@@ -0,0 +1,32 @@
+      <section>
+        <div class="container">
+          <div class="row">
+            <div class="col margins__col--top section__heading-underline">
+              <h3 class="typography__section--heading margins__heading--btm">{{ page.card_section }}</h3>
+            </div>
+          </div>
+          <div class="row">{% for card in page.cards %}
+            <div class="col-md-6 col-lg-4 text-center mx-auto card-section__col--margin-btm">
+              <div class="mb-3">
+                <a href="{{ card.link }}" class="links__block">
+                  <img
+                    alt="{{ card.thumb_alt_text }}"
+                    class="img-fluid rounded-circle w-50 img__shadow--border"
+                    src="{{ page.baseurl }}assets/img/placeholder_square.jpg"
+                    data-src="{{ page.baseurl }}{{ card.thumb }}" />
+                </a>
+              </div>
+              <a class="links__no-underline" href="{{ card.link }}">
+                <h4 class="typography__orange-h4">{{ card.name }}</h4>
+              </a>
+              <div class="row card-section__text-wrapper">
+                <div class="col align-self-start">
+                  <p class="typography__p--bold">{{ card.description }}</p>
+                </div>
+              </div>
+                <a href="{{ card.link }}" class="btn btn-primary">{{ card.button_text }}</a>
+            </div>
+            {%- endfor -%}
+          </div>
+        </div>
+      </section>

data/_includes/chat-now.html

@@ -0,0 +1,15 @@
+<div class="row mt-3">
+  <div class="col margins__col--top section__heading-underline">
+    <h3 class="typography__section--heading margins__heading--btm">Need help?</h3>
+  </div>
+</div>
+<p>
+  <a
+    href="https://direct.lc.chat/9258945/"
+    target="_blank"
+    rel="noopener noreferrer"
+    class="btn btn-primary"
+  >
+    Chat Now
+  </a> with a Student Affairs representative or call <a href="tel:+18158028500">815-802-8500</a>.
+</p>