VOTE-1381: add html sitemap for English (#851)

Co-authored-by: mlloydbixal <[email protected]>

assets/styles/main.scss

@@ -33,6 +33,7 @@ $theme-show-notifications: false,
 @forward 'pages/homepage';
 @forward 'pages/state-page';
 @forward 'pages/basic-page';
+@forward 'pages/sitemap';
 
 @forward 'global/colors';
 @forward 'global/typography';

assets/styles/pages/sitemap.scss

@@ -0,0 +1,16 @@
+@use 'uswds-core' as *;
+@use '../mixins' as *;
+
+.sitemap {
+    ul.main-nav, ul.register-nav {
+        list-style-type: none;
+    }
+
+    ul.register-nav {
+        columns: 2;
+
+        @include at-media('tablet') {
+            columns: 3;
+        }
+    }
+}

content/en/sitemap.html

@@ -0,0 +1,11 @@
++++
+title = "Sitemap"
+meta_title = "State Voting Resource Links - HTML Sitemap | Vote.gov"
+meta_description = "View and access all state voting resource links on the Vote.gov HTML Sitemap."
+translationKey = "sitemap"
+home_link_title = "Homepage"
+main_nav_header = "Main Navigation"
+states_header = "Register to Vote - by State and Territory"
++++
+
+{{< sitemap >}}

data/translations/en/footer.json

@@ -26,6 +26,7 @@
   "identifier_link_5": "Office of the Inspector General",
   "identifier_link_6": "Performance Reports",
   "identifier_link_7": "Privacy Policy",
+  "identifier_link_8": "Sitemap",
   "identifier_more_info_aria": "Government information and services",
   "identifier_more_info": "Looking for U.S. government information and services? %link%",
   "identifier_more_info__1": "Visit USA.gov",

layouts/partials/contact-identifier.html

@@ -72,6 +72,9 @@
       <div class="tablet:grid-col-3">
         <ul class="usa-list usa-list--unstyled identifier-links">
           <li><a href="{{ $privacy_policy }}">{{ $translation.footer.identifier_link_7 }}</a></li>
+          {{ if $translation.footer.identifier_link_8 }}
+          <li><a href="{{ .Site.BaseURL }}/sitemap">{{ $translation.footer.identifier_link_8 }}</a></li>
+          {{ end }}
         </ul>
       </div>
     </nav>

layouts/shortcodes/sitemap.html

@@ -0,0 +1,25 @@
+{{ $translation := ( index $.Site.Data.translations .Site.Language.Lang ) }}
+{{ $envURL := ( index .Site.Params.envURL (os.Getenv "BRANCH") ) }}
+{{ $envURL := cond (eq $envURL nil) .Site.Params.envURL.fed $envURL }}
+
+<div class="sitemap">
+  <h2>{{ .Page.Params.main_nav_header }}</h2>
+  <ul class="main-nav usa-list">
+      <li><a hreflang="{{ $translation.Language.Lang }}" href="{{ .Site.Home.RelPermalink }}">{{ .Page.Params.home_link_title }}</a></li>
+      {{ range where .Site.RegularPages "Section" "!=" .Site.Params.register_path }}
+        {{ if ne .Title "Sitemap" }}
+          <li><a hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}">{{ .Title }}</a></li>
+        {{ end }}
+      {{ end }}
+  </ul> 
+
+  <h2>{{ .Page.Params.states_header }}</h2>
+  <ul class="register-nav usa-list">
+    {{ $states := where .Site.Pages "Section" .Site.Params.register_path }}
+    {{ range ($states.ByParam "state_name") }}
+        <li><a hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}">
+          {{ .Params.state_name }}
+        </a></li>
+    {{ end }}
+  </ul> 
+</div>