diff --git a/app/assets/config/manifest.js b/app/assets/config/manifest.js index 4e2e088..2551492 100644 --- a/app/assets/config/manifest.js +++ b/app/assets/config/manifest.js @@ -5,4 +5,5 @@ //= link application_dr-joyce-brothers.css //= link application_blackprint.css //= link application_example.css +//= link application_rmc-legacy.css //= link openseadragon-assets.js diff --git a/app/assets/images/spotlight/themes/rmc-legacy_preview.png b/app/assets/images/spotlight/themes/rmc-legacy_preview.png new file mode 100644 index 0000000..d0e98a6 Binary files /dev/null and b/app/assets/images/spotlight/themes/rmc-legacy_preview.png differ diff --git a/app/assets/stylesheets/application_dr-joyce-brothers.scss b/app/assets/stylesheets/application_dr-joyce-brothers.scss index f1bd6c7..b37ccb4 100644 --- a/app/assets/stylesheets/application_dr-joyce-brothers.scss +++ b/app/assets/stylesheets/application_dr-joyce-brothers.scss @@ -30,7 +30,6 @@ body, header { .background-container { background-position: center; - filter: none; height: 180px; border: none; diff --git a/app/assets/stylesheets/application_rmc-legacy.scss b/app/assets/stylesheets/application_rmc-legacy.scss new file mode 100644 index 0000000..933c01c --- /dev/null +++ b/app/assets/stylesheets/application_rmc-legacy.scss @@ -0,0 +1,39 @@ +@import 'base'; + +// Theme designed to include a modified version of the original RMC masthead image in larger screen sizes + +.masthead { + .site-title-container { + @media (min-width: breakpoint-max('md')) { + // For larger screen sizes, hide title text (except for screen readers) + height: 180px; + .site-title { + @include sr-only; + } + .site-title-wrapper { + background: none; + } + + } + } + + .background-container { + // Center masthead image + background-position: center; + border: none; + height: 180px; + + @media (max-width: breakpoint-max('md')) { + // For smaller screen sizes, zoom in on solid background color on left side of modified RMC masthead image + background-position: left; + background-size: 600% 100%; + } + } + + .background-container-gradient { + @media (min-width: breakpoint-max('md')) { + // For larger screen sizes, remove background image gradient + display: none; + } + } +} diff --git a/app/assets/stylesheets/exhibits/_header.scss b/app/assets/stylesheets/exhibits/_header.scss index 3e16ff7..8eba4c3 100644 --- a/app/assets/stylesheets/exhibits/_header.scss +++ b/app/assets/stylesheets/exhibits/_header.scss @@ -120,6 +120,11 @@ header { } } +// Remove default blur filter +.image-masthead .background-container { + filter: blur(0); +} + // Utilities navbar // -------------------- .navbar-toggler { diff --git a/config/initializers/spotlight_initializer.rb b/config/initializers/spotlight_initializer.rb index 627f4ff..488e518 100644 --- a/config/initializers/spotlight_initializer.rb +++ b/config/initializers/spotlight_initializer.rb @@ -116,7 +116,7 @@ # 'my-local-config': ->(context) { context.my_custom_data_path(context.current_exhibit) } # } -default_themes = %w[default example] +default_themes = %w[default example rmc-legacy] custom_themes = %w[dr-joyce-brothers blackprint] Spotlight::Engine.config.exhibit_themes = default_themes + custom_themes