diff --git a/_sass/pages/_home.scss b/_sass/pages/_home.scss index c7493e0f8..b9c8bd9a0 100644 --- a/_sass/pages/_home.scss +++ b/_sass/pages/_home.scss @@ -77,45 +77,27 @@ } } -.home-apply { - @include u-padding(4); - @include column-overlay-vertical("center", 100%, "primary", 0.75); - background-color: color("primary"); - background-image: url($baseurl + "/assets/images/home/TheUSgovernment.webp"); - background-position: center; - background-size: auto 100%; - background-repeat: no-repeat; - - height: 600px; +// mini boxes +// see boxes.scss for styling and sizes - .usa-link { - @include white-url(); - } +.home-fellows { + @include u-margin-bottom(2); + background-image: url($baseurl + "/assets/images/home/Meet_The_Fellows.webp"); + background-repeat: no-repeat; + background-size: auto 100%; + background-position: left; - // < desktop + // desktop @include at-media-max("desktop") { - @include u-padding(2); - @include u-padding-bottom(4); - height: 464px; - - .box-content p { - line-height: 1.2em; - } + background-position: -40px 0; } - // < tablet - @include at-media-max("tablet") { - @include u-margin-bottom(2); - height: unset; - - .box-content p { - line-height: 1.5em; - } + // mobile + @include at-media-max("mobile-lg") { + background-position: -55px 0; } } -// mini boxes -// see boxes.scss for styling and sizes .home-opportunity { @include u-margin-bottom(2); background-image: url($baseurl + "/assets/images/home/Opportunity.webp"); @@ -145,6 +127,25 @@ background-position: -20px 0; } + // mobile + @include at-media-max("mobile-lg") { + background-position: -30px 0; + } +} + +.home-projects { + @include u-margin-bottom(2); + background-image: url($baseurl + "/assets/images/home/Home_Page_Projects_image.webp"); + background-repeat: no-repeat; + background-size: auto 100%; + background-position: left; + object-fit: contain; + + // desktop + @include at-media-max("desktop") { + background-position: -20px 0; + } + // mobile @include at-media-max("mobile-lg") { background-position: -30px 0; diff --git a/assets/images/home/Home_Page_Projects_image.webp b/assets/images/home/Home_Page_Projects_image.webp new file mode 100644 index 000000000..8b0b390d7 Binary files /dev/null and b/assets/images/home/Home_Page_Projects_image.webp differ diff --git a/assets/images/home/Meet_The_Fellows.webp b/assets/images/home/Meet_The_Fellows.webp new file mode 100644 index 000000000..b737a608c Binary files /dev/null and b/assets/images/home/Meet_The_Fellows.webp differ diff --git a/pages/home.html b/pages/home.html index ff2925b77..fb4f91fba 100644 --- a/pages/home.html +++ b/pages/home.html @@ -88,15 +88,35 @@
The U.S. government is in the midst of a digital transformation. We need skilled junior technologists with experiences and identities that reflect the diversity of America to join the public servants already at work modernizing and simplifying government services—reaching and improving the lives of all Americans.
- {% if site.apply_now %} -Applications for the U.S. Digital Corps are now open. Apply today.
- {% endif %} + + +