From aa1017a56582d921df8b7ca323a9c7bdd6b2ea24 Mon Sep 17 00:00:00 2001
From: fsimonjetz <fabian.simonjetz@ruhr-uni-bochum.de>
Date: Tue, 23 Apr 2024 09:21:12 +0000
Subject: [PATCH] update snapshot

---
 .../__snapshots__/subpages.test.tsx.snap      | 1122 +++++++++--------
 1 file changed, 592 insertions(+), 530 deletions(-)

diff --git a/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap b/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap
index 80628f917..b2d05b67b 100644
--- a/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap
+++ b/src/research-projects/subpages/__snapshots__/subpages.test.tsx.snap
@@ -39,6 +39,12 @@ exports[`Project pages displays CAIC page 1`] = `
             >
               CAIC
             </li>
+            <li
+              aria-current="page"
+              class="breadcrumb-item active"
+            >
+              Introduction
+            </li>
           </ol>
         </nav>
         <h2
@@ -54,655 +60,711 @@ exports[`Project pages displays CAIC page 1`] = `
       <div
         class="container-fluid"
       >
-        <h3>
-          Introduction
-        </h3>
-        <p>
-          The cuneiform artifacts of the Iraq Museum in Baghdad are a central part of the cultural heritage of Mesopotamia, which is of great importance to all of humanity. As an interdisciplinary academic project, the aim of CAIC is to document, edit, and analyze approximately 17,000 cuneiform tablets both from historical and linguistic perspectives. With the help of the latest digital approaches it will also make them available online to the general public and experts from various disciplines.
-        </p>
-        <section
-          class="project-page__search"
+        <div
+          class="row"
         >
-          <h3>
-            Search in CAIC
-          </h3>
-          <form
-            class=""
+          <div
+            class="col"
           >
+            <h3>
+              Introduction
+            </h3>
+          </div>
+        </div>
+        <div
+          class="row"
+        >
+          <div
+            class="col"
+          >
+            <p>
+              The cuneiform artifacts of the Iraq Museum in Baghdad are a central part of the cultural heritage of Mesopotamia, which is of great importance to all of humanity. As an interdisciplinary academic project, the aim of CAIC is to document, edit, and analyze approximately 17,000 cuneiform tablets both from historical and linguistic perspectives. With the help of the latest digital approaches it will also make them available online to the general public and experts from various disciplines.
+            </p>
             <div
-              class="form-group row"
-            >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="number"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
-              <div
-                class="col"
-              >
-                <input
-                  aria-label="Number"
-                  class="form-control"
-                  id="number"
-                  name="number"
-                  placeholder="Museum, accession, CDLI, or excavation number"
-                  type="text"
-                  value=""
-                />
-                <div
-                  class="invalid-feedback"
-                >
-                  At least one of prefix, number or suffix must be specified.
-                </div>
-              </div>
-            </div>
-            <div
-              class="form-group row"
+              class="project-page__search"
             >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="reference"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
+              <h3>
+                Search in CAIC
+              </h3>
               <div
-                class="col"
+                class="container"
               >
-                <div
-                  class=" css-2b097c-container"
+                <form
+                  class=""
                 >
                   <div
-                    class=" css-yk16xz-control"
+                    class="form-group row"
                   >
-                    <div
-                      class=" css-g1d714-ValueContainer"
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="number"
                     >
-                      <div
-                        class=" css-1wa3eu0-placeholder"
-                      >
-                        Name Year Title
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
-                      >
-                        <div
-                          class=""
-                          style="display: inline-block;"
-                        >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="Select bibliography reference"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-2-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
-                          <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
-                        </div>
-                      </div>
-                    </div>
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class=" css-1hb7zxy-IndicatorsContainer"
+                      class="col"
                     >
-                      <span
-                        class=" css-1okebmr-indicatorSeparator"
+                      <input
+                        aria-label="Number"
+                        class="form-control"
+                        id="number"
+                        name="number"
+                        placeholder="Museum, accession, CDLI, or excavation number"
+                        type="text"
+                        value=""
                       />
                       <div
-                        aria-hidden="true"
-                        class=" css-tlfecz-indicatorContainer"
+                        class="invalid-feedback"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
+                        At least one of prefix, number or suffix must be specified.
                       </div>
                     </div>
                   </div>
-                </div>
-              </div>
-              <div
-                class="col"
-              >
-                <input
-                  aria-label="Pages"
-                  class="form-control"
-                  id="reference"
-                  name="pages"
-                  placeholder="Page"
-                  type="text"
-                  value=""
-                />
-              </div>
-            </div>
-            <div
-              class="form-group row"
-            >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="period"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
-              <div
-                class="col"
-              >
-                <div
-                  class="script-selection__selection css-2b097c-container"
-                >
                   <div
-                    class="period-selector__control css-yk16xz-control"
+                    class="form-group row"
                   >
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="reference"
+                    >
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class="period-selector__value-container css-g1d714-ValueContainer"
+                      class="col"
                     >
                       <div
-                        class="period-selector__placeholder css-1wa3eu0-placeholder"
-                      >
-                        Period modifier
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
+                        class=" css-2b097c-container"
                       >
                         <div
