Add Discovery search box to Explore the Collection index page (#1707)

nationalarchives · Aug 19, 2024 · 0fab94a · 0fab94a
1 parent 2154c2c
commit 0fab94a
Showing 1 changed file with 43 additions and 0 deletions.
diff --git a/templates/collections/explorer_index_page.html b/templates/collections/explorer_index_page.html
@@ -12,6 +12,49 @@
             {% endfor %}
         </div>
     </div>
+
+    <section class="tna-section tna-!--no-padding-top">
+      <div class="tna-container">
+        <div class="tna-column tna-column--full">
+          <div class="tna-background-tint tna-!--padding-top-s tna-!--padding-bottom-m">
+            <div class="tna-container">
+              <div class="tna-column tna-column--flex-1 tna-!--padding-top-s">
+                <form method="get" action="https://discovery.nationalarchives.gov.uk/results/r">
+                  <div class="tna-search-field etna-etc-search">
+                    <div class="tna-form__group etna-etc-search">
+                      <div class="tna-form__group-contents">
+                        <h2 class="tna-form__heading tna-form__heading--l">
+                          <label class="tna-form__label" for="search-catalogue">
+                            Looking for particular records? Search our catalogue
+                          </label>
+                        </h2>
+                        <p id="search-catalogue-hint" class="tna-form__hint">
+                          Our catalogue, Discovery, holds more than 37 million descriptions of records held by The National Archives and archives across the country.
+                        </p>
+                      </div>
+                      <div class="tna-search-field__fields">
+                        <input type="search" id="search-catalogue" class="tna-search-field__input " name="_q" value="" spellcheck="false" aria-describedby="search-catalogue-hint">
+                        <button type="submit" class="tna-button tna-search-field__button">
+                          Search
+                          <i class="fa-solid fa-fw fa-arrow-right tna-!--hide-on-tiny" aria-hidden="true"></i>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </form>
+              </div>
+              <div class="tna-column tna-column--full-small tna-column--full-tiny tna-column--align-bottom tna-!--padding-top-s">
+                <div class="tna-button-group">
+                  <a href="https://discovery.nationalarchives.gov.uk/advanced-search" class="tna-button tna-button--plain">
+                    Advanced search
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
 
     <div class="tna-container">
         <div class="tna-column tna-column--full">