Stage Hero change (#829)

GSA · Aug 1, 2024 · e1da223 · e1da223
1 parent 0e0fb24
commit e1da223
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/_includes/hero.html b/_includes/hero.html
@@ -7,9 +7,9 @@ <h1 class="usa-sr-only">Section 508 of the Rehabilitation Act</h1>
 <section class="usa-hero margin-bottom-6">
   <div class="grid-container">
     <div class="usa-hero__callout radius-lg">
-      <h2 class="usa-hero__heading h2color text-normal font-body-xl">FY24 Governmentwide Section 508 Assessment</h2>
-      <p class="text-black">Federal agencies subject to Section 508 are required to report on the implementation of Section 508. The Office of Management and Budget (OMB), in consultation with the General Services Administration (GSA) and the U.S. Access Board (USAB) have updated criteria and instructions for response by July 31, 2024.</p>
-      <a class="usa-button primary-background-color" href="{{site.baseurl}}/manage/section-508-assessment/">View Instructions</a>
+      <h2 class="usa-hero__heading h2color text-normal font-body-xl">Accessibility Bytes</h2>
+      <p class="text-black"><em>Accessibility Bytes</em> is a new monthly blog series to share quick tips you can use to improve the accessibility of the information, communications, and technology you create for federal employees and members of the public.</p>
+      <a class="usa-button primary-background-color" href="{{site.baseurl}}/blog/accessibility-bytes/">View Accessibility Bytes</a>
     </div>
   </div>
 </section>

diff --git a/assets/css/index.scss b/assets/css/index.scss
@@ -23,7 +23,7 @@
 
 // Example - Override the background image in the hero component using CSS:
 .usa-hero {
-    background-image: url("https://assets.section508.gov/files/images/hero-gwaa.jpg")
+    background-image: url("https://assets.section508.gov/files/images/hero-bytes-3.jpg")
     //  background-position: 50%;
     //  background-size: cover;
 }
@@ -469,7 +469,7 @@ div[role=rowheader] {
 @media (min-width: 40em) {
   .usa-hero__callout {
     //original max-width was 24rem
-    max-width: 29rem;
+    max-width: 31rem;
   }
 
   .topics {