Homepage Accessibility Update

GSA · Nov 13, 2024 · cf045c9 · cf045c9
1 parent 72ea8fc
commit cf045c9
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 27 deletions.
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -93,7 +93,7 @@ GEM
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     mini_portile2 (2.8.7)
-    nokogiri (1.16.7)
+    nokogiri (1.16.2)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
     pathutil (0.16.2)

diff --git a/_includes/blog-carousel.html b/_includes/blog-carousel.html
@@ -1,9 +1,15 @@
-<section class="usa-section padding-top-0">
+<section class="usa-section padding-top-0 ">
+
     <div class="carousel-container snap-inline">
+        <div class="highlight">
+            <h2>
+                Latest News
+            </h2>
+        </div>
         <div class="carousel-inner">
             <div class="track">
                 {% assign sorted = site.blogs | sort: 'published_at' | reverse %}
-                {% for blog in sorted %}
+                {% for blog in sorted limit:6 %}
                 <div class="card-container">
                     <div class="blog-carousel-card">
                       <a href="{{ site.baseurl }}{{ blog.url }}" target="_blank" rel="noopener noreferrer" aria-labelledby="{{ aria_id }}">

diff --git a/pages/home.html b/pages/home.html
@@ -61,7 +61,7 @@ <h2>
     </p>
   </div>
 
-  <div class="benefits">
+  <!-- <div class="benefits">
     <div class="benefit">
       <img src="{{site.baseurl}}/assets/images/home/Home_High_impact.webp" alt="fellows visiting the white house" />
       <h3 class="twoline"> High-impact <br class="display-none tablet:display-inline" /> work </h3>
@@ -77,7 +77,7 @@ <h3 class="twoline">Learning and <br class="display-none tablet:display-inline"
       <h3 class="twoline">Mentorship and <br class="display-none tablet:display-inline" /> community</h3>
       <p>Join a diverse community of mission-driven technologists dedicated to the public interest.</p>
     </div>
-  </div>
+  </div> -->
 </section>
 
 <!-- HIGHLIGHTS -->
@@ -89,28 +89,28 @@ <h3 class="twoline">Mentorship and <br class="display-none tablet:display-inline
       <!-- tech talent -->
       <div class="tablet:grid-col">
 
-         <!-- fellows -->
-         <div class="grid-row">
-          <div class="grid-col box-pane-button home-fellows">
-            <a class="usa-button" href="{{site.baseurl}}/fellows/">
+        <!-- impact -->
+        <div class="grid-row">
+          <div class="grid-col box-pane-button home-opportunity">
+            <a class="usa-button" href="{{site.baseurl}}/opportunity/">
               <div class="box-pane">
-                <h2>Our Fellows</h2>
+                <h2>The Opportunity</h2>
                 <p>
-                  Read more about our USDC Fellows
+                  Work on meaningful innovation
                 </p>
               </div>
             </a>
           </div>
         </div>
 
-        <!-- projects -->
-        <div class="grid-row">
-          <div class="grid-col box-pane-button home-projects">
-            <a class="usa-button" href="{{site.baseurl}}/projects/">
+         <!-- fellows -->
+         <div class="grid-row">
+          <div class="grid-col box-pane-button home-fellows">
+            <a class="usa-button" href="{{site.baseurl}}/fellows/">
               <div class="box-pane">
-                <h2>Agency Impact</h2>
+                <h2>Our Fellows</h2>
                 <p>
-                  Make a difference for the American public
+                  Read more about our USDC Fellows
                 </p>
               </div>
             </a>
@@ -121,34 +121,35 @@ <h2>Agency Impact</h2>
 
       <div class="tablet:grid-col">
 
-        <!-- impact -->
+        <!-- mission and values -->
         <div class="grid-row">
-          <div class="grid-col box-pane-button home-opportunity">
-            <a class="usa-button" href="{{site.baseurl}}/opportunity/">
+          <div class="grid-col box-pane-button home-about">
+            <a class="usa-button" href="{{site.baseurl}}/about/">
               <div class="box-pane">
-                <h2>The Opportunity</h2>
+                <h2>Who we are</h2>
                 <p>
-                  Work on meaningful innovation
+                  Learn about our mission and values
                 </p>
               </div>
             </a>
           </div>
         </div>
 
-        <!-- mission and values -->
+        <!-- projects -->
         <div class="grid-row">
-          <div class="grid-col box-pane-button home-about">
-            <a class="usa-button" href="{{site.baseurl}}/about/">
+          <div class="grid-col box-pane-button home-projects">
+            <a class="usa-button" href="{{site.baseurl}}/projects/">
               <div class="box-pane">
-                <h2>Who we are</h2>
+                <h2>Agency Impact</h2>
                 <p>
-                  Learn about our mission and values
+                  Make a difference for the American public
                 </p>
               </div>
             </a>
           </div>
         </div>
 
+
       </div>
     </div>
   </div>