diff --git a/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss b/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss
new file mode 100644
index 0000000000000000000000000000000000000000..150bf6caba39b1cfb59729b275e53453b6b49231
--- /dev/null
+++ b/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss
@@ -0,0 +1,107 @@
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+//
+// Academic Programs Landing Page
+// --------------------------------------------------
+
+//## view grid.
+.view-academic-programs {
+
+ .btn-programs {
+ padding: 0;
+ margin-bottom: 60px;
+
+ li {
+ display: inline;
+ padding: 20px 10px 20px 0;
+
+ .degree-btn {
+ border: #707070;
+ padding: 5px 10px;
+ color: $white;
+ text-transform: uppercase;
+ font-weight: 600;
+ }
+
+ .majors-btn {
+ background: #851E5E;
+ }
+
+ .minors-btn {
+ background: #235D62;
+ }
+
+ .certs-btn {
+ background: #442369;
+ }
+
+ .grads-btn {
+ background: #453831;
+ }
+ }
+
+ .active {
+
+ a {
+ background: #D4DF47;
+ color: #3D3D3D;
+ border-left: 2px solid #ABB33C;
+ border-top: 2px solid #ABB33C;
+ }
+ }
+ }
+
+ .bef-exposed-form {
+ background: #D8D8D8;
+ margin-bottom: 35px;
+
+ .form-item-combine{
+ width: 75%;
+ padding: 10px 20px;
+
+ .input-group {
+ width: 100%;
+ }
+
+ .input-group-addon {
+ display: none;
+ }
+ }
+
+ button {
+ text-transform: uppercase;
+ border-radius: 0;
+ }
+
+ button#edit-submit-academic-programs {
+ background-color: #26686d;
+ border-color: #225d62;
+ float: right;
+ }
+ }
+
+ .view-content {
+ margin-bottom: 60px;
+
+ a {
+ text-decoration: underline;
+ }
+ }
+
+}
+//
+// Academic Programs
+// --------------------------------------------------
+
+//## Academic Program page.
+
+.ap-main-cont {
+ margin-bottom: 60px;
+
+ .btn {
+ margin-top: 20px;
+ text-transform: uppercase;
+ }
+
+}
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss b/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss
new file mode 100644
index 0000000000000000000000000000000000000000..1663183b8c0b030d6eb1b313b8de0f651962e902
--- /dev/null
+++ b/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss
@@ -0,0 +1,154 @@
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+//
+// Departments and Centers Landing Page
+// --------------------------------------------------
+
+//## view grid.
+.view-departments-centers {
+ .view-header {
+ margin-bottom: 30px;
+
+ .dc-alpha {
+ margin-top: 20px;
+
+ span{
+ background: #EEE;
+ padding: 0 2px 0 5px;
+ margin-right: 10px;
+ font-weight: 600;
+ }
+ }
+ }
+
+ .row {
+ display: flex;
+
+ @media (max-width: 768px) {
+ display: block;
+ }
+ }
+
+ .col {
+ flex: 1;
+ background: #EEE;
+ border-top: solid 3px #BB0000;
+ margin: 1em;
+ padding: 0;
+ max-width: 33.33333%;
+
+ .views-field-fieldset {
+ height: 100%;
+
+ .inner-dc-grid {
+ height: 100%;
+
+ div {
+ height: 100%;
+
+ .dc-block-wrap {
+ height: 100%;
+
+ a {
+ display: block;
+ height: inherit;
+
+ .dc-block {
+ display: inherit;
+ padding: 10px 20px 20px 20px;
+
+ strong {
+ font-weight: 600;
+ }
+ }
+ }
+
+ }
+ }
+
+ }
+ }
+
+ @media (max-width: 768px) {
+ max-width: 100%;
+ }
+ }
+
+}
+
+#views-exposed-form-departments-centers-page-1 {
+ background: #D8D8D8;
+ margin-bottom: 35px;
+
+ .form-item-combine{
+ width: 75%;
+ padding: 10px 20px;
+
+ .input-group {
+ width: 100%;
+ }
+ }
+
+ button {
+ text-transform: uppercase;
+ border-radius: 0;
+ }
+
+ button#edit-submit-departments-centers {
+ background-color: #26686d;
+ border-color: #225d62;
+ float: right;
+ }
+}
+
+
+
+//
+// Departments and Centers
+// --------------------------------------------------
+
+//## Department/ Center page.
+
+.dc-main-cont {
+ background: #F9F9F9;
+ padding: 20px;
+ float: left;
+ width: 100%;
+ margin-bottom: 40px;
+
+ .dc-main-cont-lcol {
+ width: 50%;
+ float: left;
+
+ .btn {
+ text-transform: uppercase;
+ margin: 5px 0 15px;
+ }
+
+ .dc-social {
+ list-style-type: none;
+ font-size: 30px;
+ padding: 0;
+
+ li {
+ display: inline;
+ }
+
+ a {
+ color: #373535;
+ text-decoration: none;
+ }
+ }
+ }
+
+ .dc-main-cont-rcol {
+ width: 40%;
+ display: inline-block;
+ float: right;
+ }
+}
+
+.dc-add-cont {
+ margin-bottom: 40px;
+}
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_discover-your-path.scss b/web/themes/asc_bootstrap/assets/sass/components/_discover-your-path.scss
new file mode 100644
index 0000000000000000000000000000000000000000..8fc4096581c43c33806da524b333abe9a339ea8a
--- /dev/null
+++ b/web/themes/asc_bootstrap/assets/sass/components/_discover-your-path.scss
@@ -0,0 +1,98 @@
+@import "../helpers/mixins";
+@import "../helpers/variables";
+@import "../helpers/functions";
+//
+// Discover Your Path Landing Page
+// --------------------------------------------------
+
+//## view grid.
+.view-discover-your-path {
+
+ .inner-dyp-interest {
+ text-align: right;
+ padding: 0 10px;
+ background: #73792D;
+ color: $white;
+ text-transform: uppercase;
+ font-size: 14px;
+ }
+
+ .inner-dyp-interest-graduate {
+ background: #BCC188;
+ color: $black-base;
+ }
+
+ .inner-dyp-grid-majors {
+ background: #851E5E;
+ }
+
+ .inner-dyp-grid-minors {
+ background: #245D62;
+ }
+
+ .inner-dyp-grid-graduate {
+ background: #453831;
+ }
+
+ .inner-dyp-grid-certificates {
+ background: #442369;
+ }
+
+
+
+.row {
+ display: flex;
+
+ @media (max-width: 768px) {
+ display: block;
+ }
+ }
+
+ .col {
+ flex: 1;
+ margin: 1em;
+ padding: 0;
+ max-width: 33.33333%;
+
+ .views-field-fieldset {
+ height: 100%;
+
+ .inner-dyp-grid {
+ height: 100%;
+
+ div {
+ height: 100%;
+
+ .dyp-block-wrap {
+ height: 100%;
+
+ h3 {
+ color: $white;
+ }
+
+ p {
+ color: $white;
+ }
+
+ a {
+ display: block;
+ height: inherit;
+ color: $white;
+
+ .dyp-block {
+ display: inherit;
+ padding: 10px 20px 20px 20px;
+
+ strong {
+ text-transform: uppercase;
+ }
+ }
+ }
+
+ }
+ }
+
+ }
+ }
+ }
+}
diff --git a/web/themes/asc_bootstrap/assets/sass/style.scss b/web/themes/asc_bootstrap/assets/sass/style.scss
index 6ee6f77098d4577ce64ea6c6d6282f5ba110f340..fa22f5998caf77165c072639b344732089bf60fc 100644
--- a/web/themes/asc_bootstrap/assets/sass/style.scss
+++ b/web/themes/asc_bootstrap/assets/sass/style.scss
@@ -66,8 +66,11 @@
@import "layout/section-background-colors";
//Custom Components
+@import "components/academic-programs";
@import "components/cbpmenu";
@import "components/courses";
+@import "components/departments-centers";
+@import "components/discover-your-path";
@import "components/events";
@import "components/fields";
@import "components/filters";
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 8811be4b18903195a9b3dd1c2a1e86cb809307a3..5dcb0c6eaf185f93664af3f56ba2565f013fa2f8 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -10006,6 +10006,95 @@ figcaption {
border: solid #4A4A4A 2px;
}
+/* line 11, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs {
+ padding: 0;
+ margin-bottom: 60px;
+}
+/* line 15, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs li {
+ display: inline;
+ padding: 20px 10px 20px 0;
+}
+/* line 19, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs li .degree-btn {
+ border: #707070;
+ padding: 5px 10px;
+ color: #ffffff;
+ text-transform: uppercase;
+ font-weight: 600;
+}
+/* line 27, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs li .majors-btn {
+ background: #851E5E;
+}
+/* line 31, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs li .minors-btn {
+ background: #235D62;
+}
+/* line 35, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs li .certs-btn {
+ background: #442369;
+}
+/* line 39, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs li .grads-btn {
+ background: #453831;
+}
+/* line 46, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .btn-programs .active a {
+ background: #D4DF47;
+ color: #3D3D3D;
+ border-left: 2px solid #ABB33C;
+ border-top: 2px solid #ABB33C;
+}
+/* line 55, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .bef-exposed-form {
+ background: #D8D8D8;
+ margin-bottom: 35px;
+}
+/* line 59, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .bef-exposed-form .form-item-combine {
+ width: 75%;
+ padding: 10px 20px;
+}
+/* line 63, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .bef-exposed-form .form-item-combine .input-group {
+ width: 100%;
+}
+/* line 67, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .bef-exposed-form .form-item-combine .input-group-addon {
+ display: none;
+}
+/* line 72, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .bef-exposed-form button {
+ text-transform: uppercase;
+ border-radius: 0;
+}
+/* line 77, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .bef-exposed-form button#edit-submit-academic-programs {
+ background-color: #26686d;
+ border-color: #225d62;
+ float: right;
+}
+/* line 84, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .view-content {
+ margin-bottom: 60px;
+}
+/* line 87, ../assets/sass/components/_academic-programs.scss */
+.view-academic-programs .view-content a {
+ text-decoration: underline;
+}
+
+/* line 99, ../assets/sass/components/_academic-programs.scss */
+.ap-main-cont {
+ margin-bottom: 60px;
+}
+/* line 102, ../assets/sass/components/_academic-programs.scss */
+.ap-main-cont .btn {
+ margin-top: 20px;
+ text-transform: uppercase;
+}
+
/* line 1, ../assets/sass/components/_cbpmenu.scss */
.cbp-hrmenu {
width: 100%;
@@ -10193,6 +10282,235 @@ figcaption {
font-size: 18px;
}
+/* line 10, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .view-header {
+ margin-bottom: 30px;
+}
+/* line 13, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .view-header .dc-alpha {
+ margin-top: 20px;
+}
+/* line 16, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .view-header .dc-alpha span {
+ background: #EEE;
+ padding: 0 2px 0 5px;
+ margin-right: 10px;
+ font-weight: 600;
+}
+/* line 25, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .row {
+ display: flex;
+}
+@media (max-width: 768px) {
+ /* line 25, ../assets/sass/components/_departments-centers.scss */
+ .view-departments-centers .row {
+ display: block;
+ }
+}
+/* line 33, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col {
+ flex: 1;
+ background: #EEE;
+ border-top: solid 3px #BB0000;
+ margin: 1em;
+ padding: 0;
+ max-width: 33.33333%;
+}
+/* line 41, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset {
+ height: 100%;
+}
+/* line 44, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset .inner-dc-grid {
+ height: 100%;
+}
+/* line 47, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset .inner-dc-grid div {
+ height: 100%;
+}
+/* line 50, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset .inner-dc-grid div .dc-block-wrap {
+ height: 100%;
+}
+/* line 53, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset .inner-dc-grid div .dc-block-wrap a {
+ display: block;
+ height: inherit;
+}
+/* line 57, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset .inner-dc-grid div .dc-block-wrap a .dc-block {
+ display: inherit;
+ padding: 10px 20px 20px 20px;
+}
+/* line 61, ../assets/sass/components/_departments-centers.scss */
+.view-departments-centers .col .views-field-fieldset .inner-dc-grid div .dc-block-wrap a .dc-block strong {
+ font-weight: 600;
+}
+@media (max-width: 768px) {
+ /* line 33, ../assets/sass/components/_departments-centers.scss */
+ .view-departments-centers .col {
+ max-width: 100%;
+ }
+}
+
+/* line 80, ../assets/sass/components/_departments-centers.scss */
+#views-exposed-form-departments-centers-page-1 {
+ background: #D8D8D8;
+ margin-bottom: 35px;
+}
+/* line 84, ../assets/sass/components/_departments-centers.scss */
+#views-exposed-form-departments-centers-page-1 .form-item-combine {
+ width: 75%;
+ padding: 10px 20px;
+}
+/* line 88, ../assets/sass/components/_departments-centers.scss */
+#views-exposed-form-departments-centers-page-1 .form-item-combine .input-group {
+ width: 100%;
+}
+/* line 93, ../assets/sass/components/_departments-centers.scss */
+#views-exposed-form-departments-centers-page-1 button {
+ text-transform: uppercase;
+ border-radius: 0;
+}
+/* line 98, ../assets/sass/components/_departments-centers.scss */
+#views-exposed-form-departments-centers-page-1 button#edit-submit-departments-centers {
+ background-color: #26686d;
+ border-color: #225d62;
+ float: right;
+}
+
+/* line 113, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont {
+ background: #F9F9F9;
+ padding: 20px;
+ float: left;
+ width: 100%;
+ margin-bottom: 40px;
+}
+/* line 120, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont .dc-main-cont-lcol {
+ width: 50%;
+ float: left;
+}
+/* line 124, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont .dc-main-cont-lcol .btn {
+ text-transform: uppercase;
+ margin: 5px 0 15px;
+}
+/* line 129, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont .dc-main-cont-lcol .dc-social {
+ list-style-type: none;
+ font-size: 30px;
+ padding: 0;
+}
+/* line 134, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont .dc-main-cont-lcol .dc-social li {
+ display: inline;
+}
+/* line 138, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont .dc-main-cont-lcol .dc-social a {
+ color: #373535;
+ text-decoration: none;
+}
+/* line 145, ../assets/sass/components/_departments-centers.scss */
+.dc-main-cont .dc-main-cont-rcol {
+ width: 40%;
+ display: inline-block;
+ float: right;
+}
+
+/* line 152, ../assets/sass/components/_departments-centers.scss */
+.dc-add-cont {
+ margin-bottom: 40px;
+}
+
+/* line 11, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .inner-dyp-interest {
+ text-align: right;
+ padding: 0 10px;
+ background: #73792D;
+ color: #ffffff;
+ text-transform: uppercase;
+ font-size: 14px;
+}
+/* line 20, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .inner-dyp-interest-graduate {
+ background: #BCC188;
+ color: #000000;
+}
+/* line 25, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .inner-dyp-grid-majors {
+ background: #851E5E;
+}
+/* line 29, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .inner-dyp-grid-minors {
+ background: #245D62;
+}
+/* line 33, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .inner-dyp-grid-graduate {
+ background: #453831;
+}
+/* line 37, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .inner-dyp-grid-certificates {
+ background: #442369;
+}
+/* line 43, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .row {
+ display: flex;
+}
+@media (max-width: 768px) {
+ /* line 43, ../assets/sass/components/_discover-your-path.scss */
+ .view-discover-your-path .row {
+ display: block;
+ }
+}
+/* line 51, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col {
+ flex: 1;
+ margin: 1em;
+ padding: 0;
+ max-width: 33.33333%;
+}
+/* line 57, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset {
+ height: 100%;
+}
+/* line 60, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid {
+ height: 100%;
+}
+/* line 63, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div {
+ height: 100%;
+}
+/* line 66, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div .dyp-block-wrap {
+ height: 100%;
+}
+/* line 69, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div .dyp-block-wrap h3 {
+ color: #ffffff;
+}
+/* line 73, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div .dyp-block-wrap p {
+ color: #ffffff;
+}
+/* line 77, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div .dyp-block-wrap a {
+ display: block;
+ height: inherit;
+ color: #ffffff;
+}
+/* line 82, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div .dyp-block-wrap a .dyp-block {
+ display: inherit;
+ padding: 10px 20px 20px 20px;
+}
+/* line 86, ../assets/sass/components/_discover-your-path.scss */
+.view-discover-your-path .col .views-field-fieldset .inner-dyp-grid div .dyp-block-wrap a .dyp-block strong {
+ text-transform: uppercase;
+}
+
/* line 11, ../assets/sass/components/_events.scss */
.view-events .row {
display: flex;
diff --git a/web/themes/asc_bootstrap/js/scripts.js b/web/themes/asc_bootstrap/js/scripts.js
index aaa4484d3f1e45a8d06d2a430e9ae4467919dc02..10ae0eda5cddacce637ec471b23013f21e45b855 100644
--- a/web/themes/asc_bootstrap/js/scripts.js
+++ b/web/themes/asc_bootstrap/js/scripts.js
@@ -39,6 +39,15 @@ jQuery(document).ready(function(){
jQuery(".page-node-type-course .main-container aside").css({'min-height':(jQuery(".page-node-type-course .main-container section").height()+'px')});
}
+ if(jQuery(".page-node-type-departments-centers .main-container section").height() > jQuery(".page-node-type-departments-centers aside").height()) {
+ jQuery(".page-node-type-departments-centers .main-container aside").css({'min-height':(jQuery(".page-node-type-departments-centers .main-container section").height()+'px')});
+ }
+
+ if(jQuery(".page-node-type-academic-programs .main-container section").height() > jQuery(".page-node-type-academic-programs aside").height()) {
+ jQuery(".page-node-type-academic-programs .main-container aside").css({'min-height':(jQuery(".page-node-type-academic-programs .main-container section").height()+'px')});
+ }
+
+
//show/hide decription for accessibility menu
jQuery("#superfish-main > li:first-child").focusin(function(){
diff --git a/web/themes/asc_bootstrap/templates/node/node--academic-programs.html.twig b/web/themes/asc_bootstrap/templates/node/node--academic-programs.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..a987e29097ac3ff276ed8fd430187b60df8fae21
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/node/node--academic-programs.html.twig
@@ -0,0 +1,104 @@
+{#
+/**
+ * @file
+ * Theme override to display a Academic Program node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ Only "getter" methods (method names starting with "get", "has", or "is")
+ and a few common methods such as "id" and "label" are available. Calling
+ other methods (such as node.delete) will result in an exception.
+ * - label: The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ * view mode.
+ * - metadata: Metadata for this node.
+ * - date: Themed creation date field.
+ * - author_name: Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - node: The current template type (also known as a "theming hook").
+ * - node--type-[type]: The current node type. For example, if the node is an
+ * "Article" it would result in "node--type-article". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ * teaser would result in: "node--view-mode-teaser", and
+ * full: "node--view-mode-full".
+ * The following are controlled through the node publishing options.
+ * - node--promoted: Appears on nodes promoted to the front page.
+ * - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ * teaser listings.
+ * - node--unpublished: Appears on unpublished nodes visible only to site
+ * admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ * the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ * node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @ingroup templates
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ * rendered twice on a page this is invalid CSS for example: two lists
+ * in different view modes.
+ */
+#}
+{%
+ set classes = [
+ node.bundle|clean_class,
+ node.isPromoted() ? 'is-promoted',
+ node.isSticky() ? 'is-sticky',
+ not node.isPublished() ? 'is-unpublished',
+ view_mode ? view_mode|clean_class,
+ 'clearfix',
+ ]
+%}
+<article{{ attributes.addClass(classes) }}>
+<div class="ap-main-cont">
+
+ {% if content.field_ap_overview.0 != '' %}
+ {{ content.field_ap_overview }}
+ {% endif %}
+
+ {% if content.field_ap_advanced.0 != '' %}
+ {{ content.field_ap_advanced }}
+ {% endif %}
+
+ {% if content.field_ap_unit_website.0 != '' %}
+ <a href="{{ content.field_ap_unit_website.0 }}">
+ <button class="btn btn-primary">
+ Visit Unit Website <i class="fa fa-angle-right"></i>
+ </button>
+ </a>
+ {% endif %}
+
+ <hr/>
+ {% if node.field_ap_social_share.value == 1 %}
+ {{ content.field_ap_social_share }}
+ {% endif %}
+</div>
+
+</article>
+
diff --git a/web/themes/asc_bootstrap/templates/node/node--departments-centers.html.twig b/web/themes/asc_bootstrap/templates/node/node--departments-centers.html.twig
new file mode 100644
index 0000000000000000000000000000000000000000..3b1a9e376540c22248df8ec35bb0db6957b95f97
--- /dev/null
+++ b/web/themes/asc_bootstrap/templates/node/node--departments-centers.html.twig
@@ -0,0 +1,196 @@
+{#
+/**
+ * @file
+ * Theme override to display a Departments and Centers node.
+ *
+ * Available variables:
+ * - node: The node entity with limited access to object properties and methods.
+ Only "getter" methods (method names starting with "get", "has", or "is")
+ and a few common methods such as "id" and "label" are available. Calling
+ other methods (such as node.delete) will result in an exception.
+ * - label: The title of the node.
+ * - content: All node items. Use {{ content }} to print them all,
+ * or print a subset such as {{ content.field_example }}. Use
+ * {{ content|without('field_example') }} to temporarily suppress the printing
+ * of a given child element.
+ * - author_picture: The node author user entity, rendered using the "compact"
+ * view mode.
+ * - metadata: Metadata for this node.
+ * - date: Themed creation date field.
+ * - author_name: Themed author name field.
+ * - url: Direct URL of the current node.
+ * - display_submitted: Whether submission information should be displayed.
+ * - attributes: HTML attributes for the containing element.
+ * The attributes.class element may contain one or more of the following
+ * classes:
+ * - node: The current template type (also known as a "theming hook").
+ * - node--type-[type]: The current node type. For example, if the node is an
+ * "Article" it would result in "node--type-article". Note that the machine
+ * name will often be in a short form of the human readable label.
+ * - node--view-mode-[view_mode]: The View Mode of the node; for example, a
+ * teaser would result in: "node--view-mode-teaser", and
+ * full: "node--view-mode-full".
+ * The following are controlled through the node publishing options.
+ * - node--promoted: Appears on nodes promoted to the front page.
+ * - node--sticky: Appears on nodes ordered above other non-sticky nodes in
+ * teaser listings.
+ * - node--unpublished: Appears on unpublished nodes visible only to site
+ * admins.
+ * - title_attributes: Same as attributes, except applied to the main title
+ * tag that appears in the template.
+ * - content_attributes: Same as attributes, except applied to the main
+ * content tag that appears in the template.
+ * - author_attributes: Same as attributes, except applied to the author of
+ * the node tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ * displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ * displayed after the main title tag that appears in the template.
+ * - view_mode: View mode; for example, "teaser" or "full".
+ * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
+ * - page: Flag for the full page state. Will be true if view_mode is 'full'.
+ * - readmore: Flag for more state. Will be true if the teaser content of the
+ * node cannot hold the main body content.
+ * - logged_in: Flag for authenticated user status. Will be true when the
+ * current user is a logged-in member.
+ * - is_admin: Flag for admin user status. Will be true when the current user
+ * is an administrator.
+ *
+ * @ingroup templates
+ *
+ * @see template_preprocess_node()
+ *
+ * @todo Remove the id attribute (or make it a class), because if that gets
+ * rendered twice on a page this is invalid CSS for example: two lists
+ * in different view modes.
+ */
+#}
+{%
+ set classes = [
+ node.bundle|clean_class,
+ node.isPromoted() ? 'is-promoted',
+ node.isSticky() ? 'is-sticky',
+ not node.isPublished() ? 'is-unpublished',
+ view_mode ? view_mode|clean_class,
+ 'clearfix',
+ ]
+%}
+<article{{ attributes.addClass(classes) }}>
+
+ <div class="dc-main-cont">
+
+ <div class="dc-main-cont-lcol">
+
+ {% if content.field_dc_unit_website.0 != '' %}
+ <a href="{{ content.field_dc_unit_website.0 }}">
+ <button class="btn btn-primary">
+ Visit Unit Website <i class="fa fa-angle-right"></i>
+ </button>
+ </a>
+ {% endif %}
+
+ {% if (content.field_dc_phone.0 != '') or (content.field_dc_email.0 != '') %}
+ <p>
+ {% if content.field_dc_phone.0 != '' %}
+ {{ content.field_dc_phone.0 }}<br/>
+ {% endif %}
+
+ {% if content.field_dc_email.0 != '' %}
+ <a href="mailto:{{ content.field_dc_email.0 }}">{{ content.field_dc_email.0 }}</a>
+ {% endif %}
+ </p>
+ {% endif %}
+
+ {%
+ if (content.field_dc_twitter.0 != '') or
+ (content.field_dc_facebook.0 != '') or
+ (content.field_dc_instagram.0 != '') or
+ (content.field_dc_youtube.0 != '') or
+ (content.field_dc_linkedin.0 != '')
+ %}
+ <ul class="dc-social">
+ {% if content.field_dc_twitter.0 != '' %}
+ <li>
+ <a href="{{ content.field_dc_twitter.0 }}" title="Find us on Twitter">
+ <i class="fa fa-twitter-square"></i>
+ </a>
+ </li>
+ {% endif %}
+
+ {% if content.field_dc_facebook.0 != '' %}
+ <li>
+ <a href="{{ content.field_dc_facebook.0 }}" title="Find us on Facebook">
+ <i class="fa fa-facebook-square"></i>
+ </a>
+ </li>
+ {% endif %}
+
+ {% if content.field_dc_instagram.0 != '' %}
+ <li>
+ <a href="{{ content.field_dc_instagram.0 }}" title="Find us on Instagram">
+ <i class="fa fa-instagram"></i>
+ </a>
+ </li>
+ {% endif %}
+
+ {% if content.field_dc_youtube.0 != '' %}
+ <li>
+ <a href="{{ content.field_dc_youtube.0 }}" title="Watch us on Youtube">
+ <i class="fa fa-youtube-square"></i>
+ </a>
+ </li>
+ {% endif %}
+
+ {% if content.field_dc_linkedin.0 != '' %}
+ <li>
+ <a href="{{ content.field_linkedin.0 }}" title="Find us on LinkedIn">
+ <i class="fa fa-linkedin-square"></i>
+ </a>
+ </li>
+ {% endif %}
+ </ul>
+ {% endif %}
+
+ {% if (content.field_dc_room_building.0 != '') or (content.field_dc_address.0 != '') %}
+ <p>
+ {% if content.field_dc_room_building.0 != '' %}
+ {{ field_dc_room_building.0 }}<br/>
+ {% endif %}
+
+ {% if content.field_dc_address.0 != '' %}
+ {{ content.field_dc_address.0 }}
+ {% endif %}
+ </p>
+ {% endif %}
+
+ {% if content.field_dc_chair_director.0 != '' %}
+ <p>
+ <strong>Chair/Director</strong><br/>
+ {{ content.field_dc_chair_director.0 }}
+ </p>
+ {% endif %}
+
+
+
+ </div>
+
+ <div class="dc-main-cont-rcol">
+ {% if content.field_dc_google_map.0 != '' %}
+ {{ content.field_dc_google_map }}
+ {% endif %}
+ </div>
+
+ </div>
+
+ <div class="dc-add-cont">
+ {% if content.field_dc_overview.0 != '' %}
+ {{ content.field_dc_overview }}
+ {% endif %}
+
+ {% if content.field_dc_advanced.0 != '' %}
+ {{ content.field_dc_advanced }}
+ {% endif %}
+ </div>
+
+</article>
+
diff --git a/web/themes/asc_bootstrap/templates/views/views-view.html.twig b/web/themes/asc_bootstrap/templates/views/views-view.html.twig
index ba59444dd0dd045a596738f05c1d5977b182e0e4..0f254fc7fd3163c7b43139b31f6790e03b8e8e35 100644
--- a/web/themes/asc_bootstrap/templates/views/views-view.html.twig
+++ b/web/themes/asc_bootstrap/templates/views/views-view.html.twig
@@ -60,6 +60,30 @@
</div>
{% endif %}
+ {% elseif view_name == 'academic_programs'%}
+ {% if exposed %}
+ <div class="view-filters form-group">
+ {{ exposed }}
+ </div>
+ {% endif %}
+ {% if header %}
+ <div class="view-header">
+ {{ header }}
+ </div>
+ {% endif %}
+
+ {% elseif view_name == 'discover_your_path'%}
+ {% if exposed %}
+ <div class="view-filters form-group">
+ {{ exposed }}
+ </div>
+ {% endif %}
+ {% if header %}
+ <div class="view-header">
+ {{ header }}
+ </div>
+ {% endif %}
+
{% else %}
{% if header %}