diff --git a/web/app/themes/mitlib-parent/css/v2/pages/home.css b/web/app/themes/mitlib-parent/css/v2/pages/home.css index f29e6607..4e920877 100644 --- a/web/app/themes/mitlib-parent/css/v2/pages/home.css +++ b/web/app/themes/mitlib-parent/css/v2/pages/home.css @@ -39,11 +39,20 @@ body.v2-page { #content > #hero { padding: 0; position: relative; - background-size: cover; - background-position: center center; color: var(--color-text-on-color); + /* Decorative background image, kept out of the focusable/overlay content so role="img" has no children */ + .hero-bg { + position: absolute; + inset: 0; + z-index: 0; + background-size: cover; + background-position: center center; + } + .overlay { + position: relative; + z-index: 1; padding-top: calc(var(--content-section-vertical-padding) + var(--sp-600)); padding-bottom: var(--content-section-vertical-padding); background: linear-gradient(90deg, #1A1A1A 24.52%, rgba(26, 26, 26, 0.50) 70.67%, rgba(26, 26, 26, 0.00) 100%); diff --git a/web/app/themes/mitlib-parent/style.css b/web/app/themes/mitlib-parent/style.css index b1dacae0..d165458a 100644 --- a/web/app/themes/mitlib-parent/style.css +++ b/web/app/themes/mitlib-parent/style.css @@ -1,7 +1,7 @@ /* Theme Name: MITlib Parent Author: MIT Libraries -Version: 0.15 +Version: 0.16 Description: The parent theme for the MIT Libraries' Pentagram-designed identity. */ diff --git a/web/app/themes/mitlib-parent/templates/page-home-v2.php b/web/app/themes/mitlib-parent/templates/page-home-v2.php index 65980515..32797c73 100644 --- a/web/app/themes/mitlib-parent/templates/page-home-v2.php +++ b/web/app/themes/mitlib-parent/templates/page-home-v2.php @@ -14,9 +14,10 @@ get_header( 'v2' ); ?>
-