kcc-gem-theme 1.65.60 → 1.66.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. checksums.yaml +4 -4
  2. data/_data/cache_bust_css.yml +1 -1
  3. data/_data/navigation.yml +64 -50
  4. data/_data/theme_hash.yml +1 -1
  5. data/_includes/accordion.html +25 -11
  6. data/_includes/accordion_path-sorting.html +29 -0
  7. data/_includes/body.html +10 -8
  8. data/_includes/card-section.html +24 -25
  9. data/_includes/contacts.html +90 -90
  10. data/_includes/document-head.html +5 -3
  11. data/_includes/emergency-alerts.html +21 -21
  12. data/_includes/foot.html +1 -1
  13. data/_includes/footer.html +297 -163
  14. data/_includes/header-global.html +49 -25
  15. data/_includes/hero-slider.html +3 -3
  16. data/_includes/nav-global-bottom.html +45 -30
  17. data/_includes/nav-global-top.html +19 -14
  18. data/_includes/scripts/custom.html +2 -2
  19. data/_includes/scripts/emergency-alerts.html +2 -2
  20. data/_includes/scripts/google-api.html +2 -2
  21. data/_includes/scripts/google-noscript.html +5 -2
  22. data/_includes/scripts/google-tag.html +23 -24
  23. data/_includes/scripts/kcc-alerts.html +2 -2
  24. data/_includes/scripts/kcc-mega-nav.html +2 -2
  25. data/_includes/scripts/kcc-theme.html +2 -2
  26. data/_includes/scripts/translate.html +11 -11
  27. data/_includes/scripts/vendor-cdn.html +1 -1
  28. data/_includes/styles/fonts.html +2 -9
  29. data/_includes/styles/main.html +2 -2
  30. data/_includes/styles/vendor.html +1 -1
  31. data/_includes/svg/kcc.html +69 -59
  32. data/_includes/translate.html +3 -3
  33. data/_layouts/default-core.html +29 -30
  34. data/assets/css/kcc-theme.css +1 -1
  35. data/assets/js/theme/dist/alerts.bundle.js +1 -1
  36. data/assets/js/theme/dist/kcc-theme.bundle.js +1 -1
  37. data/assets/js/theme/src/addClassToOpenNavbar.js +20 -0
  38. data/assets/js/theme/src/all.js +2 -0
  39. data/assets/js/theme/src/test.js +36 -0
  40. data/assets/scss/1-base/_header-global.scss +6 -3
  41. data/assets/scss/1-base/_links.scss +7 -3
  42. data/assets/scss/1-base/_svg.scss +8 -0
  43. data/assets/scss/kcc-theme.scss +1 -0
  44. metadata +9 -6
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5751aee36da32712c236aab2d6029af3695ef5e687171788c9b93cd8ea8be47b
4
- data.tar.gz: d5545a44ebffcd2e0f7df7fa43da871f0ff8ccbb38bb195c97a3fded49018e17
3
+ metadata.gz: 184ef3d653f59eaf2ac4da8f546c1de9ef48c4d312b9dabe8946a6d9c9f3c321
4
+ data.tar.gz: ec5db011ef04a23d3f48c70aa4d3411579fc5e580f44b74c3faf52aa130cbb07
5
5
  SHA512:
6
- metadata.gz: ec1475c4e1a51c689804d80277904d582282d97021062a5a4752bbd8ac7f0dcffcbb1f78b189ba3d0257f05623368a0f42cedb8643ccccf0afc5a656b6d5a90f
7
- data.tar.gz: 1b0037585065469d2e269753b4cf6bfc8d46c168f2065e014e9f6a41b2ff97ff2935fecb2d22a0dd6ca5c884bd63c647f4bf7d0acae94d834db33b4c8421e705
6
+ metadata.gz: 8b33d234963a0cc066024ac16e10a22da75dd1d51546ed5b366359efe0590f2fec7a03f74da9194eb4723c85f97abb2a555e332cf9b87593809da7588ad5cb12
7
+ data.tar.gz: d583d65cfa6f250bc5a5d20d3a2bd6db8d929b40ed31c8a378f2b63a6cedd878c38267ca5b282893c9ab80f203a9157e7eb8e91f1ed399ddefb5874c449b5240
@@ -1 +1 @@
1
- e142a4750b2c359731f8ef3ff32a2578 ../assets/scss/kcc-theme.css
1
+ d75314a21985ad037af03d98ee2a23ee ../assets/scss/kcc-theme.css
@@ -4,8 +4,6 @@
4
4
  source: 'assets/img/e-tech_a-roberts_mar2016_D41_6690.jpg'
