Add breadcrumbs

nationalarchives · Feb 25, 2025 · e22a5af · e22a5af
1 parent 383698d
commit e22a5af
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/app/templates/base.html b/app/templates/base.html
@@ -59,7 +59,6 @@
 {% endif %}
 {% endblock %}
 
-
 {% block header %}
 {%- if feature.PHASE_BANNER %}
 {{ tnaPhaseBanner({

diff --git a/app/templates/sitemap_search/index.html b/app/templates/sitemap_search/index.html
@@ -1,5 +1,6 @@
 {% extends 'base.html' %}
 
+{%- from 'components/breadcrumbs/macro.html' import tnaBreadcrumbs -%}
 {%- from 'components/card/macro.html' import tnaCard -%}
 {%- from 'components/compound-filters/macro.html' import tnaCompoundFilters -%}
 {%- from 'components/pagination/macro.html' import tnaPagination -%}
@@ -20,8 +21,27 @@
 {% endif %}
 {% endblock %}
 
+{% block beforeContent %}
+<div class="tna-background-accent-light">
+  <div class="tna-container">
+    <div class="tna-column tna-column--full">
+      {{ tnaBreadcrumbs({
+        'items': [
+          {
+            'text': 'Home',
+            'href': '/'
+          }
+        ],
+        'structuredData': True,
+        'classes': 'tna-!--padding-vertical-s'
+      }) }}
+    </div>
+  </div>
+</div>
+{% endblock %}
+
 {% block content %}
-<div class="tna-background-accent-light tna-!--padding-top-m tna-!--padding-bottom-l">
+<div class="tna-background-accent-light tna-!--padding-top-s tna-!--padding-bottom-l">
   <div class="tna-container">
     <form class="tna-column tna-column--width-2-3 tna-column--width-5-6-medium tna-column--full-small tna-column--full-tiny" method="get" action="{{ url_for('sitemap_search.index') }}" role="search">
       {{ tnaSearchField({