-                          class="period-selector__input"
-                          style="display: inline-block;"
+                          class=" css-yk16xz-control"
                         >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="select-period-modifier"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-3-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
                           <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
+                            class=" css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class=" css-1wa3eu0-placeholder"
+                            >
+                              Name Year Title
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class=""
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="Select bibliography reference"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-2-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class=" css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class=" css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class=" css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
                     <div
-                      class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
+                      class="col"
                     >
-                      <span
-                        class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                      <input
+                        aria-label="Pages"
+                        class="form-control"
+                        id="reference"
+                        name="pages"
+                        placeholder="Page"
+                        type="text"
+                        value=""
                       />
-                      <div
-                        aria-hidden="true"
-                        class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
                     </div>
                   </div>
-                </div>
-              </div>
-              <div
-                class="col"
-              >
-                <div
-                  class="script-selection__selection css-2b097c-container"
-                >
                   <div
-                    class="period-selector__control css-yk16xz-control"
+                    class="form-group row"
                   >
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="period"
+                    >
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class="period-selector__value-container css-g1d714-ValueContainer"
+                      class="col"
                     >
                       <div
-                        class="period-selector__placeholder css-1wa3eu0-placeholder"
-                      >
-                        Period
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
+                        class="script-selection__selection css-2b097c-container"
                       >
                         <div
-                          class="period-selector__input"
-                          style="display: inline-block;"
+                          class="period-selector__control css-yk16xz-control"
                         >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="select-period"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-5-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
                           <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
+                            class="period-selector__value-container css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class="period-selector__placeholder css-1wa3eu0-placeholder"
+                            >
+                              Period modifier
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class="period-selector__input"
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="select-period-modifier"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-3-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
                     <div
-                      class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
+                      class="col"
                     >
-                      <span
-                        class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                      />
                       <div
-                        aria-hidden="true"
-                        class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                        class="script-selection__selection css-2b097c-container"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
+                        <div
+                          class="period-selector__control css-yk16xz-control"
                         >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
+                          <div
+                            class="period-selector__value-container css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class="period-selector__placeholder css-1wa3eu0-placeholder"
+                            >
+                              Period
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class="period-selector__input"
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="select-period"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-5-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="period-selector__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="period-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="period-selector__indicator period-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="form-group row"
-            >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="site"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
-              <div
-                class="col"
-              >
-                <div
-                  class=" css-2b097c-container"
-                >
                   <div
-                    class="provenance-selector__control css-yk16xz-control"
+                    class="form-group row"
                   >
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="site"
+                    >
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class="provenance-selector__value-container css-g1d714-ValueContainer"
+                      class="col"
                     >
                       <div
-                        class="provenance-selector__placeholder css-1wa3eu0-placeholder"
-                      >
-                        Provenance
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
+                        class=" css-2b097c-container"
                       >
                         <div
-                          class="provenance-selector__input"
-                          style="display: inline-block;"
+                          class="provenance-selector__control css-yk16xz-control"
                         >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="select-provenance"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-6-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
                           <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
+                            class="provenance-selector__value-container css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class="provenance-selector__placeholder css-1wa3eu0-placeholder"
+                            >
+                              Provenance
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class="provenance-selector__input"
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="select-provenance"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-6-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="provenance-selector__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="provenance-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="provenance-selector__indicator provenance-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
-                    <div
-                      class="provenance-selector__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="provenance-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="provenance-selector__indicator provenance-selector__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
                   </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="form-group row"
-            >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="genre"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
-              <div
-                class="col"
-              >
-                <div
-                  class=" css-2b097c-container"
-                >
                   <div
-                    class="genre-selector__control css-yk16xz-control"
+                    class="form-group row"
                   >
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="genre"
+                    >
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class="genre-selector__value-container css-g1d714-ValueContainer"
+                      class="col"
                     >
                       <div
-                        class="genre-selector__placeholder css-1wa3eu0-placeholder"
-                      >
-                        Genre
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
+                        class=" css-2b097c-container"
                       >
                         <div
-                          class="genre-selector__input"
-                          style="display: inline-block;"
+                          class="genre-selector__control css-yk16xz-control"
                         >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="select-genre"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-7-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
                           <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
+                            class="genre-selector__value-container css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class="genre-selector__placeholder css-1wa3eu0-placeholder"
+                            >
+                              Genre
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class="genre-selector__input"
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="select-genre"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-7-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="genre-selector__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="genre-selector__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="genre-selector__indicator genre-selector__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
-                    <div
-                      class="genre-selector__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="genre-selector__indicator-separator css-1okebmr-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="genre-selector__indicator genre-selector__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
                   </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="form-group row"
-            >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="lemmas"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
-              <div
-                class="col"
-              >
-                <div
-                  class=" css-2b097c-container"
-                >
                   <div
-                    class=" css-yk16xz-control"
+                    class="form-group row"
                   >
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="lemmas"
+                    >
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class=" css-g1d714-ValueContainer"
+                      class="col"
                     >
                       <div
