VOTE-564: add nvrf hero logo and hide search (#956)

usagov · Dec 18, 2023 · fd59513 · fd59513
1 parent eac81ae
commit fd59513
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 6 deletions.
diff --git a/assets/img/NVRF_hero_lockup.png b/assets/img/NVRF_hero_lockup.png
diff --git a/assets/styles/component/hero.scss b/assets/styles/component/hero.scss
@@ -80,6 +80,10 @@
   }
 }
 
+.nvrf-hero {  
+  padding: 20px 0;
+}
+
 .align-bottom {
   display: flex;
   flex-direction: column;

diff --git a/assets/styles/main.scss b/assets/styles/main.scss
@@ -18,6 +18,7 @@ $theme-show-notifications: false,
 @forward "usa-prose";
 @forward "usa-intro";
 @forward "usa-language-selector";
+
 // NVRF dependencies --------------- //
 @forward "usa-card";
 @forward "usa-step-indicator";

diff --git a/assets/styles/nvrf.scss b/assets/styles/nvrf.scss
@@ -4,6 +4,7 @@
     border-radius: 0;
     border-color: #000;
   }
+
   .error-container {
     border-left: 3px solid #b50909;
     padding-left: 15px;
@@ -82,7 +83,6 @@
     border-radius: 30px;
     background-color: #DEE9F0;;
     color: #11385B;
-
     text-align: center;
     font-size: 18px;
     margin-left: calc(50% - 24px);

diff --git a/layouts/nvrf/single.html b/layouts/nvrf/single.html
@@ -6,6 +6,16 @@
 <link rel="stylesheet" href="{{ .Site.BaseURL }}/assets/styles/nvrf.css">
 {{ partial "header.html" . }}
 <main id="main-content">
+  <div class="bg-blue" id="skip-target">
+    <div class="grid-container">
+        <div class="tablet:grid-col-6 nvrf-hero">
+          <a href="{{ .Site.Home.RelPermalink }}" aria-label="Vote.gov">
+            <img width="150" height="59" src="{{ .Site.BaseURL }}/assets/img/NVRF_hero_lockup.png"
+              alt="{{ $translation.footer.vote_logo_alt_text }}" aria-label="Vote.gov"/>
+          </a>
+        </div>
+    </div>
+  </div>
   <div class="grid-container">
     <section class="voter-info">
       {{ .Content }}

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -25,10 +25,10 @@
               <span class="usa-banner__button-text">{{ $translation.homepage.banner__banner_action }}</span>
             </button>
           </div>
-
-          <div class="switcher-desktop">
-          {{ partial "language-switcher.html" . }}
-          </div>
+          
+        <div class="switcher-desktop">
+        {{ partial "language-switcher.html" . }}
+        </div>
 
         </div>
       </div>
@@ -79,4 +79,6 @@
 
 </header>
 
-{{ partial "partials/search.html" . }}
+{{ if ne .Type "nvrf" }}
+  {{ partial "partials/search.html" . }}
+{{ end }}