5
5
  alt: 'Student working in an electrical technology lab'
6
6
  dropdown:
7
- - text: Register for Classes
8
- href: 'register'
9
7
  - text: Courses & Areas of Study
10
8
  href: 'courses'
11
9
  - text: Class Schedule
@@ -20,12 +18,16 @@
20
18
  href: 'commencement'
21
19
  - text: Final Exam Schedule
22
20
  href: 'final-exams'
21
+ - text: Register for Classes
22
+ href: 'register'
23
23
  - link_text: Admissions
24
24
  link_href: admissions
25
25
  image:
26
26
  source: 'assets/img/2016-senior-viewbook.jpg'
27
- alt: 'Take the first step to achieveing your goals, dreams & ambitions'
27
+ alt: 'Take the first step to achieving your goals, dreams & ambitions'
28
28
  dropdown:
29
+ - text: Placement Testing
30
+ href: 'testing'
29
31
  - text: Apply
30
32
  href: 'https://kccedu.force.com/portal/TX_SiteLogin?startURL=%2Fportal%2FTargetX_Base__Portal'
31
33
  - text: Request Information
@@ -34,69 +36,81 @@
34
36
  href: 'https://visit.kcc.edu'
35
37
  - text: Cav Day
36
38
  href: 'cav-day'
37
- - text: 'College Credit in High School'
38
- href: 'college-credit'
39
+ - text: 'Start in High School'
40
+ href: 'high-school'
41
+ - text: Veteran Services
42
+ href: 'veterans'
39
43
  - link_text: Tuition & Aid
44
+ link_href: 'tuition-and-aid'
40
45
  image:
41
46
  source: 'assets/img/fafsa-early-bird-banner-18.jpg'
42
47
  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'
43
48
  dropdown:
44
- - text: Action
45
- href: '#'
46
- - text: Another action
47
- href: '#'
48
- - text: Another action
49
- href: '#'
50
- - text: Another action
51
- href: '#'
52
- - text: dropdown-divider
53
- - text: Something else here
54
- href: '#'
49
+ - text: Financial Aid
50
+ href: 'financial-aid'
51
+ - text: Net Price Calculator
52
+ href: 'net-price-calculator'
55
53
  - link_text: Student Resources
54
+ link_href: 'student-resources'
56
55
  image:
57
56
  source: 'assets/img/DSC_5650_helpful.jpg'
58
57
  alt: 'Receptionist answering the phone'
59
58
  dropdown:
60
- - text: Action
61
- href: '#'
62
- - text: Another action
63
- href: '#'
64
- - text: Another action
65
- href: '#'
66
- - text: Another action
67
- href: '#'
68
- - text: Another action
69
- href: '#'
70
- - text: dropdown-divider
71
- - text: Something else here
72
- href: '#'
59
+ - text: Bookstore
60
+ href: 'http://books.kcc.edu'
61
+ - text: Clubs & Organizations
62
+ href: 'clubs'
63
+ - text: Fitness Center
64
+ href: 'https://athletics.kcc.edu/facilities/fitness-center'
65
+ - text: Advising
66
+ href: 'advising'
67
+ - text: 'Counseling & Referral Services'
68
+ href: 'counseling-and-referral-services'
69
+ - text: Social Services
70
+ href: 'social-services'
71
+ - text: Disability Services
72
+ href: 'disability-services'
73
+ - text: Student Representatives
74
+ href: 'student-representatives'
75
+ - text: Student Complaint Policy
76
+ href: 'student-complaint-policy'
77
+ - text: Career Resources
78
+ href: 'career-resources'
79
+ - text: Food Pantry
80
+ href: 'food-pantry'
73
81
  - link_text: Community
82
+ link_href: 'community'
74
83
  image:
75
84
  source: 'assets/img/go_cavs_20171002_193828-web.jpg'
76
85
  alt: 'Group photo of students holding Cavalier signs'
77
86
  dropdown:
