diff --git a/.gitignore b/.gitignore index c59f270f7..f08e71184 100644 --- a/.gitignore +++ b/.gitignore @@ -24,7 +24,7 @@ npm-debug.log assets/**/*demo.html # Assets generated by build pipeline -static/assets/* +static/**/* # The compiled Hugo site public/ @@ -32,6 +32,8 @@ public/ # The generated language content and layouts directories content/registrar layouts/registrar +content/*/*/data +content/*/*/files tmp/ diff --git a/assets/img/NVRF_hero_lockup.png b/assets/img/NVRF_hero_lockup.png new file mode 100644 index 000000000..445fe8cba Binary files /dev/null and b/assets/img/NVRF_hero_lockup.png differ diff --git a/assets/styles/component/alert.scss b/assets/styles/component/alert.scss index e73e3b708..4691279c1 100644 --- a/assets/styles/component/alert.scss +++ b/assets/styles/component/alert.scss @@ -1,46 +1,43 @@ @use 'uswds-core' as *; @use '../mixins' as *; -.usa-alert { - padding: 0; - margin-top: 0; - border-left: 0.5rem solid #00bde3; -} +.sitewide-alert, .page-alert { + .usa-alert { + padding: 0; + margin-top: 0; + border-left: 0.5rem solid #00bde3; + } -[dir="rtl"] .usa-alert { - border-right: 0.5rem solid #00bde3; - border-left: 0; -} + [dir="rtl"] .usa-alert { + border-right: 0.5rem solid #00bde3; + border-left: 0; + } -.usa-alert--info:before { - display: none; -} + .usa-alert--info:before { + display: none; + } -.usa-alert--info { - background-image: unset; - background-color: #e7f6f8; - border: 0; -} + .usa-alert--info { + background-image: unset; + background-color: #e7f6f8; + border: 0; + } -[dir="rtl"] .usa-alert--info { - .grid-container { - background-position: calc(100% - 1rem) 1rem; + [dir="rtl"] .usa-alert--info { + .grid-container { + background-position: calc(100% - 1rem) 1rem; - @include at-media('tablet') { - background-position: calc(100% - 1rem) 0.3rem; + @include at-media('tablet') { + background-position: calc(100% - 1rem) 0.3rem; + } } } -} - -.usa-alert--info .usa-alert__body { - padding-left: 2.5rem; - &:before { - left: -0.5rem; - } -} + .usa-alert--info .usa-alert__body { + padding-left: 2.5rem; -.usa-alert__text:only-child { - margin-bottom: 0.5rem; - padding: 0.75rem 0 0.25rem; + &:before { + left: -0.5rem; + } + } } diff --git a/assets/styles/component/buttons.scss b/assets/styles/component/buttons.scss index 6e7d91ca3..767e24cdd 100644 --- a/assets/styles/component/buttons.scss +++ b/assets/styles/component/buttons.scss @@ -12,6 +12,14 @@ margin-top: 1rem; margin-bottom: 3rem; } + + &.usa-button--outline, + &.usa-button--outline:hover, + &.usa-button--outline:focus { + background-color: transparent; + color: $color-blue-dark; + box-shadow: inset 0 0 0 2px $color-blue-dark; + } } .usa-button:hover, diff --git a/assets/styles/component/hero.scss b/assets/styles/component/hero.scss index 4c6a5b5b1..03de4bd1a 100644 --- 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 index b1bcab891..cb7d77cf7 100644 --- a/assets/styles/main.scss +++ b/assets/styles/main.scss @@ -18,6 +18,15 @@ $theme-show-notifications: false, @forward "usa-prose"; @forward "usa-intro"; @forward "usa-language-selector"; +@forward "usa-layout-grid"; + +// NVRF dependencies --------------- // +@forward "usa-card"; +@forward "usa-step-indicator"; +@forward "usa-icon-list"; +@forward "uswds-fonts"; +@forward "uswds-helpers"; +@forward "uswds-utilities"; @forward 'component/language-switcher'; @forward 'component/identifier'; diff --git a/assets/styles/nvrf.scss b/assets/styles/nvrf.scss new file mode 100644 index 000000000..7c4ec2d10 --- /dev/null +++ b/assets/styles/nvrf.scss @@ -0,0 +1,78 @@ +.nvrf-app-container { + .usa-button { + line-height: 1.2; + } + + @media only screen and (max-width: 639px) { + .mobile-width { + width: 100%; + max-width: 480px; + } + } + + .grid-container-tablet { + max-width: 720px; + } + + hr, + .usa-prose > hr { + border: 0; + border-top: 1px solid #adadad; + margin: 2rem 0; + } + + .usa-form .usa-input { + max-width: 480px; + } + + h2.margin-0 { + margin: 0; + } + + .edit-btn .usa-button.usa-button--unstyled { + background-color: transparent; + color: #005ea2; + } + + fieldset + .usa-hint { + margin-top: 0.5rem; + } + + .error-container { + border-left: 3px solid #b50909; + padding-left: 15px; + + .error-text { + display: block; + } + } + + .error-text { + color: #b50909; + font-size: 1rem; + margin-top: 0.5rem; + display: none; + } + + .usa-step-indicator__header { + @media (min-width: 640px) { + position: absolute; + text-indent: -9000px; + overflow: hidden; + } + } + + .usa-alert__text { + > *:first-child { + margin-top: 0; + } + > *:last-child { + margin-bottom: 0; + } + } +} + +#touchpoints-form-embed .fba-modal-dialog { + margin: 0; +} + diff --git a/assets/styles/pages/state-page.scss b/assets/styles/pages/state-page.scss index 243409be3..52e1dc156 100644 --- a/assets/styles/pages/state-page.scss +++ b/assets/styles/pages/state-page.scss @@ -5,7 +5,7 @@ margin-bottom: 60px; margin-top: 40px; - a { + a:not(.usa-button) { color: $color-blue-dark; } @@ -18,9 +18,4 @@ margin-bottom: 0.5em; margin-top: 30px; } - - p { - margin-bottom: 1em; - margin-top: 0; - } } diff --git a/content/en/national-voter-registration-form-review/nvrf.html b/content/en/national-voter-registration-form-review/nvrf.html new file mode 100644 index 000000000..3c8645c5b --- /dev/null +++ b/content/en/national-voter-registration-form-review/nvrf.html @@ -0,0 +1,8 @@ ++++ +title = "NVRF" +meta_title = "NVRF" +type = "nvrf" +meta_description = "Vote.gov is a United States government website that provides trusted voting information and can help you find voter registration rules for your state." +url = "/national-voter-registration-form-review" +hide_touchpoints = "true" ++++ diff --git a/content/en/national-voter-registration-form-review/privacy.html b/content/en/national-voter-registration-form-review/privacy.html new file mode 100644 index 000000000..76c70b51b --- /dev/null +++ b/content/en/national-voter-registration-form-review/privacy.html @@ -0,0 +1,39 @@ ++++ +title = "Privacy Policy" +meta_title = "National Voter Registration Form Privacy Policy" +meta_description = "Vote.gov is a United States government website that provides trusted voting information and can help you find voter registration rules for your state." +translationKey = "privacy" +url = "/national-voter-registration-form-review/privacy" +hide_back_link = "true" +hide_touchpoints = "true" ++++ + +
Vote.gov offers a web-based form filler tool with improved accessibility features to help eligible voters fill out the mail-in registration form. Unlike many other web-based registration tools, vote.gov does not store any user-provided information.
+Vote.gov built the registration form filler tool in partnership with the Election Assistance Commission (EAC), and all information requested from you in the registration form comes directly from the EAC. When states provide updates to the EAC, those updates will be reflected in the registration form filler tool on vote.gov.
+ +The federal government does not have a federal database of voters. If you are using the registration form filler tool on vote.gov to make changes to your information, you are reporting a change directly to your state. Your information is not being saved or updated in a federal database.
+ +When you complete the registration form on vote.gov, your web browser renders a PDF that you can save on your device (whether a computer, phone, or tablet). Your information is not being stored on federal government servers. Closing your web browser will clear your information. If you close the web browser before completing the registration form, you will have to start over filling out the form.
+ +Vote.gov uses standard Google Analytics tracking, which tracks anonymous data such as clicks and time spent on pages. We do not track personally identifiable information (PII) or IP addresses.
+ +If you have questions about the registration form filler tool on vote.gov, please contact: vote@gsa.gov.
+ + +