+
+ @if ((isMobile$ | async) !== true) {
+
+ }
+
+
+
+
+
+
+
+ @if ((isMobile$ | async)) {
+
+ }
+
+
+
+ ![]()
+
+
+
+
\ No newline at end of file
diff --git a/src/themes/krex/app/home-page/home-news/home-news.component.scss b/src/themes/krex/app/home-page/home-news/home-news.component.scss
new file mode 100644
index 0000000000..c9f488cc43
--- /dev/null
+++ b/src/themes/krex/app/home-page/home-news/home-news.component.scss
@@ -0,0 +1,83 @@
+:host {
+ display: block;
+
+ div.background-image-container {
+ color: white;
+ position: relative;
+ // font-weight: 600;
+
+ .background-image > img {
+ background-color: var(--bs-primary);
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: top;
+ }
+
+ .container {
+ position: relative;
+ text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
+
+ &:before, &:after {
+ content: '';
+ display: block;
+ width: var(--ds-banner-background-gradient-width);
+ height: 100%;
+ top: 0;
+ position: absolute;
+ }
+
+ &:before {
+ background: linear-gradient(to left, var(--ds-banner-text-background), transparent);
+ left: calc(-1 * var(--ds-banner-background-gradient-width));
+
+ }
+
+ &:after {
+ background: linear-gradient(to right, var(--ds-banner-text-background), transparent);
+ right: calc(-1 * var(--ds-banner-background-gradient-width));
+ }
+
+ background-color: var(--ds-banner-text-background);
+ }
+
+
+ small.credits {
+ a {
+ color: inherit;
+ }
+
+ opacity: 0.3;
+ position: absolute;
+ right: var(--bs-spacer);
+ bottom: 0;
+ }
+ }
+
+ .home-news-content {
+ background-color: var(--ds-home-news-content-background);
+ }
+
+ .jumbotron {
+ background-color: transparent;
+ }
+
+ a {
+ color: var(--ds-home-news-link-color);
+
+ &:hover {
+ color: var(--ds-home-news-link-hover-color);
+ }
+ }
+
+ .lead {
+ font-size: 1.25rem;
+ font-weight: 400;
+ }
+}
+
+
diff --git a/src/themes/krex/app/home-page/home-news/home-news.component.ts b/src/themes/krex/app/home-page/home-news/home-news.component.ts
new file mode 100644
index 0000000000..4327997e9a
--- /dev/null
+++ b/src/themes/krex/app/home-page/home-news/home-news.component.ts
@@ -0,0 +1,21 @@
+import { Component } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { ThemedSearchFormComponent } from 'src/app/shared/search-form/themed-search-form.component';
+
+import { HomeNewsComponent as BaseComponent } from '../../../../../app/home-page/home-news/home-news.component';
+
+@Component({
+ selector: 'ds-themed-home-news',
+ imports: [
+ ThemedSearchFormComponent,
+ TranslateModule,
+ ],
+ styleUrls: ['./home-news.component.scss'],
+ templateUrl: './home-news.component.html',
+})
+
+/**
+ * Component to render the news section on the home page
+ */
+export class HomeNewsComponent extends BaseComponent {}
+
diff --git a/src/themes/krex/app/home-page/home-page.component.html b/src/themes/krex/app/home-page/home-page.component.html
new file mode 100644
index 0000000000..88c97d8a0c
--- /dev/null
+++ b/src/themes/krex/app/home-page/home-page.component.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+ K-State Research Exchange (K-REx)
+The university's digital repository. + +
+ + +
+
+}
+
+
+
+
+
diff --git a/src/themes/krex/app/home-page/ksu-home-below-search-bar/ksu-home-below-search-bar.component.scss b/src/themes/krex/app/home-page/ksu-home-below-search-bar/ksu-home-below-search-bar.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/app/home-page/ksu-home-below-search-bar/ksu-home-below-search-bar.component.ts b/src/themes/krex/app/home-page/ksu-home-below-search-bar/ksu-home-below-search-bar.component.ts
new file mode 100644
index 0000000000..819637bbb0
--- /dev/null
+++ b/src/themes/krex/app/home-page/ksu-home-below-search-bar/ksu-home-below-search-bar.component.ts
@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+@Component({
+ selector: 'ds-ksu-home-below-search-bar',
+ imports: [
+ RouterLink,
+ ],
+ templateUrl: './ksu-home-below-search-bar.component.html',
+ styleUrl: './ksu-home-below-search-bar.component.scss',
+})
+export class KsuHomeBelowSearchBarComponent {
+
+}
diff --git a/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.html b/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.html
new file mode 100644
index 0000000000..6fb0cd2397
--- /dev/null
+++ b/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.html
@@ -0,0 +1 @@
+
+
+
+
+
+
+
+ Graduate students
+
+
+
+ Submit Electronic Thesis, Dissertation or Report (ETDR).
+ + +
+
+
+
+
+
+
+
+ Faculty
+
+
+
+
+ Submit Research, Scholarly and Creative Activities, and Discovery (RSCAD) Works.
+ +{{ bannerText }}
diff --git a/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.scss b/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.scss
new file mode 100644
index 0000000000..f04571105b
--- /dev/null
+++ b/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.scss
@@ -0,0 +1,3 @@
+:host {
+ text-align: center;
+}
diff --git a/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.spec.ts b/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.spec.ts
new file mode 100644
index 0000000000..96b4506513
--- /dev/null
+++ b/src/themes/krex/app/ksu-environment-banner/ksu-environment-banner.component.spec.ts
@@ -0,0 +1,26 @@
+import {
+ ComponentFixture,
+ TestBed,
+} from '@angular/core/testing';
+
+import { KsuEnvironmentBannerComponent } from './ksu-environment-banner.component';
+
+describe('KsuEnvironmentBannerComponent', () => {
+ let component: KsuEnvironmentBannerComponent;
+ let fixture: ComponentFixture
+
diff --git a/src/themes/krex/app/ksu-footer/ksu-footer.component.scss b/src/themes/krex/app/ksu-footer/ksu-footer.component.scss
new file mode 100644
index 0000000000..3db8d4084d
--- /dev/null
+++ b/src/themes/krex/app/ksu-footer/ksu-footer.component.scss
@@ -0,0 +1,681 @@
+/*footer*/
+
+.footer-ksu {
+ width: 100%;
+ background-color: #e0e0e0;
+ padding-top: 20px;
+ padding-bottom: 16px;
+ /*height: 200px; /*Bella Added for clarity*/
+}
+
+.footer-ksu .footer-ksu__inner {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 100%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+@media (min-width:768px) {
+ .footer-ksu .footer-ksu__inner {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+
+}
+
+.footer-ksu .footer-ksu__logo {
+ margin-bottom: 12px
+}
+
+.footer-ksu .footer-ksu__logo>img {
+ width: 250px
+}
+
+@media (min-width:768px) {
+ .footer-ksu .footer-ksu__logo {
+ margin-right: 72px
+ }
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__logo {
+ margin-right: 30px
+ }
+}
+
+.footer-ksu .footer-ksu__menu-container {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 20px;
+ min-width: 250px
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__menu-container {
+ margin-top: 0
+ }
+}
+
+.footer-ksu .footer-ksu__menu {
+ list-style: none;
+ margin-left: 0;
+ margin-bottom: 16px;
+ margin-right: auto
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__menu {
+ margin-bottom: 8px
+ }
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__menu-item {
+ display: inline-block;
+ padding-left: 16px;
+ border-right: 1px solid #000;
+ padding-right: 16px
+ }
+ .footer-ksu .footer-ksu__menu-item:first-child {
+ padding-left: 0
+ }
+ .footer-ksu .footer-ksu__menu-item:last-child {
+ padding-right: 16px;
+ border-right: none
+ }
+}
+
+.footer-ksu .footer-ksu__menu-link {
+ color: #000;
+ font-size: 16px;
+ line-height: 24px
+}
+
+.footer-ksu .footer-ksu__menu-link:active,
+.footer-ksu .footer-ksu__menu-link:focus,
+.footer-ksu .footer-ksu__menu-link:link,
+.footer-ksu .footer-ksu__menu-link:visited {
+ color: #000;
+ text-decoration: none
+}
+
+.footer-ksu .footer-ksu__menu-link:hover {
+ color: #000;
+ text-decoration: underline
+}
+
+.footer-ksu .footer-ksu__menu-link .degree-stats {
+ width: 140px;
+ height: auto;
+ vertical-align: baseline
+}
+
+/*purple footer*/
+
+
+.global-footer__container {
+ width: 100%;
+ padding: 2.5rem 1.25rem;
+ position: relative;
+ background-position: center center;
+ opacity: 1;
+ z-index: 1;
+ background-color: #512888
+}
+
+.global-footer__container:before {
+ content: '';
+ background-image: url(/assets/krex/images/1200px-Kansas_State_University_seal.png);
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: cover;
+ opacity: .05;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ z-index: -1
+}
+
+@media print,
+screen and (min-width:64em) {
+ .global-footer__container {
+ height: 24.0625rem;
+ padding: 6.25rem
+ }
+}
+
+.global-footer__inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ text-align: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+@media print,
+screen and (min-width:64em) {
+ .global-footer__inner {
+ text-align: left;
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+}
+
+.global-footer__inner p {
+ color: #fff;
+ margin: 0;
+ font-size: 1.25rem;
+ line-height: 1.75rem
+}
+
+.global-footer__left,
+.global-footer__right {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.global-footer__right {
+ margin-top: 2.5rem
+}
+
+@media print,
+screen and (min-width:64em) {
+ .global-footer__right {
+ margin-top: 0
+ }
+}
+
+.global-footer__right p:first-child {
+ margin-bottom: 2.25rem
+}
+
+.global-footer__large-text {
+ font-weight: 700;
+ text-transform: uppercase
+}
+
+.global-footer__divider {
+ display: none;
+ margin: 0 1.25rem;
+ color: #fff;
+ font-size: 1.125rem;
+ line-height: 1.75rem
+}
+
+@media print,
+screen and (min-width:48em) {
+ .global-footer__divider {
+ display: inline-block
+ }
+}
+
+.global-footer__address-link {
+ display: block;
+ color: #fff
+}
+
+.global-footer__address-link:active,
+.global-footer__address-link:focus,
+.global-footer__address-link:link,
+.global-footer__address-link:visited {
+ color: #fff;
+ text-decoration: none
+}
+
+.global-footer__address-link:focus {
+ outline: .0625rem solid #fff
+}
+
+.global-footer__address-link:hover {
+ color: #fff
+}
+
+@media print,
+screen and (min-width:48em) {
+ .global-footer__address-link {
+ display: inline-block
+ }
+}
+
+
+.footer-links {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ margin-bottom: 2.5rem;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+@media print,
+screen and (min-width:64em) {
+ .footer-links {
+ margin-bottom: 1.25rem
+ }
+}
+
+.footer-links__link-container {
+ display: inline-block;
+ width: 3.75rem;
+ height: 3.75rem
+}
+
+.footer-links__link-container:not(:first-child) {
+ margin-left: 1.25rem
+}
+
+@media print,
+screen and (min-width:48em) {
+ .footer-links__link-container {
+ width: 4.375rem;
+ height: 4.375rem
+ }
+ .footer-links__link-container:not(:first-child) {
+ margin-left: 2.375rem
+ }
+}
+
+.footer-links__link {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ height: 100%;
+ background-color: transparent;
+ border-color: #f0ad00;
+ border-width: .125rem;
+ border-style: solid;
+ border-radius: 50%;
+ padding: .9375rem;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transition: background-color .2s linear, border-color .2s linear;
+ transition: background-color .2s linear, border-color .2s linear
+}
+
+.footer-links__link:active,
+.footer-links__link:link,
+.footer-links__link:visited {
+ text-decoration: none
+}
+
+.footer-links__link:focus,
+.footer-links__link:hover {
+ text-decoration: none;
+ border-color: #fff;
+ background-color: #fff;
+ outline: 0
+}
+
+.footer-links__link:focus svg,
+.footer-links__link:hover svg {
+ fill: #512888
+}
+
+.footer-links__link svg {
+ width: 2.125rem;
+ height: 2.125rem;
+ fill: #fff;
+ -webkit-transition: fill .2s linear;
+ transition: fill .2s linear
+}
+
+[hidden] {
+ display: none
+}
+
+.programs-grid .link-button {
+ color: #fff;
+ margin-bottom: 1.25rem
+}
+
+.programs-grid .link-button:active,
+.programs-grid .link-button:focus,
+.programs-grid .link-button:link,
+.programs-grid .link-button:visited {
+ color: #fff
+}
+
+.programs-grid .link-button:hover {
+ color: #fff
+}
+
+.link-button {
+ color: #512888;
+ font-family: myriad-pro, "Open Sans", Helvetica, Arial, sans-serif;
+ font-weight: 700;
+ font-style: normal;
+ font-size: 1.25rem;
+ line-height: 1.5rem
+}
+
+.link-button:active,
+.link-button:focus,
+.link-button:hover,
+.link-button:link,
+.link-button:visited {
+ color: #512888;
+ text-decoration: none
+}
+
+.link-button:focus svg,
+.link-button:hover svg {
+ margin-left: .9375rem
+}
+
+.link-button svg {
+ fill: #f0ad00;
+ width: .75rem;
+ height: .75rem;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ margin-left: .3125rem;
+ -webkit-transition: margin-left .2s linear;
+ transition: margin-left .2s linear
+}
+
+.brei-icon {
+ fill: white;
+}
+
+#main-menu .navbar-nav > li > a:focus {
+ text-decoration: none;
+ border-bottom: 4px solid #825EB9;
+}
+
+#ksu-search-block a:link,#ksu-search-block a:visited {
+ color: #fff;
+ text-decoration: none;
+}
+
+#ksu-footer-links li a, #ksu-footer-links li a:link {
+ color: #fff;
+ text-decoration: none;
+}
+
+#ksu-footer-addr a, #ksu-footer-addr a:link, #ksu-footer-addr a:visited, #ksu-footer-line2 > li > a, #ksu-footer-line2 > li > a:link, #ksu-footer-line2 > li > a:visited {
+ color: #fff;
+ text-decoration: none;
+}
+
+a:link,a:visited,a:hover,a:active,a:focus {
+ color: #512888;
+}
+
+h2 a:link {
+ font-size: 1.5em !important;
+}
+
+h3 a:link {
+ font-size: 1.125em !important;
+}
+
+h4 a:link {
+ font-size: 1em !important;
+}
+
+h5 a:link {
+ font-size: 0.875em !important;
+}
+
+h6 a:link {
+ font-size: 0.7em !important;
+}
+
+a:link { text-decoration: none; }
+
+.ksul-guide-label {
+ text-align: right;
+ font-size: 1.3rem;
+ font-style: italic;
+ padding-right: .5rem;
+ color: white;
+ background-color: #512888;
+}
+
+.s-lib-box-content a {
+ color: rgb(81, 40, 136) !important;
+ font-weight: bold !important;
+ font-family: myriad-pro, "Open Sans", Helvetica, Arial, sans-serif !important;
+ /*font-size: medium !important;*/
+}
+
+.s-lib-box-content a span {
+ color: #512888 !important;
+}
+
+.s-lib-box .s-lib-box-title {
+ text-align: left;
+ font-size: 1.5rem !important;
+ border-bottom: 3px solid #d1d1c9;
+ padding-left:0px;
+ display: block;
+ margin-left: 0;
+ margin-right: 0;
+ font-weight: bold;
+ background-color: #ffffff;
+ color: #512888;
+}
+
+.s-lg-tabs-side .s-lib-box-container {
+ padding: .5rem;
+ border:lightgrey solid .9rem;
+border-radius:3px;
+}
+
+
+.unit-bar {
+ position: relative;
+ z-index: 99;
+ color: #512888;
+ background-color: #fff;
+ padding: 0 1rem 0 0;
+ font-size: 1.5rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem
+}
+
+@media print,
+screen and (min-width:64em) {
+ .unit-bar {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem
+ }
+}
+
+@media screen and (min-width:75em) {
+ .unit-bar {
+ padding-left: 6.25rem;
+ padding-right: 6.25rem
+ }
+}
+
+.unit-bar.dark {
+ background-color: #512888;
+ color: #fff
+}
+
+.unit-bar__container {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 3.5rem
+}
+
+.unit-bar__link,
+.unit-bar__link:active,
+.unit-bar__link:focus,
+.unit-bar__link:hover,
+.unit-bar__link:link,
+.unit-bar__link:visited {
+ text-decoration: none;
+ color: currentColor;
+ padding: 5px;
+ max-height: 3.5rem
+}
+
+.unit-bar__link:focus {
+ outline: 5px solid #f0ad00
+}
+
+.unit-bar__logo {
+ margin-right: 1rem;
+ line-height: 0
+}
+
+.unit-bar__logo>a {
+ padding-left: 0
+}
+
+.unit-bar__logo svg {
+ display: block;
+ width: 2.5rem;
+ height: 2rem
+}
+
+.unit-bar__bar {
+ position: relative;
+ border-left: 1.4px solid currentColor;
+ margin-right: 1rem;
+ height: 2rem;
+ vertical-align: middle
+}
+
+.unit-bar__name {
+ position: relative;
+ margin-right: 85px;
+ font-weight: 700;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ line-height: 0
+}
+
+.unit-bar__name>a:link {
+ position: relative;
+ top: -3px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 1;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical
+}
+
+.unit-bar__menu-buttons {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 5.125rem;
+ height: 100%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background-color: #512888
+}
+
+@media print,
+screen and (min-width:64em) {
+ .unit-bar__menu-buttons {
+ display: none
+ }
+}
+
+.unit-bar__menu-buttons svg {
+ width: 2.375rem;
+ height: 2.375rem;
+ fill: #fff
+}
+
+.unit-bar__menu-buttons .brei-icon-close {
+ display: none
+}
+
+.js-menu-open .unit-bar__menu-buttons .brei-icon-menu {
+ display: none
+}
+
+.js-menu-open .unit-bar__menu-buttons .brei-icon-close {
+ display: block
+}
diff --git a/src/themes/krex/app/ksu-footer/ksu-footer.component.ts b/src/themes/krex/app/ksu-footer/ksu-footer.component.ts
new file mode 100644
index 0000000000..04982f1f32
--- /dev/null
+++ b/src/themes/krex/app/ksu-footer/ksu-footer.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+
+/**
+ * Simple component to inject the standard KSU Footer
+ */
+@Component({
+ selector: 'ds-ksu-footer',
+ styleUrls: ['./ksu-footer.component.scss'],
+ templateUrl: './ksu-footer.component.html',
+})
+
+export class KsuFooterComponent {
+}
diff --git a/src/themes/krex/app/ksu-header/ksu-header.component.html b/src/themes/krex/app/ksu-header/ksu-header.component.html
new file mode 100644
index 0000000000..92b303bf92
--- /dev/null
+++ b/src/themes/krex/app/ksu-header/ksu-header.component.html
@@ -0,0 +1,59 @@
+
+ 
+
+
+
+
+
+
+ -
+
+
+
+
+
-
+
+
+
+
+
+
+
diff --git a/src/themes/krex/app/ksu-header/ksu-header.component.scss b/src/themes/krex/app/ksu-header/ksu-header.component.scss
new file mode 100644
index 0000000000..9b0b0bcd20
--- /dev/null
+++ b/src/themes/krex/app/ksu-header/ksu-header.component.scss
@@ -0,0 +1,1421 @@
+
+@charset "UTF-8";
+@media print,
+screen and (min-width:40em) {
+ .reveal,
+ .reveal.large,
+ .reveal.small,
+ .reveal.tiny {
+ right: auto;
+ left: auto;
+ margin: 0 auto
+ }
+
+}
+/*override SpringShare's page width*/
+.container{
+width: 100%;
+}
+
+
+
+html {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ font-size: 100%;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+}
+
+body {
+ font-family: myriad-pro, "Open Sans", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ font-style: normal;
+ font-size: 16px;
+ color: #333333;
+ line-height: 1.625em;
+ padding: 0;
+
+}
+
+body * {
+ background-color: transparent;
+ background-position: top center;
+ background-repeat: no-repeat;
+ word-break: break-word;
+ word-wrap: break-word;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+
+}
+
+/* Working on */
+.s-lib-side-borders{
+ width: 100%;
+ max-width: 87.25rem;
+ margin: 0 auto;
+}
+
+@media only screen and (max-width: 1440px) {
+ .s-lib-side-borders{
+ max-width: 77rem;
+}
+}
+
+@media only screen and (max-width: 1024px) {
+ .s-lib-side-borders{
+ max-width: 55rem;
+}
+}
+
+@media only screen and (max-width: 768px) {
+ .s-lib-side-borders{
+ max-width: 40rem;
+}
+}
+
+@media only screen and (max-width: 425px) {
+ .s-lib-side-borders{
+ max-width: 22rem;
+}
+body * {
+word-break: normal;
+ word-wrap: normal;
+}
+}
+
+@media only screen and (max-width: 375px) {
+ .s-lib-side-borders{
+ max-width: 20rem;
+}
+body * {
+word-break: normal;
+ word-wrap: normal;
+}
+}
+
+@media only screen and (max-width: 320px) {
+ .s-lib-side-borders{
+ max-width: 17rem;
+}
+body * {
+word-break: normal;
+ word-wrap: normal;
+}
+}
+
+.s-lib-profile-email .label-info {
+ background-color: #ffffff;
+ box-shadow: 3px 3px 3px;
+}
+
+.s-lib-profile-email .label-info[href]:hover {
+ background-color: #512888;
+ color: #fff !important;
+}
+
+.s-lib-profile-email .label-info[href]:focus {
+ background-color: #512888;
+ color: #fff;
+}
+
+#s-lg-az-reset.btn.btn-default.btn-sm.s-lib-hide {
+ background-color: #edaf11;
+}
+
+
+.hf-body {
+ font-family: myriad-pro,"Open Sans",Helvetica,Arial,sans-serif;
+ font-weight: 400;
+ font-style: normal;
+ overflow-x: hidden;
+ font-size: 1.25rem;
+ line-height: 1.875;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+ background: #fff;
+ color: #000;
+}
+
+button,
+html,
+input,
+select,
+textarea {
+ color: #222
+}
+
+
+
+div {
+ display: block;
+}
+
+nav {
+ display: block;
+}
+
+p, li, ul, ol {
+font-size: 20px;
+line-height:32px;
+}
+
+
+a:link {
+ color: #512888;
+ text-decoration: underline;
+}
+
+a:link:focus {
+ outline: .0625rem solid #000
+}
+
+a:link:focus,
+a:link:hover {
+ color: #331958
+}
+
+a {
+ line-height: inherit;
+ color: #512888;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+.top-nav {
+ position: relative;
+ z-index: 99;
+ background-color: #eee;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ font-size: .875rem;
+ height: 2rem;
+ line-height: 1rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ width: 100%;
+ font-family: myriad-pro,"Open Sans",Helvetica,Arial,sans-serif;
+}
+
+
+@media print,
+screen and (min-width:64em) {
+ body * {
+ font-size: 1.375rem;
+ line-height: 2;
+ }
+
+ .top-nav {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem
+ }
+ .scrolled .top-nav {
+ visibility: hidden;
+ opacity: 0
+ }
+ .level-container__padding {
+ margin: 0 1.875rem;
+ padding-bottom: 1.875rem
+ }
+ .campaign-landing .level-container__padding,
+ .high-level .level-container__padding {
+ margin: 3.125rem 1.875rem
+ }
+ .campaign-landing .statistics__item,
+ .high-level .statistics__item {
+ padding: 3.125rem
+ }
+
+
+
+}
+
+@media screen and (min-width:75em) {
+ .top-nav {
+ padding-left: 6.25rem;
+ padding-right: 6.25rem
+ }
+
+ .level-container__padding {
+ margin: 0 6.25rem;
+ padding-bottom: 6.25rem
+ }
+ .high-level .level-container__padding {
+ margin: 3.125rem 6.25rem
+ }
+ .standard-level .level-container__padding {
+ margin: 0 6.25rem;
+ padding-bottom: 3.125rem
+ }
+ .campaign-landing .level-container__padding {
+ margin: 6.25rem 6.25rem;
+ padding-bottom: 3.125rem
+ }
+ .campaign-landing .statistics__container,
+ .high-level .statistics__container {
+ margin: 0 6.25rem -1.875rem
+ }
+
+
+
+}
+
+@media screen and (min-width:81.25em) {
+ .top-nav {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ visibility: visible;
+ opacity: 1;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-transition: visibility .2s, opacity .2s linear;
+ transition: visibility .2s, opacity .2s linear
+ }
+
+}
+
+.top-nav a {
+ color: #000;
+ text-decoration: none
+}
+
+.top-nav a:focus,
+.top-nav a:hover {
+ text-decoration: underline
+}
+
+.top-nav a:focus {
+ outline: .125rem solid #f0ad00
+}
+
+.top-nav .ksu-name {
+ color: #512888;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ white-space: nowrap;
+
+}
+
+.top-nav__inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.campaign-landing .top-nav {
+ display: none
+}
+
+
+.top-nav.expanded .top-nav__menu {
+ -webkit-transform: scaleX(1);
+ transform: scaleX(1)
+}
+
+.top-nav.expanded .top-nav__menu-item {
+ display: inline-block
+}
+
+.top-nav.expanded .brei-icon-double-chevron {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ margin-right: .75rem;
+ margin-left: 0
+}
+
+.top-nav.expanded .top-nav__signin:hover .brei-icon-double-chevron {
+ margin-right: 0;
+ margin-left: .875rem;
+}
+
+.top-nav.expanded .ksu-name {
+ visibility: hidden;
+}
+
+@media (min-width:1024px) {
+ .top-nav.expanded .ksu-name {
+ visibility: visible;
+ }
+}
+
+.top-nav .logo {
+ padding: 0;
+ max-width: 17.5rem;
+}
+
+.top-nav__container {
+ position: relative;
+ padding-left: 1.875rem;
+
+}
+
+.top-nav__menu-container {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ height: 100%;
+ margin-left: auto;
+ max-width: none;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ opacity: 1;
+ -webkit-transition: opacity .2s linear;
+ transition: opacity .2s linear
+}
+
+.top-nav__menu {
+ font-size: 0;
+ list-style: none;
+ margin: 0;
+ overflow: hidden;
+ -webkit-transform: scaleX(0);
+ transform: scaleX(0);
+ -webkit-transform-origin: right;
+ transform-origin: right;
+ -webkit-transition: -webkit-transform .2s ease-in;
+ transition: -webkit-transform .2s ease-in;
+ transition: transform .2s ease-in;
+ transition: transform .2s ease-in, -webkit-transform .2s ease-in
+}
+
+.top-nav__menu-item {
+ display: inline-block;
+ display: none;
+ padding: .125rem;
+}
+
+.top-nav__menu-item:not(:last-child) {
+ margin-right: .75rem;
+ padding-right: .75rem;
+ border-right: .0625rem solid #000;
+}
+
+@media screen and (min-width:90em) {
+ .top-nav__menu-item:not(:last-child) {
+ margin-right: 1.25rem;
+ padding-right: 1.25rem;
+ }
+
+}
+
+.top-nav__signin {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 5.5rem;
+ min-width: 4.6875rem;
+ font-size: 0;
+ position: relative;
+ -webkit-flex-shrink: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+}
+
+.top-nav__signin svg {
+ display: none;
+}
+
+.top-nav__menu-link span {
+ display: none;
+}
+
+@media print,
+screen and (min-width:48em) {
+ .top-nav__signin svg {
+ display: block;
+ }
+.top-nav__menu-link span {
+ display: inline;
+ }
+
+ .statistics__container {
+ background-color: transparent;
+ padding: 0;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center
+ }
+ .campaign-landing .statistics__container,
+ .high-level .statistics__container {
+ margin: 0 1.875rem -1.875rem
+ }
+
+
+}
+
+.top-nav__signin:hover .brei-icon-double-chevron {
+ margin-right: .5rem;
+ margin-left: 0;
+}
+
+.top-nav__browse {
+ margin-left: 1.25rem;
+}
+
+.top-nav__menu-link {
+ color: #000;
+ margin-left: .3125rem;
+ font-size: .875rem;
+ line-height: 1rem;
+ text-decoration: none;
+}
+
+.top-nav__menu-link:active,
+.top-nav__menu-link:focus,
+.top-nav__menu-link:link {
+ color: #000;
+ text-decoration: none;
+}
+
+.top-nav__menu-link:hover {
+ color: #000;
+}
+
+
+
+
+
+.top-nav .brei-icon-double-chevron {
+ width: .875rem;
+ height: .875rem;
+ margin-left: .9375rem;
+ margin-right: 0;
+ fill: #f0ad00;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ -webkit-transition: margin-left .2s ease-in, margin-right .2s ease-in, -webkit-transform .2s ease-in;
+ transition: margin-left .2s ease-in, margin-right .2s ease-in, -webkit-transform .2s ease-in;
+ transition: transform .2s ease-in, margin-left .2s ease-in, margin-right .2s ease-in;
+ transition: transform .2s ease-in, margin-left .2s ease-in, margin-right .2s ease-in, -webkit-transform .2s ease-in
+}
+
+.top-nav__search-zone {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 4.0625rem;
+ height: 100%;
+ padding: 0;
+ background-color: transparent;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 0 auto;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+ -webkit-box-pack: end;
+ -webkit-justify-content: flex-end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ z-index: 9;
+ -webkit-box-ordinal-group: 3;
+ -webkit-order: 2;
+ -ms-flex-order: 2;
+ order: 2;
+ -webkit-transition-property: background-color, width;
+ transition-property: background-color, width;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+
+.top-nav__search-container {
+ display: block;
+ margin: 0;
+ padding: .125rem;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+
+.top-nav__search-box {
+ width: 2.875rem;
+ height: 2.875rem;
+ margin-top: .125rem;
+ background-color: #fff;
+ border: .125rem solid #fff;
+ border-radius: 1.5rem;
+ padding: .625rem 3.375rem .625rem 1.875rem;
+ opacity: 0;
+ -webkit-transition-property: opacity, width;
+ transition-property: opacity, width;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear
+}
+
+.top-nav__search-box input {
+ display: none;
+ width: 100%;
+ padding: 0;
+ border: 0;
+ font-family: myriad-pro, "Open Sans", Helvetica, Arial, sans-serif;
+ font-weight: 400;
+ font-style: normal;
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
+.top-nav__search-label {
+ display: none;
+}
+
+.top-nav__search {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 2.875rem;
+ height: 2.875rem;
+ background-color: transparent;
+ border: .125rem solid #f0ad00;
+ border-radius: 50%;
+ position: relative;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transition: border .2s linear;
+ transition: border .2s linear;
+}
+
+.top-nav__search:active,
+.top-nav__search:focus,
+.top-nav__search:link,
+.top-nav__search:visited {
+ text-decoration: none;
+}
+
+.top-nav__search:focus {
+ outline: .0625rem solid #000;
+}
+
+.top-nav__search:hover {
+ text-decoration: none
+}
+
+.top-nav__search svg {
+ width: 1.25rem;
+ height: 1.25rem;
+ fill: #512888
+}
+
+
+*, ::after, ::before {
+ -webkit-box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+
+::selection {
+ background: #b3d4fc;
+ text-shadow: none;
+}
+
+.maxwidth {
+ width: 100%;
+ max-width: 87.25rem;
+ margin: 0 auto;
+}
+
+
+h1,h2,h3,h4,h5,h6 {
+ margin: 5px 0 5px 0;
+ font-weight: inherit;
+}
+
+h1 {
+ font-size: 2em;
+ color: #512888;
+ margin-top: 0.67em;
+ margin-bottom: 0.67em;
+ margin-left: 0;
+ margin-right: 0;
+ font-weight: bold;
+}
+h2 {
+ font-size: 1.5em !important;
+ border-bottom: 3px solid #d1d1c9;
+ padding-left:0px;
+ display: block;
+ margin-top: 0.83em;
+ margin-bottom: 0.83em;
+ margin-left: 0;
+ margin-right: 0;
+ font-weight: bold;
+}
+h3 {
+ font-size: 1.27em;
+ margin-top: 1em;
+ margin-bottom: 1em;
+ margin-left: 0;
+ margin-right: 0;
+ font-weight: bold;
+ color: rgb(51,51,51);
+}
+
+h4 {
+ font-size: 1.125em;
+ font-weight: bold;
+ line-height: 1.5em;
+ color: rgb(81,40,136);
+}
+
+h5 {
+ font-size: 1.0em;
+ line-height: 1.2em;
+ color: rgb(0,0,0);
+}
+
+h6 {
+ font-size: 0.875em;
+ color: rgb(51,51,51);
+}
+
+.campaign-landing .statistics,
+.high-level .statistics {
+ margin: 2rem 0 0;
+ padding: 0
+}
+
+.campaign-landing .statistics__container,
+.high-level .statistics__container {
+ width: auto;
+ background-color: #fff;
+ margin: 0 1.25rem -1.875rem;
+ padding: 1.25rem;
+ -webkit-box-shadow: 0 0 3.9375rem -.4375rem rgba(167, 167, 167, .43);
+ box-shadow: 0 0 3.9375rem -.4375rem rgba(167, 167, 167, .43);
+ z-index: 9
+}
+
+/*footer*/
+
+.footer-ksu {
+ width: 100%;
+ background-color: #e0e0e0;
+ padding-top: 20px;
+ padding-bottom: 16px;
+ /*height: 200px; /*Bella Added for clarity*/
+}
+
+.footer-ksu .footer-ksu__inner {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 100%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+@media (min-width:768px) {
+ .footer-ksu .footer-ksu__inner {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+
+}
+
+.footer-ksu .footer-ksu__logo {
+ margin-bottom: 12px
+}
+
+.footer-ksu .footer-ksu__logo>img {
+ width: 250px
+}
+
+@media (min-width:768px) {
+ .footer-ksu .footer-ksu__logo {
+ margin-right: 72px
+ }
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__logo {
+ margin-right: 30px
+ }
+}
+
+.footer-ksu .footer-ksu__menu-container {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-top: 20px;
+ min-width: 250px
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__menu-container {
+ margin-top: 0
+ }
+}
+
+.footer-ksu .footer-ksu__menu {
+ list-style: none;
+ margin-left: 0;
+ margin-bottom: 16px;
+ margin-right: auto
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__menu {
+ margin-bottom: 8px
+ }
+}
+
+@media (min-width:1024px) {
+ .footer-ksu .footer-ksu__menu-item {
+ display: inline-block;
+ padding-left: 16px;
+ border-right: 1px solid #000;
+ padding-right: 16px
+ }
+ .footer-ksu .footer-ksu__menu-item:first-child {
+ padding-left: 0
+ }
+ .footer-ksu .footer-ksu__menu-item:last-child {
+ padding-right: 16px;
+ border-right: none
+ }
+}
+
+.footer-ksu .footer-ksu__menu-link {
+ color: #000;
+ font-size: 16px;
+ line-height: 24px
+}
+
+.footer-ksu .footer-ksu__menu-link:active,
+.footer-ksu .footer-ksu__menu-link:focus,
+.footer-ksu .footer-ksu__menu-link:link,
+.footer-ksu .footer-ksu__menu-link:visited {
+ color: #000;
+ text-decoration: none
+}
+
+.footer-ksu .footer-ksu__menu-link:hover {
+ color: #000;
+ text-decoration: underline
+}
+
+.footer-ksu .footer-ksu__menu-link .degree-stats {
+ width: 140px;
+ height: auto;
+ vertical-align: baseline
+}
+
+/*purple footer*/
+
+
+.global-footer__container {
+ width: 100%;
+ padding: 2.5rem 1.25rem;
+ position: relative;
+ background-position: center center;
+ opacity: 1;
+ z-index: 1;
+ background-color: #512888
+}
+
+.global-footer__container:before {
+ content: '';
+ background-image: url(/assets/krex/images/1200px-Kansas_State_University_seal.png);
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: cover;
+ opacity: .05;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ z-index: -1
+}
+
+@media print,
+screen and (min-width:64em) {
+ .global-footer__container {
+ height: 24.0625rem;
+ padding: 6.25rem
+ }
+}
+
+.global-footer__inner {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ text-align: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-align-content: center;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+@media print,
+screen and (min-width:64em) {
+ .global-footer__inner {
+ text-align: left;
+ -webkit-justify-content: space-around;
+ -ms-flex-pack: distribute;
+ justify-content: space-around;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+}
+
+.global-footer__inner p {
+ color: #fff;
+ margin: 0;
+ font-size: 1.25rem;
+ line-height: 1.75rem
+}
+
+.global-footer__left,
+.global-footer__right {
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.global-footer__right {
+ margin-top: 2.5rem
+}
+
+@media print,
+screen and (min-width:64em) {
+ .global-footer__right {
+ margin-top: 0
+ }
+}
+
+.global-footer__right p:first-child {
+ margin-bottom: 2.25rem
+}
+
+.global-footer__large-text {
+ font-weight: 700;
+ text-transform: uppercase
+}
+
+.global-footer__divider {
+ display: none;
+ margin: 0 1.25rem;
+ color: #fff;
+ font-size: 1.125rem;
+ line-height: 1.75rem
+}
+
+@media print,
+screen and (min-width:48em) {
+ .global-footer__divider {
+ display: inline-block
+ }
+}
+
+.global-footer__address-link {
+ display: block;
+ color: #fff
+}
+
+.global-footer__address-link:active,
+.global-footer__address-link:focus,
+.global-footer__address-link:link,
+.global-footer__address-link:visited {
+ color: #fff;
+ text-decoration: none
+}
+
+.global-footer__address-link:focus {
+ outline: .0625rem solid #fff
+}
+
+.global-footer__address-link:hover {
+ color: #fff
+}
+
+@media print,
+screen and (min-width:48em) {
+ .global-footer__address-link {
+ display: inline-block
+ }
+}
+
+
+.footer-links {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ margin-bottom: 2.5rem;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-flex-wrap: nowrap;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+@media print,
+screen and (min-width:64em) {
+ .footer-links {
+ margin-bottom: 1.25rem
+ }
+}
+
+.footer-links__link-container {
+ display: inline-block;
+ width: 3.75rem;
+ height: 3.75rem
+}
+
+.footer-links__link-container:not(:first-child) {
+ margin-left: 1.25rem
+}
+
+@media print,
+screen and (min-width:48em) {
+ .footer-links__link-container {
+ width: 4.375rem;
+ height: 4.375rem
+ }
+ .footer-links__link-container:not(:first-child) {
+ margin-left: 2.375rem
+ }
+}
+
+.footer-links__link {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ height: 100%;
+ background-color: transparent;
+ border-color: #f0ad00;
+ border-width: .125rem;
+ border-style: solid;
+ border-radius: 50%;
+ padding: .9375rem;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-transition: background-color .2s linear, border-color .2s linear;
+ transition: background-color .2s linear, border-color .2s linear
+}
+
+.footer-links__link:active,
+.footer-links__link:link,
+.footer-links__link:visited {
+ text-decoration: none
+}
+
+.footer-links__link:focus,
+.footer-links__link:hover {
+ text-decoration: none;
+ border-color: #fff;
+ background-color: #fff;
+ outline: 0
+}
+
+.footer-links__link:focus svg,
+.footer-links__link:hover svg {
+ fill: #512888
+}
+
+.footer-links__link svg {
+ width: 2.125rem;
+ height: 2.125rem;
+ fill: #fff;
+ -webkit-transition: fill .2s linear;
+ transition: fill .2s linear
+}
+
+[hidden] {
+ display: none
+}
+
+.programs-grid .link-button {
+ color: #fff;
+ margin-bottom: 1.25rem
+}
+
+.programs-grid .link-button:active,
+.programs-grid .link-button:focus,
+.programs-grid .link-button:link,
+.programs-grid .link-button:visited {
+ color: #fff
+}
+
+.programs-grid .link-button:hover {
+ color: #fff
+}
+
+.link-button {
+ color: #512888;
+ font-family: myriad-pro, "Open Sans", Helvetica, Arial, sans-serif;
+ font-weight: 700;
+ font-style: normal;
+ font-size: 1.25rem;
+ line-height: 1.5rem
+}
+
+.link-button:active,
+.link-button:focus,
+.link-button:hover,
+.link-button:link,
+.link-button:visited {
+ color: #512888;
+ text-decoration: none
+}
+
+.link-button:focus svg,
+.link-button:hover svg {
+ margin-left: .9375rem
+}
+
+.link-button svg {
+ fill: #f0ad00;
+ width: .75rem;
+ height: .75rem;
+ -webkit-transform: rotate(0);
+ transform: rotate(0);
+ margin-left: .3125rem;
+ -webkit-transition: margin-left .2s linear;
+ transition: margin-left .2s linear
+}
+
+.brei-icon {
+ fill: white;
+}
+
+#main-menu .navbar-nav > li > a:focus {
+ text-decoration: none;
+ border-bottom: 4px solid #825EB9;
+}
+
+#ksu-search-block a:link,#ksu-search-block a:visited {
+ color: #fff;
+ text-decoration: none;
+}
+
+#ksu-footer-links li a, #ksu-footer-links li a:link {
+ color: #fff;
+ text-decoration: none;
+}
+
+#ksu-footer-addr a, #ksu-footer-addr a:link, #ksu-footer-addr a:visited, #ksu-footer-line2 > li > a, #ksu-footer-line2 > li > a:link, #ksu-footer-line2 > li > a:visited {
+ color: #fff;
+ text-decoration: none;
+}
+
+a:link,a:visited,a:hover,a:active,a:focus {
+ color: #512888;
+}
+
+h2 a:link {
+ font-size: 1.5em !important;
+}
+
+h3 a:link {
+ font-size: 1.125em !important;
+}
+
+h4 a:link {
+ font-size: 1em !important;
+}
+
+h5 a:link {
+ font-size: 0.875em !important;
+}
+
+h6 a:link {
+ font-size: 0.7em !important;
+}
+
+a:link { text-decoration: none; }
+
+.ksul-guide-label {
+ text-align: right;
+ font-size: 1.3rem;
+ font-style: italic;
+ padding-right: .5rem;
+ color: white;
+ background-color: #512888;
+}
+
+.s-lib-box-content a {
+ color: rgb(81, 40, 136) !important;
+ font-weight: bold !important;
+ font-family: "Lucida Grande",Verdana,Arial,sans-serif !important;
+ font-size: medium !important;
+}
+
+.s-lib-box-content a span {
+ color: #512888 !important;
+}
+
+.s-lib-box .s-lib-box-title {
+ text-align: left;
+ font-size: 1.5rem !important;
+ border-bottom: 3px solid #d1d1c9;
+ padding-left:0px;
+ display: block;
+ margin-left: 0;
+ margin-right: 0;
+ font-weight: bold;
+ background-color: #ffffff;
+ color: #512888;
+}
+
+.s-lg-tabs-side .s-lib-box-container {
+ padding: .5rem;
+ border:lightgrey solid .9rem;
+border-radius:3px;
+}
+
+
+.unit-bar {
+ position: relative;
+ z-index: 99;
+ color: #512888;
+ background-color: #fff;
+ padding: 0 1rem 0 0;
+ font-size: 1.5rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem
+}
+
+@media print,
+screen and (min-width:64em) {
+ .unit-bar {
+ padding-left: 1.875rem;
+ padding-right: 1.875rem
+ }
+}
+
+@media screen and (min-width:75em) {
+ .unit-bar {
+ padding-left: 6.25rem;
+ padding-right: 6.25rem
+ }
+}
+
+.unit-bar.dark {
+ background-color: #512888;
+ color: #fff
+}
+
+.unit-bar__container {
+ position: relative;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 3.5rem
+}
+
+.unit-bar__link,
+.unit-bar__link:active,
+.unit-bar__link:focus,
+.unit-bar__link:hover,
+.unit-bar__link:link,
+.unit-bar__link:visited {
+ text-decoration: none;
+ color: currentColor;
+ padding: 5px;
+ max-height: 3.5rem
+}
+
+.unit-bar__link:focus {
+ outline: 5px solid #f0ad00
+}
+
+.unit-bar__logo {
+ margin-right: 1rem;
+ line-height: 0
+}
+
+.unit-bar__logo>a {
+ padding-left: 0
+}
+
+.unit-bar__logo svg {
+ display: block;
+ width: 2.5rem;
+ height: 2rem
+}
+
+.unit-bar__bar {
+ position: relative;
+ border-left: 1.4px solid currentColor;
+ margin-right: 1rem;
+ height: 2rem;
+ vertical-align: middle
+}
+
+.unit-bar__name {
+ position: relative;
+ margin-right: 85px;
+ font-weight: 700;
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ line-height: 0
+}
+
+.unit-bar__name>a:link {
+ position: relative;
+ top: -3px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ line-height: 1;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical
+}
+
+.unit-bar__menu-buttons {
+ height: 100%;
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ width: 5.125rem;
+ height: 100%;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background-color: #512888
+}
+
+@media print,
+screen and (min-width:64em) {
+ .unit-bar__menu-buttons {
+ display: none
+ }
+}
+
+.unit-bar__menu-buttons svg {
+ width: 2.375rem;
+ height: 2.375rem;
+ fill: #fff
+}
+
+.unit-bar__menu-buttons .brei-icon-close {
+ display: none
+}
+
+.js-menu-open .unit-bar__menu-buttons .brei-icon-menu {
+ display: none
+}
+
+.js-menu-open .unit-bar__menu-buttons .brei-icon-close {
+ display: block
+}
diff --git a/src/themes/krex/app/ksu-header/ksu-header.component.spec.ts b/src/themes/krex/app/ksu-header/ksu-header.component.spec.ts
new file mode 100644
index 0000000000..f985b3e728
--- /dev/null
+++ b/src/themes/krex/app/ksu-header/ksu-header.component.spec.ts
@@ -0,0 +1,26 @@
+import {
+ ComponentFixture,
+ TestBed,
+} from '@angular/core/testing';
+
+import { KsuHeaderComponent } from './ksu-header.component';
+
+describe('KsuHeaderComponent', () => {
+ let component: KsuHeaderComponent;
+ let fixture: ComponentFixture
+
diff --git a/src/themes/krex/app/login-page/login-page.component.scss b/src/themes/krex/app/login-page/login-page.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/app/login-page/login-page.component.spec.ts b/src/themes/krex/app/login-page/login-page.component.spec.ts
new file mode 100644
index 0000000000..3cb143d7c5
--- /dev/null
+++ b/src/themes/krex/app/login-page/login-page.component.spec.ts
@@ -0,0 +1,26 @@
+import {
+ ComponentFixture,
+ TestBed,
+} from '@angular/core/testing';
+
+import { LoginPageComponent } from './login-page.component';
+
+describe('LoginPageComponent', () => {
+ let component: LoginPageComponent;
+ let fixture: ComponentFixture
+
+
+
+
+ {{"login.form.header" | translate}}
+
+
\ No newline at end of file
diff --git a/src/themes/krex/app/shared/log-in/log-in.component.scss b/src/themes/krex/app/shared/log-in/log-in.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/app/shared/log-in/log-in.component.spec.ts b/src/themes/krex/app/shared/log-in/log-in.component.spec.ts
new file mode 100644
index 0000000000..7ab14e0a91
--- /dev/null
+++ b/src/themes/krex/app/shared/log-in/log-in.component.spec.ts
@@ -0,0 +1,26 @@
+import {
+ ComponentFixture,
+ TestBed,
+} from '@angular/core/testing';
+
+import { LogInComponent } from './log-in.component';
+
+describe('LogInComponent', () => {
+ let component: LogInComponent;
+ let fixture: ComponentFixture
+
+
+
+
+ {{"login.form.header" | translate}}
+
+
+
diff --git a/src/themes/krex/app/shared/search-form/search-form.component.scss b/src/themes/krex/app/shared/search-form/search-form.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/app/shared/search-form/search-form.component.spec.ts b/src/themes/krex/app/shared/search-form/search-form.component.spec.ts
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/app/shared/search-form/search-form.component.ts b/src/themes/krex/app/shared/search-form/search-form.component.ts
new file mode 100644
index 0000000000..447ad205ae
--- /dev/null
+++ b/src/themes/krex/app/shared/search-form/search-form.component.ts
@@ -0,0 +1,23 @@
+import { AsyncPipe } from '@angular/common';
+import { Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';
+import { TranslateModule } from '@ngx-translate/core';
+import { SearchFormComponent as BaseComponent } from 'src/app/shared/search-form/search-form.component';
+import { BrowserOnlyPipe } from 'src/app/shared/utils/browser-only.pipe';
+
+@Component({
+ selector: 'ds-search-form',
+ imports: [
+ AsyncPipe,
+ BrowserOnlyPipe,
+ FormsModule,
+ NgbTooltip,
+ TranslateModule,
+ ],
+ templateUrl: './search-form.component.html',
+ styleUrls: ['../../../../../app/shared/search-form/search-form.component.scss'],
+})
+export class SearchFormComponent extends BaseComponent {
+
+}
diff --git a/src/themes/krex/assets/fonts/.gitkeep b/src/themes/krex/assets/fonts/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/assets/i18n/en.json5 b/src/themes/krex/assets/i18n/en.json5
new file mode 100644
index 0000000000..41ea7abb05
--- /dev/null
+++ b/src/themes/krex/assets/i18n/en.json5
@@ -0,0 +1,85 @@
+{
+ "curation-task.task.estaipsize.label": "Estimate Storage Space for AIP(s)",
+ "curation-task.task.readodometer.label": "Read Odometer",
+ "curation-task.task.transmitaip.label": "Transmit AIP(s) to Storage",
+ "curation-task.task.transmitsingleaip.label": "Transmit Single Object AIP to Storage",
+ "curation-task.task.verifyaip.label": "Verify AIP(s) exist in Storage",
+ "curation-task.task.fetchaip.label": "Fetch AIP(s) from Storage",
+ "curation-task.task.auditaip.label": "Audit against AIP(s)",
+ "curation-task.task.removeaip.label": "Remove AIP(s) from Storage",
+ "curation-task.task.restorefromaip.label": "Restore Missing Object(s) from AIP(s)",
+ "curation-task.task.replacewithaip.label": "Replace Existing Object(s) with AIP(s)",
+ "curation-task.task.restorekeepexisting.label": "Restore Missing Object(s) but Keep Existing Objects",
+ "curation-task.task.restoresinglefromaip.label": "Restore Single Object from AIP",
+ "curation-task.task.replacesinglewithaip.label": "Replace Single Object with AIP",
+ "admin.registries.metadata.description": "The metadata registry maintains a list of all metadata fields available in the repository. These fields may be divided amongst multiple schemas. However, K-REx requires the qualified Dublin Core schema.",
+ "dso-selector.set-scope.community.button": "Search all of K-REx",
+ "error-page.orcid.generic-error": "An error occurred during login via ORCID. Make sure you have shared your ORCID account email address with K-REx. If the error persists, contact the administrator",
+ "home.top-level-communities.head": "Communities in K-REx",
+ "info.feedback.info": "Thanks for sharing your feedback about the K-REx system. Your comments are appreciated!",
+ "login.form.header": "Please log in to K-REx",
+ "logout.form.header": "Log out from K-REx",
+ "menu.section.browse_global": "Browse K-REx",
+ "mydspace.breadcrumbs": "MyK-REx",
+ "mydspace.title": "MyK-REx",
+ "mydspace.search-form.placeholder": "Search in MyK-REx...",
+ "nav.browse.header": "All of K-REx",
+ "nav.mydspace": "MyK-REx",
+ "register-page.registration.info": "Register an account to subscribe to collections for email updates, and submit new items to K-REx.",
+ "repository.title.prefix": "K-REx :: ",
+ "repository.title.prefixDSpace": "K-REx ::",
+ "search.form.scope.all": "All of K-REx",
+ "submission.import-external.back-to-my-dspace": "Back to MyK-REx",
+ "submission.import-external.page.hint": "Enter a query above to find items from the web to import in to K-REx.",
+ "login.form.shibboleth": "Log in with K-State eID",
+ "info.about.breadcrumbs": "About the K-State Research Exchange",
+ "menu.section.about": "About",
+ "info.about.head": "About the K-State Research Exchange",
+ "info.about.title": "About the K-State Research Exchange",
+ "info.policies.breadcrumbs": "Policies",
+ "info.policies.head": "K-REx Policies",
+ "info.policies.title": "K-REx Policies",
+ "menu.section.policies": "Policies",
+ "info.license.breadcrumbs": "K-REx License",
+ "info.license.head": "Standard K-REx license - Nonexclusive distribution",
+ "info.license.title": "K-REx License",
+ "title": "K-REx",
+ "info.guidelines.symbols.breadcrumbs": "ETDR Guidelines: Symbols",
+ "info.guidelines.symbols.head": "Guidelines for Entering a Title or Abstract That Contains Symbols",
+ "info.guidelines.symbols.title": "ETDR Guidelines: Symbols",
+ "info.guidelines.attachments.breadcrumbs": "ETDR Guidelines: Attachments",
+ "info.guidelines.attachments.head": "ETDR Guidelines: Attachments",
+ "info.guidelines.attachments.title": "ETDR Guidelines: Attachments",
+ "info.guidelines.authors.breadcrumbs": "ETDR Guidelines: Author Name",
+ "info.guidelines.authors.head": "ETDR Guidelines: Author Name",
+ "info.guidelines.authors.title": "ETDR Guidelines: Author Name",
+ "info.guidelines.keywords.breadcrumbs": "ETDR Guidelines: Keywords",
+ "info.guidelines.keywords.head": "ETDR Guidelines: Keywords",
+ "info.guidelines.keywords.title": "ETDR Guidelines: Keywords",
+ "menu.section.browse_global_communities_and_collections": "All communities and collections",
+ "browse.metadata.datepublished": "Published Date",
+ "browse.comcol.by.datepublished": "By Published Date",
+ "browse.metadata.datepublished.breadcrumbs": "Browse by Published Date",
+ "menu.section.browse_global_by_datepublished": "By Published Date",
+ "home.search-form.placeholder": "Search scholarly works, historical documents and images...",
+ "search.filters.filter.etdrAdvisor.head": "Major advisor",
+ "search.filters.filter.etdrAdvisor.placeholder": "Major advisor name",
+ "search.filters.filter.etdrAdvisor.label": "Search major advisor name",
+ "search.filters.applied.f.etdrAdvisor": "Major advisor",
+ "search.filters.filter.etdrDepartment.head": "Degree Awarding Department",
+ "search.filters.filter.etdrDepartment.placeholder": "Degree Awarding Department",
+ "search.filters.filter.etdrDepartment.label": "Search Degree Awarding Department",
+ "search.filters.applied.f.etdrDepartment": "Degree Awarding Department",
+ "menu.section.navigate": "Communities and collections",
+ "menu.section.navigate.search_all": "Search all content",
+ "menu.section.navigate.digital_archives": "K-State Libraries Digital Collections",
+ "menu.section.navigate.etdr": "Graduate Theses, Dissertations, and Reports",
+ "menu.section.navigate.rscad": "Research, Scholarly and Creative Activities, and Discovery Works",
+ "submission.sections.submit.progressbar.describe.stepone.etdpageone.authors.hint": "Enter your name in the same form as it appears on your title page. Use standard capitalization; do not enter your name in all capital letters. For more information on how to enter names, follow the steps here.",
+ "submission.sections.submit.progressbar.describe.stepone.etdpageone.title.hint": "Copy and paste the title of your ETDR. If your title contains mathematical operators or other symbols that do not display properly within the Title input box, follow the steps here.",
+ "submission.sections.submit.progressbar.describe.stepone.etdpageone.professors.hint": "Select your major professor(s). If you have co-major professors, hold down the Ctrl key and left click to select multiple names. If your major professor is not listed, select \"Major Professor Not Listed\".",
+ "submission.sections.submit.progressbar.describe.stepone.etdpageone.language.hint": "Select the language of the main content of the item. If the language does not appear in the list below, please select 'Other'. If the content does not really have a language (for example, if it is a dataset or an image) pleaseselect 'N/A'.",
+ "submission.sections.submit.progressbar.describe.stepone.etdpagetwo.keywords.hint": "Enter from 1 to 6 keywords for your ETDR. See here for selecting keywords. Select the \"Add\" button after entering a keyword or keyword phrase.",
+ "submission.sections.submit.progressbar.describe.stepone.etdpagetwo.symbols.hint": "Copy and paste the text of your abstract here. Do not include the heading \"Abstract.\" If your abstract contains mathematical operators or other symbols that do not display properly within the Abstract input box, follow the steps here.",
+ "submission.sections.submit.progressbar.describe.stepone.etdpagetwo.sponsorship.hint": "(Optional) Enter the names of agencies, if any, that helped to fund your research. Do not use acronyms or abbreviations. If you did not have a source of funding for your research, leave this space blank.",
+}
diff --git a/src/themes/krex/assets/images/.gitkeep b/src/themes/krex/assets/images/.gitkeep
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/krex/assets/images/1200px-Kansas_State_University_seal.png b/src/themes/krex/assets/images/1200px-Kansas_State_University_seal.png
new file mode 100644
index 0000000000..b22444425b
Binary files /dev/null and b/src/themes/krex/assets/images/1200px-Kansas_State_University_seal.png differ
diff --git a/src/themes/krex/assets/images/KREx_sidebar.jpg b/src/themes/krex/assets/images/KREx_sidebar.jpg
new file mode 100644
index 0000000000..753d1576e1
Binary files /dev/null and b/src/themes/krex/assets/images/KREx_sidebar.jpg differ
diff --git a/src/themes/krex/assets/images/banner-half.jpg b/src/themes/krex/assets/images/banner-half.jpg
new file mode 100644
index 0000000000..b37534e369
Binary files /dev/null and b/src/themes/krex/assets/images/banner-half.jpg differ
diff --git a/src/themes/krex/assets/images/banner-half.webp b/src/themes/krex/assets/images/banner-half.webp
new file mode 100644
index 0000000000..e2272037bf
Binary files /dev/null and b/src/themes/krex/assets/images/banner-half.webp differ
diff --git a/src/themes/krex/assets/images/banner-tall.jpg b/src/themes/krex/assets/images/banner-tall.jpg
new file mode 100644
index 0000000000..d310311296
Binary files /dev/null and b/src/themes/krex/assets/images/banner-tall.jpg differ
diff --git a/src/themes/krex/assets/images/banner-tall.webp b/src/themes/krex/assets/images/banner-tall.webp
new file mode 100644
index 0000000000..a4ec97f2bc
Binary files /dev/null and b/src/themes/krex/assets/images/banner-tall.webp differ
diff --git a/src/themes/krex/assets/images/banner.jpg b/src/themes/krex/assets/images/banner.jpg
new file mode 100644
index 0000000000..ea7f4701c8
Binary files /dev/null and b/src/themes/krex/assets/images/banner.jpg differ
diff --git a/src/themes/krex/assets/images/banner.webp b/src/themes/krex/assets/images/banner.webp
new file mode 100644
index 0000000000..437c89d075
Binary files /dev/null and b/src/themes/krex/assets/images/banner.webp differ
diff --git a/src/themes/krex/assets/images/favicons/android-chrome-192x192.png b/src/themes/krex/assets/images/favicons/android-chrome-192x192.png
new file mode 100644
index 0000000000..1aaffb1b90
Binary files /dev/null and b/src/themes/krex/assets/images/favicons/android-chrome-192x192.png differ
diff --git a/src/themes/krex/assets/images/favicons/android-chrome-512x512.png b/src/themes/krex/assets/images/favicons/android-chrome-512x512.png
new file mode 100644
index 0000000000..2d35f496dc
Binary files /dev/null and b/src/themes/krex/assets/images/favicons/android-chrome-512x512.png differ
diff --git a/src/themes/krex/assets/images/favicons/apple-touch-icon.png b/src/themes/krex/assets/images/favicons/apple-touch-icon.png
new file mode 100644
index 0000000000..58ff41f34b
Binary files /dev/null and b/src/themes/krex/assets/images/favicons/apple-touch-icon.png differ
diff --git a/src/themes/krex/assets/images/favicons/favicon.ico b/src/themes/krex/assets/images/favicons/favicon.ico
new file mode 100644
index 0000000000..ef03d410d7
Binary files /dev/null and b/src/themes/krex/assets/images/favicons/favicon.ico differ
diff --git a/src/themes/krex/assets/images/favicons/favicon.svg b/src/themes/krex/assets/images/favicons/favicon.svg
new file mode 100644
index 0000000000..8ea65cb72f
--- /dev/null
+++ b/src/themes/krex/assets/images/favicons/favicon.svg
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/themes/krex/assets/images/research-exchange_purple-bkg.jpg b/src/themes/krex/assets/images/research-exchange_purple-bkg.jpg
new file mode 100644
index 0000000000..68a6ac68a9
Binary files /dev/null and b/src/themes/krex/assets/images/research-exchange_purple-bkg.jpg differ
diff --git a/src/themes/krex/eager-theme-components.ts b/src/themes/krex/eager-theme-components.ts
new file mode 100644
index 0000000000..145e87aee7
--- /dev/null
+++ b/src/themes/krex/eager-theme-components.ts
@@ -0,0 +1,12 @@
+/* eslint-disable dspace-angular-ts/themed-component-usages */
+import { HeaderComponent } from './app/header/header.component';
+import { HeaderNavbarWrapperComponent } from './app/header-nav-wrapper/header-navbar-wrapper.component';
+import { HomeNewsComponent } from './app/home-page/home-news/home-news.component';
+import { NavbarComponent } from './app/navbar/navbar.component';
+
+export const COMPONENTS = [
+ HomeNewsComponent,
+ HeaderComponent,
+ HeaderNavbarWrapperComponent,
+ NavbarComponent,
+];
diff --git a/src/themes/krex/lazy-listable-components.ts b/src/themes/krex/lazy-listable-components.ts
new file mode 100644
index 0000000000..4b0eed6066
--- /dev/null
+++ b/src/themes/krex/lazy-listable-components.ts
@@ -0,0 +1,6 @@
+/**
+ * Add components that use the @listableObjectComponent decorator here.
+ * This will ensure that the decorators get picked up when the app loads
+ */
+export const LISTABLE_COMPONENTS = [
+];
diff --git a/src/themes/krex/styles/_global-styles.scss b/src/themes/krex/styles/_global-styles.scss
new file mode 100644
index 0000000000..794cb06a42
--- /dev/null
+++ b/src/themes/krex/styles/_global-styles.scss
@@ -0,0 +1,27 @@
+// Add any global css for the theme here
+
+// imports the base global style
+@import '../../../styles/_global-styles.scss';
+
+.facet-filter, .setting-option, .advanced-search {
+ background-color: var(--bs-light);
+ border-radius: var(--bs-border-radius);
+
+ &.p-3 {
+ // Needs !important because the original bootstrap class uses it
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+ }
+
+ .bg-secondary {
+ background-color: var(--bs-primary);
+ }
+
+ a {
+ color: var(--bs-primary);
+ }
+
+ h4, .h4 {
+ font-size: 1.1rem
+ }
+}
diff --git a/src/themes/krex/styles/_theme_css_variable_overrides.scss b/src/themes/krex/styles/_theme_css_variable_overrides.scss
new file mode 100644
index 0000000000..39745f4464
--- /dev/null
+++ b/src/themes/krex/styles/_theme_css_variable_overrides.scss
@@ -0,0 +1,35 @@
+// Override or add CSS variables for your theme here
+
+:root {
+
+ @include media-breakpoint-up(md) {
+ --ds-header-logo-height: 40px;
+ --ds-header-height: 80px;
+ }
+ @include media-breakpoint-down(sm) {
+ --ds-header-logo-height: 50px;
+ --ds-header-height: 90px;
+ }
+
+ --ds-banner-text-background: rgba(0, 0, 0, 0.45);
+ --ds-banner-background-gradient-width: 300px;
+
+ --ds-header-navbar-border-bottom-height: 5px;
+
+ /* set the next two properties as `--ds-header-navbar-border-bottom-*`
+ in order to keep the bottom border of the header when navbar is expanded */
+
+ --ds-expandable-navbar-border-top-color: #{$white};
+ --ds-expandable-navbar-border-top-height: 0;
+ --ds-expandable-navbar-padding-top: 0;
+
+ --ds-item-page-img-field-default-inline-height: 24px;
+ --ds-item-page-img-field-ror-inline-height: var(--ds-item-page-img-field-default-inline-height);
+
+ /* K-REx Changes */
+ --ds-header-navbar-border-bottom-color: #{$brand-primary};
+ --ds-navbar-link-color: #{$brand-primary};
+ --ds-navbar-link-color-hover: #{darken($brand-primary, 15%)};
+ --ds-breadcrumb-link-color: #{$brand-primary};
+}
+
diff --git a/src/themes/krex/styles/_theme_sass_variable_overrides.scss b/src/themes/krex/styles/_theme_sass_variable_overrides.scss
new file mode 100644
index 0000000000..8727cdf993
--- /dev/null
+++ b/src/themes/krex/styles/_theme_sass_variable_overrides.scss
@@ -0,0 +1,98 @@
+// DSpace works with CSS variables for its own components, and has a mapping of all bootstrap Sass
+// variables to CSS equivalents (see src/styles/_bootstrap_variables_mapping.scss). However Bootstrap
+// still uses Sass variables internally. So if you want to override Bootstrap (or other sass
+// variables) you can do so here. Their CSS counterparts will include the changes you make here.
+
+// When this file is going to be compiled, internal Bootstrap variables won't have been declared yet,
+// therefore if you want to use any Bootstrap variable you also need to declare it here.
+
+// All SASS variables from the base theme are also included here. Do not use the '!default' flag
+// here if you want to override them.
+
+
+/*** FONT FAMILIES ***/
+
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,200;1,300;1,400;1,600;1,700;1,800&display=swap');
+
+// K-State Fonts
+@import url('https://use.typekit.net/qra4olf.css');
+
+$font-family-sans-serif: 'myriad-pro', -apple-system, BlinkMacSystemFont, "Open Sans", Roboto, "Helvetica", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+
+/*** SEMANTIC COLOR SCHEME ***/
+
+// Gray scale (uncomment the variables that you want to override or that you need to use in this file)
+//$white: #fff;
+//$gray-100: #f8f9fa;
+//$gray-200: #e9ecef;
+//$gray-300: #dee2e6;
+//$gray-400: #ced4da;
+//$gray-500: #adb5bd;
+//$gray-600: #6c757d;
+//$gray-700: #495057;
+//$gray-800: #343a40;
+//$gray-900: #212529;
+//$black: #000;
+
+// Other colors (uncomment the variables that you want to override or that you need to use in this file)
+//$blue: #007bff !default;
+//$indigo: #6610f2 !default;
+//$purple: #6f42c1 !default;
+//$pink: #e83e8c !default;
+//$red: #dc3545 !default;
+//$orange: #fd7e14 !default;
+//$yellow: #ffc107 !default;
+//$green: #28a745 !default;
+//$teal: #20c997 !default;
+//$cyan: #17a2b8 !default;
+
+// ...
+// K-State Purple
+$brand-primary: #512888;
+$kstate-purple: $brand-primary;
+
+
+// Override semantic colors here
+$primary: #512888; // Gray
+$secondary: #495057; // As Bootstrap $gray-700
+$success: #92c642; // Lime
+$info: #1e6f90; // Light blue
+$warning: #ec9433; // Orange
+$danger: #cf4444; // Red
+$light: #f8f9fa; // As Bootstrap $gray-100
+$dark: #43515f; // Dark blue
+
+
+// Add new semantic colors here (you don't need to add existing semantic colors)
+$theme-custom-semantic-colors: (
+ kstate-purple: $kstate-purple,
+);
+
+/*** OTHER BOOTSTRAP VARIABLES ***/
+
+$yiq-contrasted-threshold: 170;
+
+$min-contrast-ratio: 2.06 !default;
+
+$body-color: #343a40; // As Bootstrap $gray-800
+
+$link-color: $brand-primary; // K-State Purple, as DSpace $info
+$link-decoration: none;
+$link-hover-color: darken($link-color, 15%);
+$link-hover-decoration: underline;
+
+$table-accent-bg: #f8f9fa; // As Bootstrap $gray-100
+$table-hover-bg: #ced4da; // As Bootstrap $gray-400
+
+$navbar-dark-color: #fff;
+
+
+/*** CUSTOM DSPACE VARIABLES ***/
+
+$ds-home-news-link-color: #D2FC93;
+$ds-header-navbar-border-bottom-color: #92c642;
+
+$ds-breadcrumb-link-color: #154E66 !default;
+$ds-breadcrumb-link-active-color: #040D11 !default;
+
+$font-size-base: 1.125rem;
\ No newline at end of file
diff --git a/src/themes/krex/styles/theme.scss b/src/themes/krex/styles/theme.scss
new file mode 100644
index 0000000000..dfa8274cf6
--- /dev/null
+++ b/src/themes/krex/styles/theme.scss
@@ -0,0 +1,15 @@
+// This file combines the other scss files in to one. You usually shouldn't edit this file directly
+
+@import './_theme_sass_variable_overrides.scss';
+@import '../../../styles/_variables.scss';
+
+$theme-colors: map-merge($theme-colors, $theme-custom-semantic-colors);
+
+@import '../../../styles/_mixins.scss';
+@import '../../../styles/helpers/font_awesome_imports.scss';
+@import '../../../styles/_vendor.scss';
+@import '../../../styles/_custom_variables.scss';
+@import './_theme_css_variable_overrides.scss';
+@import '../../../styles/bootstrap_variables_mapping.scss';
+@import '../../../styles/_truncatable-part.component.scss';
+@import './_global-styles.scss';