78
- - text: Action
79
- href: '#'
80
- - text: Another action
81
- href: '#'
82
- - text: Another action
83
- href: '#'
84
- - text: dropdown-divider
85
- - text: Something else here
86
- href: '#'
87
- - link_text: About
87
+ - text: Testing Services
88
+ href: 'testing-services'
89
+ - text: Continuing Education
90
+ href: 'https://continuinged.kcc.edu'
91
+ - text: Sustainability
92
+ href: 'sustainability'
93
+ - text: Speakers Bureau
94
+ href: 'speakers-bureau'
95
+ - text: Arts & Culture
96
+ href: 'arts-and-culture'
97
+ - link_text: About KCC
98
+ link_href: 'about'
88
99
  image:
89
100
  source: 'assets/img/ATEC-DSC_1033.jpeg'
90
101
  alt: 'The new Advanced Technology Education Center building'
91
102
  dropdown:
92
- - text: Action
93
- href: '#'
94
- - text: Another action
95
- href: '#'
96
- - text: Another action
97
- href: '#'
98
- - text: Another action
99
- href: '#'
100
- - text: dropdown-divider
101
- - text: Something else here
102
- href: '#'
103
+ - text: Newsroom
104
+ href: 'https://newsroom.kcc.edu'
105
+ - text: Leadership
106
+ href: 'leadership'
107
+ - text: 'Police & Safety'
108
+ href: 'police-and-safety'
109
+ - text: Human Resources
110
+ href: 'human-resources'
111
+ - text: ITS
112
+ href: 'its'
113
+ - text: Marketing
114
+ href: 'marketing'
115
+ - text: 'Institutional Effectiveness'
116
+ href: 'institutional-effectiveness'
@@ -1 +1 @@
1
- e41b3f004da835e1c414
1
+ 680d788e5a9ab08cc7f2
@@ -3,22 +3,36 @@
3
3
  <a href="cloudcannon:collections/_accordions/" class="btn btn-success editor-button">Edit Accordions Collection</a>
4
4
  </div>
5
5
  </div>
6
- <div id="accordion" class="accordion">
6
+ <div id="accordion" class="accordion pt-2 pb-3 mb-3">
7
7
  {% assign page_title = page.title %}
8
8
  {% assign accordion_collection = site.accordions | where: "accordion_page", page_title | sort: "order" %}
9
9
  {% for item in accordion_collection %}
10
+ {% assign this_accordion_id = item.card_heading | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | 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: '©' %}
10
11
  <div class="card">
11
- <div class="card-header px-0" id="card-header-{{ item.card_heading | downcase | replace: '-', '' | replace: '&', 'and' | replace: ' ', '-' | replace: "'", "" }}">
12
- <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
13
- <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="#{{ item.card_heading | downcase | replace: '-', '' | replace: '&', 'and' | replace: ' ', '-' | replace: "'", "" }}" data-toggle="collapse" aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}" aria-controls="{{ item.card_heading | downcase | replace: '-', '' | replace: '&', 'and' | replace: ' ', '-' | replace: "'", "" }}">
14
- {{ item.card_heading }}
15
- </button>
16
- </h2>
12
+ <div class="card-header px-0"
13
+ id="card-header-{{ this_accordion_id }}">
14
+ <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
15
+ <button
16
+ 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 %}"
17
+ type="button"
18
+ data-target="#{{ this_accordion_id }}"
19
+ data-toggle="collapse"
20
+ aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}"
21
+ aria-controls="{{ this_accordion_id }}">
22
+ {{ item.card_heading }}
23
+ </button>
24
+ </h2>
17
25
  </div>
18
- <div id="{{ item.card_heading | downcase | replace: '-', '' | replace: '&', 'and' | replace: ' ', '-' | replace: "'", "" }}" class="collapse{% if forloop.first == true and page.accordion_expanded != false %} show{% endif %}" aria-labelledby="card-header-{{ item.card_heading | downcase | replace: '-', '' | replace: '&', 'and' | replace: ' ', '-' | replace: "'", "" }}">
19
- <div class="card-body">
20
- {{ item.content }}
21
- </div>
26
+ <div
27
+ id="{{ this_accordion_id }}"
28
+ class="collapse{% if forloop.first == true and page.accordion_expanded != false %} show{% endif %}"
29
+ aria-labelledby="card-header-{{ this_accordion_id }}">
30
+ <div class="card-body">
31
+ <!-- Editor Link -->
32
+ <a href="cloudcannon:collections/{{ item.path }}" class="btn btn-success mb-4 editor-button">Edit This Accordion Item</a>
33
+
34
+ {{ item.content }}
35
+ </div>
22
36
  </div>
