usagov · rayestrada · Oct 10, 2023 · Oct 23, 2023 · Oct 24, 2023 · Oct 24, 2023
diff --git a/assets/styles/main.scss b/assets/styles/main.scss
@@ -39,3 +39,10 @@ $theme-show-notifications: false,
 @forward 'global/typography';
 @forward 'global/media';
 @forward 'global/layout';
+
+// NVRF --------------- //
+@forward "usa-card";
+@forward "usa-process-list";
+@forward "usa-step-indicator";
+@forward "uswds-fonts";
+@forward "uswds-helpers";
diff --git a/content/en/about-us.html b/content/en/about-us.html
@@ -20,3 +20,5 @@ <h2>History</h2>
         Get Registered
     </button></a>
 </div>
+
+{{< reactapp >}}
diff --git a/content/en/nvrf.html b/content/en/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."
++++ 
+
+{{< reactapp >}}
diff --git a/content/ypk/about-us.html b/content/ypk/about-us.html
@@ -20,3 +20,5 @@ <h2>Taagnanga</h2>
       Ilaten
     </button></a>
 </div>
+
+{{< reactapp >}}
diff --git a/gulp/build.js b/gulp/build.js
@@ -136,7 +136,7 @@ exports.buildWebsite = buildWebsite;
 exports.watch = watch;
 exports.website= website;
 
-var build = gulp.series(cleanAll, printPackageInfo, gulp.parallel('styles', 'scripts', 'images', 'fonts'), 'data');
+var build = gulp.series(cleanAll, printPackageInfo, gulp.parallel('styles', 'scripts', 'images', 'fonts', 'nvrf'), 'data');
 var buildWebsite = gulp.series (build, buildWebsite);
 var website = gulp.series (build, website);
 

diff --git a/gulp/nvrf.js b/gulp/nvrf.js
@@ -0,0 +1,14 @@
+var gulp = require('gulp');
+var log = require('fancy-log');
+var colors = require('ansi-colors');
+
+gulp.task('nvrf', function () {
+
+  log(colors.cyan('nvrf'), 'Copying nvrf assets');
+  var stream = gulp.src([
+    './assets/NVRF/**/*'
+  ]);
+
+  return stream.pipe(gulp.dest('./static/assets/NVRF'));
+
+});
diff --git a/gulpfile.js b/gulpfile.js
@@ -7,6 +7,7 @@ require('./gulp/styles');
 require('./gulp/scripts');
 require('./gulp/images');
 require('./gulp/fonts');
+require('./gulp/nvrf');
 require('./gulp/data');
 var build = require('./gulp/build');
 var gulp = require('gulp');

diff --git a/layouts/index.html b/layouts/index.html
@@ -60,6 +60,8 @@ <h2>{{ $translation.homepage.state_selection__heading }}</h2>
 
           </div>
           <div class="tablet:grid-col-8 right-shift">
+
+            <!-- <div id="root"></div> -->
 
               {{ partial "accordion-group.html" . }}
 

diff --git a/layouts/nvrf/single.html b/layouts/nvrf/single.html
@@ -0,0 +1,20 @@
+{{ $translation := ( index $.Site.Data.translations .Site.Language.Lang ) }}
+
+
+{{ partial "head.html" . }}
+
+<body class="page-basic">
+{{ partial "header.html" . }}
+<main id="main-content">
+  <div class="grid-container">
+    <section class="voter-info page-type--basic">
+      {{ .Content }}
+    </section>
+  </div>
+</main>
+{{ partial "footer.html" . }}
+{{ partial "analytics.html" . }}
+{{ partial "scripts.html" . }}
+</body>
+
+</html>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,5 +1,6 @@
 {{ $translation := ( index $.Site.Data.translations .Site.Language.Lang ) }}
 <footer role="contentinfo">
+  {{ if ne .Type "nvrf" }}
   <section class="bg-white" title="{{ $translation.footer.section_sign_up }}" aria-label="{{ $translation.footer.section_sign_up }}">
     <div class="grid-container">
       <div class="grid-row grid-gap">
@@ -21,6 +22,7 @@ <h2 class="text-blue font-size-medium">{{ replace $translation.footer.subscribe_
       </div>
     </div>
   </section>
+  {{ end }}
 
     {{ partial "partials/contact-identifier.html" . }}
 

diff --git a/layouts/shortcodes/reactapp.html b/layouts/shortcodes/reactapp.html
@@ -0,0 +1,4 @@
+<div id="root"></div>
+
+<script type="module" crossorigin src="{{ .Site.BaseURL }}/assets/NVRF/assets/index-78294268.js"></script>
+<link rel="stylesheet" href="{{ .Site.BaseURL }}/assets/NVRF/assets/index-586e8603.css">
diff --git a/package-lock.json b/package-lock.json
diff --git a/static/.gitkeep b/static/.gitkeep
-Original file line number
+Diff line change
@@ Expand Up / @@ -20,3 +20,5 @@ <h2>Taagnanga</h2> @@
           Ilaten
         </button></a>
     </div>
+    {{< reactapp >}}