kcc-gem-theme 1.65.60 → 1.66.64

Sign up to get free protection for your applications and to get access to all the features.
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 %}