23
37
  </div>
24
38
  {% endfor %}
@@ -0,0 +1,29 @@
1
+ <div class="row editor-link">
2
+ <div class="col editor-link mb-3">
3
+ <a href="cloudcannon:collections/_accordions/" class="btn btn-success editor-button">Edit Accordions Collection</a>
4
+ </div>
5
+ </div>
6
+ <div id="accordion" class="accordion">
7
+ {% assign page_title = page.title | downcase | replace: ' ', '-' | replace: '&', 'and' %}
8
+ {% assign accordion_collection = site.accordions | where_exp: "item", "item.path contains page_title" %}
9
+ {% for item in accordion_collection | sort: 'order' %}
10
+ {% assign this_accordion_id = item.card_heading | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | 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: '©' %}
11
+ <div class="card">
12
+ <div class="card-header accordion__padding-left" id="card-header-{{ this_accordion_id }}">
13
+ <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
14
+ <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 }}">
15
+ {{ item.card_heading }}
16
+ </button>
17
+ </h2>
18
+ </div>
19
+ <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 }}">
20
+ <div class="card-body">
21
+ <!-- Editor Link -->
22
+ <a href="cloudcannon:collections/{{ item.path }}" class="btn btn-success mb-4 editor-button">Edit This Accordion Item</a>
23
+
24
+ {{ item.content }}
25
+ </div>
26
+ </div>
27
+ </div>
28
+ {% endfor %}
29
+ </div>
@@ -1,8 +1,10 @@
1
- <!-- Custom CSS Stylesheet for CloudCannon -->
2
- <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
3
- <!-- Uncomment to prevent IE-11 caching (for IE testing) -->
4
- <!-- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
5
- <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
6
- </head>
7
- <body{% if page.homepage == true %} id="homePage"{% endif %}>
8
- <h1 class="sr-only">{% if page.outline_title %}{{ page.outline_title }}{% else %}{{ page.title }}{% endif %}</h1>
1
+ <!-- Custom CSS Stylesheet for CloudCannon -->
2
+ <link rel="stylesheet" href="{{page.baseurl}}assets/css/content.css">
3
+ {%- comment -%}
4
+ <!-- Uncomment to prevent IE-11 caching (for IE testing) -->
5
+ <!-- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
6
+ <META HTTP-EQUIV="Expires" CONTENT="-1"> -->
7
+ {% endcomment %}
8
+ </head>
9
+ <body{% if page.homepage == true %} id="homePage"{% endif %}>
10
+ <h1 class="sr-only">{%- if page.outline_title -%}{{ page.outline_title }}{% else %}{{ page.title }}{%- endif -%}</h1>
@@ -1,27 +1,26 @@
1
- <section>
2
- <div class="container">
3
- <div class="row">
4
- <div class="col margins__col--top section__heading-underline">
5
- <h3 class="typography__section--heading margins__heading--btm">{{ page.card_section }}</h3>
6
- </div>
7
- </div>
8
- <div class="row">
9
- {% for card in page.cards %}
10
- <div class="col-md-6 col-lg-4 text-center mx-auto card-section__col--margin-btm">
11
- <div class="mb-3">
12
- <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/kcc-placeholder-square.png" data-src="{{ page.baseurl }}{{ card.thumb }}" /></a>
13
- </div>
14
- <a class="links__no-underline" href="{{ card.link }}">
15
- <h4 class="typography__orange-h4">{{ card.name }}</h4>
16
- </a>
17
- <div class="row card-section__text-wrapper">
18
- <div class="col align-self-start">
19
- <p class="typography__p--bold">{{ card.description }}</p>
1
+ <section>
2
+ <div class="container">
3
+ <div class="row">
4
+ <div class="col margins__col--top section__heading-underline">
5
+ <h3 class="typography__section--heading margins__heading--btm">{{ page.card_section }}</h3>
6
+ </div>
7
+ </div>
8
+ <div class="row">{% for card in page.cards %}
9
+ <div class="col-md-6 col-lg-4 text-center mx-auto card-section__col--margin-btm">
10
+ <div class="mb-3">
11
+ <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/kcc-placeholder-square.png" data-src="{{ page.baseurl }}{{ card.thumb }}" /></a>
12
+ </div>
13
+ <a class="links__no-underline" href="{{ card.link }}">
14
+ <h4 class="typography__orange-h4">{{ card.name }}</h4>
15
+ </a>
16
+ <div class="row card-section__text-wrapper">
17
+ <div class="col align-self-start">
18
+ <p class="typography__p--bold">{{ card.description }}</p>
19
+ </div>
20
+ </div>
21
+ <a href="{{ card.link }}" class="btn btn-primary">{{ card.button_text }}</a>
22
+ </div>
23
+ {%- endfor -%}
20
24
  </div>