-                        class=" css-1wa3eu0-placeholder"
-                      >
-                        Lemmata
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
+                        class=" css-2b097c-container"
                       >
                         <div
-                          class=""
-                          style="display: inline-block;"
+                          class=" css-yk16xz-control"
                         >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="Select lemmata"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-8-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
                           <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
+                            class=" css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class=" css-1wa3eu0-placeholder"
+                            >
+                              Lemmata
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class=""
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="Select lemmata"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-8-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class=" css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class=" css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class=" css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
                         </div>
                       </div>
                     </div>
                     <div
-                      class=" css-1hb7zxy-IndicatorsContainer"
+                      class="col-sm-3"
                     >
-                      <span
-                        class=" css-1okebmr-indicatorSeparator"
-                      />
                       <div
-                        aria-hidden="true"
-                        class=" css-tlfecz-indicatorContainer"
+                        class="script-selection__selection css-2b097c-container"
                       >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
+                        <div
+                          class=" css-yk16xz-control"
                         >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
+                          <div
+                            class=" css-g1d714-ValueContainer"
+                          >
+                            <div
+                              class=" css-1uccc91-singleValue"
+                            >
+                              Same line
+                            </div>
+                            <div
+                              class="css-b8ldur-Input"
+                            >
+                              <div
+                                class=""
+                                style="display: inline-block;"
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-label="Select lemma query type"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  id="react-select-4-input"
+                                  spellcheck="false"
+                                  style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                                <div
+                                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class=" css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class=" css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class=" css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-6q0nyr-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
                       </div>
                     </div>
                   </div>
-                </div>
-              </div>
-              <div
-                class="col-sm-3"
-              >
-                <div
-                  class="script-selection__selection css-2b097c-container"
-                >
                   <div
-                    class=" css-yk16xz-control"
+                    class="form-group row"
                   >
-                    <div
-                      class=" css-g1d714-ValueContainer"
+                    <label
+                      class="TransliterationSearchForm__label col-sm-1 form-label"
+                      for="transliteration"
                     >
-                      <div
-                        class=" css-1uccc91-singleValue"
-                      >
-                        Same line
-                      </div>
-                      <div
-                        class="css-b8ldur-Input"
-                      >
-                        <div
-                          class=""
-                          style="display: inline-block;"
-                        >
-                          <input
-                            aria-autocomplete="list"
-                            aria-label="Select lemma query type"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            id="react-select-4-input"
-                            spellcheck="false"
-                            style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
-                          <div
-                            style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                          />
-                        </div>
-                      </div>
-                    </div>
+                      <i
+                        class="fas fa-info-circle"
+                      />
+                    </label>
                     <div
-                      class=" css-1hb7zxy-IndicatorsContainer"
+                      class="col-sm-11"
                     >
-                      <span
-                        class=" css-1okebmr-indicatorSeparator"
+                      <textarea
+                        aria-label="Transliteration"
+                        class="form-control"
+                        id="transliteration"
+                        name="transliteration"
+                        placeholder="Transliterations"
+                        rows="2"
                       />
-                      <div
-                        aria-hidden="true"
-                        class=" css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-6q0nyr-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
                     </div>
                   </div>
+                </form>
+                <div
+                  class="btn-toolbar"
+                  role="toolbar"
+                >
+                  <div
+                    class="SearchForm__ButtonToolbar col-sm offset-sm-1"
+                  >
+                    <button
+                      class="w-25 m-1 btn btn-primary"
+                      type="button"
+                    >
+                      Search in CAIC
+                    </button>
+                  </div>
                 </div>
               </div>
             </div>
-            <div
-              class="form-group row"
-            >
-              <label
-                class="TransliterationSearchForm__label col-sm-1 form-label"
-                for="transliteration"
-              >
-                <i
-                  class="fas fa-info-circle"
-                />
-              </label>
-              <div
-                class="col-sm-11"
-              >
-                <textarea
-                  aria-label="Transliteration"
-                  class="form-control"
-                  id="transliteration"
-                  name="transliteration"
-                  placeholder="Transliterations"
-                  rows="2"
-                />
-              </div>
-            </div>
-          </form>
+          </div>
           <div
-            class="btn-toolbar"
-            role="toolbar"
+            class="col-sm-2"
           >
             <div
-              class="SearchForm__ButtonToolbar col-sm offset-sm-1"
+              class="nav"
             >
-              <button
-                class="w-25 m-1 btn btn-primary"
-                type="button"
+              <a
+                class="nav-link"
+                data-rb-event-key="introduction"
+                href="/projects/CAIC"
               >
-                Search in CAIC
-              </button>
+                Introduction
+              </a>
+              <a
+                class="nav-link"
+                data-rb-event-key="search"
+                href="/projects/CAIC/search"
+              >
+                Search
+              </a>
+              <a
+                class="nav-link"
+                data-rb-event-key="publications"
+                href="/projects/CAIC/publications"
+              >
+                Publications
+              </a>
+              <a
+                class="nav-link"
+                data-rb-event-key="contact"
+                href="/projects/CAIC/contact"
+              >
+                Contact
+              </a>
             </div>
           </div>
-        </section>
+        </div>
       </div>
     </div>
   </main>