Merge pull request #2232 from GSA/2210-user-story-update-home-page-ph…

…ase-2-1 Updated css to add color for home page, updated backstop references
GSA · Jan 3, 2025 · cbb2ecd · cbb2ecd
2 parents c653521 + b5d72a2
commit cbb2ecd
Show file tree

Hide file tree

Showing 23 changed files with 17 additions and 0 deletions.
diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -957,6 +957,9 @@ li.linked-card:hover svg,
   .usa-card__container {
     align-items: center;
     text-align: center;
+    border-radius: 4px;
+    overflow: hidden;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     img {
       margin: units(4) auto 0;
       width: units(15);
@@ -965,9 +968,17 @@ li.linked-card:hover svg,
     .usa-card__body {
       margin-bottom: units(2);
     }
+    .blue-bar {
+      background-color: #005eb8;
+      height: 1.3em;
+      width: 100%;
+      margin: 0;
+      border-radius: 0;
+    }
   }
 }
 
+
 .contact-us-card {
   border: 2px solid color("ink");
   padding: units(2);

diff --git a/app/templates/views/signedout.html b/app/templates/views/signedout.html
@@ -66,6 +66,7 @@ <h2 class="font-sans-xl margin-top-0">Key features</h2>
       <ul class="usa-card-group display-flex margin-bottom-4">
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/internet.svg') }}"
               alt="Globe on top of a web browser"
@@ -80,6 +81,7 @@ <h3 class="font-heading-md">Web-based</h3>
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/fast.svg') }}"
               alt="Stopwatch with a notification speech bubble with a star inside"
@@ -94,6 +96,7 @@ <h3 class="font-heading-md">Fast and easy</h3>
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/status.svg') }}"
               alt="3 status messages, 2 successes and one failure"
@@ -110,6 +113,7 @@ <h3 class="font-heading-md">Track message delivery</h3>
       <ul class="usa-card-group">
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/translation.svg') }}"
               alt="Speech bubbles with the letter A and the Chinese character for language"
@@ -126,6 +130,7 @@ <h3 class="font-heading-md">
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/security.svg') }}"
               alt="Lock with code icon inside on top of a web browser"
@@ -143,6 +148,7 @@ <h3 class="font-heading-md">Security and privacy</h3>
         </li>
         <li class="usa-card tablet:grid-col-4 mobile-lg:grid-col-12">
           <div class="usa-card__container">
+            <div class="blue-bar"></div>
             <img
               src="{{ asset_url('images/send.svg') }}"
               alt="Paper airplane and a notification icon with the number 1 inside"

diff --git a/backstop_data/bitmaps_reference/backstop_test_Add_Service_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Add_Service_0_document_0_desktop.png
diff --git a/.../bitmaps_reference/backstop_test_Benchmark_Performance_0_document_0_desktop.png b/.../bitmaps_reference/backstop_test_Benchmark_Performance_0_document_0_desktop.png
diff --git a/...op_data/bitmaps_reference/backstop_test_Best_Practices_0_document_0_desktop.png b/...op_data/bitmaps_reference/backstop_test_Best_Practices_0_document_0_desktop.png
diff --git a/...ference/backstop_test_Choose_Service_-_Accounts_0_h1heading-large_0_desktop.png b/...ference/backstop_test_Choose_Service_-_Accounts_0_h1heading-large_0_desktop.png
diff --git a/...kstop_test_Choose_Service_-_Accounts_1_ausa-buttonhrefadd-service_0_desktop.png b/...kstop_test_Choose_Service_-_Accounts_1_ausa-buttonhrefadd-service_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Clear_Goals_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Clear_Goals_0_document_0_desktop.png
diff --git a/...p_data/bitmaps_reference/backstop_test_Delivery_Status_0_document_0_desktop.png b/...p_data/bitmaps_reference/backstop_test_Delivery_Status_0_document_0_desktop.png
diff --git a/...p_data/bitmaps_reference/backstop_test_Establish_Trust_0_document_0_desktop.png b/...p_data/bitmaps_reference/backstop_test_Establish_Trust_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Features_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Features_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Get_Started_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Get_Started_0_document_0_desktop.png
diff --git a/.../backstop_test_Get_Started_Page_-_Highlight_Trial_Mode_0_document_0_desktop.png b/.../backstop_test_Get_Started_Page_-_Highlight_Trial_Mode_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Guidance_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Guidance_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Homepage_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Homepage_0_document_0_desktop.png
diff --git a/...ata/bitmaps_reference/backstop_test_Multiple_Languages_0_document_0_desktop.png b/...ata/bitmaps_reference/backstop_test_Multiple_Languages_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Pricing_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Pricing_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Roadmap_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Roadmap_0_document_0_desktop.png
diff --git a/.../bitmaps_reference/backstop_test_Rules_And_Regulations_0_document_0_desktop.png b/.../bitmaps_reference/backstop_test_Rules_And_Regulations_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Security_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Security_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Support_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Support_0_document_0_desktop.png
diff --git a/backstop_data/bitmaps_reference/backstop_test_Trial_Mode_0_document_0_desktop.png b/backstop_data/bitmaps_reference/backstop_test_Trial_Mode_0_document_0_desktop.png
diff --git a/..._data/bitmaps_reference/backstop_test_Write_For_Action_0_document_0_desktop.png b/..._data/bitmaps_reference/backstop_test_Write_For_Action_0_document_0_desktop.png