21
25
  </div>
22
- <a href="{{ card.link }}" class="btn btn-primary">{{ card.button_text }}</a>
23
- </div>
24
- {% endfor %}
25
- </div>
26
- </div>
27
- </section>
26
+ </section>
@@ -1,96 +1,96 @@
1
- {% assign sorted_contacts = site.contacts | sort: "display_order" %}
2
- <section>
3
- <div class="container">
4
- <div class="row">
5
- <div class="col mt-1 home__col--heading-underline">
6
- <h3 id="contact" class="typography__section--heading margins__heading--btm links__offset">Contacts</h3>
7
- </div>
8
- </div>
9
- <div class="row editor-link">
10
- <div class="col editor-link mb-3">
11
- <a href="cloudcannon:collections/_contacts/" class="btn btn-success editor-button">Edit Contacts</a>
12
- </div>
13
- </div>
14
- <div class="row">
15
- {% for contact in sorted_contacts %}
16
- {% assign contact_name = contact.name | split: " " %}
17
- {% assign first = contact_name[0] %}
18
- {% assign last = contact_name[1] %}
19
- {% if contact.portrait != "For departments with no contact photos, do not change this field." and contact.portrait != 'none' %}
20
- <div class="col-md-6 contacts__col-bottom-margin">
21
- <div class="row">
22
- <div class="col-4 contacts__col--img">
23
- <img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait }}" alt="Photo of {{ contact.name }}" class="img-fluid contacts__portrait" />
1
+ {%- assign sorted_contacts = site.contacts | sort: "display_order" -%}
2
+ <section>
3
+ <div class="container">
4
+ <div class="row">
5
+ <div class="col mt-1 home__col--heading-underline">
6
+ <h3 id="contact" class="typography__section--heading margins__heading--btm links__offset">Contacts</h3>
7
+ </div>
24
8
  </div>
25
- <div class="col-8 float-right">
26
- <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
27
- {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
28
- <p class="notranslate">
29
- {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
30
- {% 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 %}
31
- {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
32
- {% 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 %}
33
- </p>
9
+ <div class="row editor-link">
10
+ <div class="col editor-link mb-3">
11
+ <a href="cloudcannon:collections/_contacts/" class="btn btn-success editor-button">Edit Contacts</a>
12
+ </div>
34
13
  </div>
35
- </div>
36
- </div>
37
- {% elsif contact.portrait == 'none' %}
38
- <div class="col-md-6 contacts__col-bottom-margin">
39
- <div class="row">
40
- <div class="col-4 contacts__col--img">
41
- <!-- No contact portrait -->
14
+ <div class="row">
15
+ {%- for contact in sorted_contacts -%}
16
+ {%- assign contact_name = contact.name | split: " " -%}
17
+ {%- assign first = contact_name[0] -%}
18
+ {%- assign last = contact_name[1] -%}
19
+ {% if contact.portrait != "For departments with no contact photos, do not change this field." and contact.portrait != 'none' %}
20
+ <div class="col-md-6 contacts__col-bottom-margin">
21
+ <div class="row">
22
+ <div class="col-4 contacts__col--img">
23
+ <img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait }}" alt="Photo of {{ contact.name }}" class="img-fluid contacts__portrait" />
24
+ </div>
25
+ <div class="col-8 float-right">
26
+ <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
27
+ {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
28
+ <p class="notranslate">
29
+ {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
30
+ {% 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 %}
31
+ {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
32
+ {%- 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 %}
33
+ </p>
34
+ </div>
35
+ </div>
36
+ </div>
37
+ {% elsif contact.portrait == 'none' %}
38
+ <div class="col-md-6 contacts__col-bottom-margin">
39
+ <div class="row">
40
+ <div class="col-4 contacts__col--img">
41
+ <!-- No contact portrait -->
42
+ </div>
43
+ <div class="col-8 float-right">
44
+ <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
45
+ {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
46
+ <p class="notranslate">
47
+ {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
48
+ {% 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 %}
49
+ {%- if contact.fax -%}Fax: {{ contact.fax }}{% endif %}
50
+ {%- 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 %}
51
+ </p>
52
+ </div>
53
+ </div>
54
+ </div>
55
+ {% else %}
56
+ <div class="col-sm-6 col-md-4 mb-3">
57
+ <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
58
+ {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
59
+ <p class="notranslate">
60
+ {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
61
+ {% 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 %}
62
+ {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
63
+ {% 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 %}
64
+ </p>
65
+ </div>
66
+ {%- endif -%}
67
+ {%- endfor -%}
42
68
  </div>
43
- <div class="col-8 float-right">
44
- <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
45
- {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
46
- <p class="notranslate">
47
- {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
48
- {% 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 %}
49
- {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
50
- {% 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 %}
51
- </p>
69
+ </div>
70
+ </section>
71
+ {% for contact in sorted_contacts %}
72
+ {%- if contact.bio == true -%}
73
+ <!-- Modal -->
74
+ <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">
75
+ <div class="modal-dialog">
76
+ <div class="modal-content">
77
+ <div class="modal-header">
78
+ <h5 class="typography__h6" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label">{{ contact.name }} Bio</h5>
79
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close">
80
+ <span aria-hidden="true">&times;</span>
81
+ </button>
82
+ </div>
83
+ <div class="modal-body">
84
+ {% if contact.portrait %}<img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait }}" class="img-fluid float-left mr-2 mb-2" alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}">{% endif %}
85
+ <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
86
+ {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
87
+ {{ contact.content }}
88
+ </div>
89
+ <div class="modal-footer">
90
+ <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
91
+ </div>
52
92
  </div>
53
93
  </div>
54
94
  </div>
55
- {% else %}
56
- <div class="col-sm-6 col-md-4 mb-3">
57
- <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
58
- {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
59
- <p class="notranslate">
60
- {% if contact.phone %}<a href="tel:1{{ contact.phone | remove: '-' }}" class="links__darker-link">{{ contact.phone }}</a><br>{% endif %}
61
- {% 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 %}
62
- {% if contact.fax %}Fax: {{ contact.fax }}{% endif %}
63
- {% 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 %}
64
- </p>
65
- </div>
66
- {% endif %}
67
- {% endfor %}
68
- </div>
69
- </div>
70
- </section>
71
- {% for contact in sorted_contacts %}
72
- {% if contact.bio == true %}
73
- <!-- Modal -->
74
- <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">
75
- <div class="modal-dialog">
76
- <div class="modal-content">
77
- <div class="modal-header">
78
- <h5 class="typography__h6" id="{{ contact.name | downcase | replace: ' ', '-' | remove: '.' | remove: '/' | remove: "'" | remove: '’' }}-label">{{ contact.name }} Bio</h5>
79
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
80
- <span aria-hidden="true">&times;</span>
81
- </button>
82
- </div>
83
- <div class="modal-body">
84
- {% if contact.portrait %}<img src="{{ page.baseurl }}assets/img/blank-contact.svg" data-src="{{ page.baseurl }}{{ contact.portrait }}" class="img-fluid float-left mr-2 mb-2" alt="Photo of {{ contact.name }} KCC's {{ contact.contacts_title }}">{% endif %}
85
- <h5 class="typography__contacts--name notranslate">{{ contact.name }}</h5>
86
- {% if contact.contacts_title %}<h6 class="typography__contacts--title">{{ contact.contacts_title }}</h6>{% endif %}
87
- {{ contact.content }}
88
- </div>
89
- <div class="modal-footer">
90
- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
91
- </div>
92
- </div>
93
- </div>
94
- </div>
95
- {% endif %}
96
- {% endfor %}
95
+ {%- endif -%}
96
+ {% endfor %}