<!DOCTYPE html>
<html lang="de" xmlns:th="http://www.thymeleaf.org">
<head>
  <title>Page fragments</title>
  <meta th:fragment="html_header" http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta th:fragment="html_header" name="viewport" content="width=device-width, initial-scale=1">
  <link th:fragment="html_header" rel="icon" type="image/png" th:href="@{/images/wsrb_favicon.png}" />
  <link th:fragment="html_header" rel="stylesheet" type="text/css" th:href="@{/themes/unirostock/css/unirostock.css}" media="all" />
  <link th:fragment="html_header" rel="stylesheet" th:href="@{/css/wsrb.css}" />
</head>
<body>
  <nav th:fragment="navigation(navActive)" class="ir-nav-main container pe-4">
    <div class="row d-none d-md-block">
      <div class="col mt-3 mb-4 px-0">
        <div class="float-start pe-4 pt-0" style="width:400px">
          <a th:href="@{/}">
              <!--/* Farbrad: https://color.adobe.com/de/create/color-wheel / Uni-Grundfarbe: #004A99; */-->
              <span class="d-block" style="color: #994A00; font-family: Libertinus Sans; font-weight:bold;">
                <span class="d-block float-start" style="font-weight:bold; font-size:48px; margin-top:-18px;">WSRB</span>
                <span class="d-block float-start" style="width: 215px; padding-left: 14px; margin-top:-2px; font-size:16px; line-height:20px;">
                   <span style="letter-spacing:.075em;">Künstlike Werltspröke</span>
                   <span style="white-space:nowrap;"><small style="font-style:normal">und</small> Eyn schön rimbökelin</span>
                </span>
              </span>
          </a>
        </div>
        <ul class="nav nav-pills nav-fill ir-nav-main ps-4">
          <li class="nav-item">
            <a id="nav-main-intro" class="nav-link" th:classappend="${#strings.contains(navActive,'nav-main-intro')}  ? 'active' : ''" 
               th:href="@{/site/intro__ueberblick}" th:text="#{wsrb.page.headlines.main.intro}">Einführung</a>
          </li>
          <li class="nav-item">
            <a id="nav-main-edition" class="nav-link" th:classappend="${#strings.contains(navActive,'nav-main-edition')}  ? 'active' : ''" 
               th:href="@{/edition}" th:text="#{wsrb.page.headlines.main.edition}">Edition</a>
          </li>
          <li class="nav-item">
            <a id="nav-main-transkription" class="nav-link" th:classappend="${#strings.contains(navActive,'nav-main-transkription')}  ? 'active' : ''" 
               th:href="@{/transkription}" th:text="#{wsrb.page.headlines.main.transkriptionen}">Transkriptionen</a>
          </li>
          <li class="nav-item">
            <a id="nav-main-daten_tei" class="nav-link" th:classappend="${#strings.contains(navActive,'nav-main-daten_tei')}  ? 'active' : ''" 
               th:href="@{/daten_tei}" th:text="#{wsrb.page.headlines.main.daten_tei}">Daten/TEI</a>
          </li>
          <li class="nav-item">
            <a id="nav-main-buchausgabe" class="nav-link" th:classappend="${#strings.contains(navActive,'nav-main-buchausgabe')}  ? 'active' : ''" 
               th:href="@{/site/buchausgabe}" th:text="#{wsrb.page.headlines.main.buchausgabe}">Buchausgabe</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <footer th:fragment="footer" class="ir-footer">
    <div class="container mt-2">
      <div class="row">
        <div class="col-12 col-sm-8 order-1 col-lg-4">
			<p class="mb-3 mt-1" th:utext="#{wsrb.page.footer.projekt.name}">
              <strong><span class="fst-italic">Künstlike Werltspröke</span> <small>und</small> <span class="fst-italic">Eyn schön rimbökelin</span></strong><br />
			  Digitale Edition mittelniederdeutscher Spruchsammlungen des 16. Jahrhunderts<br />
			</p>
            <p th:utext="#{wsrb.page.footer.projekt.ort_datum_link}">	</p>
        </div>
        <div class="col-12 col-sm-8 order-1 col-lg-8">
        <div class="row border-bottom border-white">
        <div class="col-12 d-md-flex justify-content-between d-none d-lg-flex pb-3 px-0">
          <div class="text-center" style="width:32%">
              <a href="https://www.uni-rostock.de/"> <img class="" alt="Universität Rostock" th:src="@{/images/uni-rostock_logo_weiss.svg}"
                th:title="#{wsrb.page.footer.image.title.uni_rostock}" style="max-width: 100%;">
            </a>
          </div>
          <div class="text-center" style="width:22%">
            <a href="https://www.ub.uni-rostock.de/"> <img class="" alt="Universitätsbibliothek Rostock" th:src="@{/images/ub-rostock_logo_links-weiss.svg}"
               th:title="#{wsrb.page.footer.image.title.ub_rostock}" style="width: 90%;">
            </a>
          </div>
   
          <!-- <div th:text="#{wsrb.page.footer.dfg.gefoerdert}" class="small mb-2">gefördert durch</div> -->
          <div  style="width:30%">
            <a href="http://www.dfg.de/"> <img alt="DFG" th:src="@{/images/dfg_logo_schriftzug_weiss_foerderung_de.svg}" th:title="#{wsrb.page.footer.dfg.image.title}" 
             style="width:100%;margin-top:-.66rem"></a>
             <div class="small mt-0">
             (<span th:text="#{wsrb.page.footer.dfg.projekt}">Projektnummer:</span> <a th:href="'https://gepris.dfg.de/gepris/projekt/__#{wsrb.page.footer.dfg.projekt.nummer}__'" th:text="#{wsrb.page.footer.dfg.projekt.nummer}">287283426</a>)
           </div>
          </div>
        </div>
        </div>

      <div class="row mt-2">
        <div class="col d-md-flex justify-content-between px-0">
          <div class="mb-2 mx-0" >
            <a href="https://creativecommons.org/licenses/by-sa/4.0/"><img id="licensebutton" alt="Creative Commons License (CC-BY-SA 4.0)" th:src="@{/images/cc-by-sa_4_80x15.svg}" style="height:1.5em" ></a>
          </div>
          <div class="mb-2">
            <a th:href="@{/site/intro__zitierweise}" th:utext="#{wsrb.page.footer.citation}" class="text-nowrap">Zitierweise</a>
          </div>
          <div class="mb-2 mx-0 mx-md-3 text-nowrap">
            <span th:utext="#{wsrb.page.footer.rosdok_url}">RosDok</span>
          </div>
          <div class="mb-3">
            <a th:href="#{wsrb.page.footer.impressum.url}" th:title="#{wsrb.page.footer.impressum.title}" th:text="#{wsrb.page.footer.impressum}">Impressum</a>,
            <a th:href="#{wsrb.page.footer.datenschutz.url}" th:title="#{wsrb.page.footer.datenschutz.title}" th:text="#{wsrb.page.footer.datenschutz}">Datenschutzerklärung</a>
          </div>
          <div style="margin-top:-0.25rem">
            <a href="https://www.tei-c.org/">
             <img th:src="@{/images/We-use-TEI.png}" alt="We use TEI" style="width:80px" />
            </a>
          </div>
        </div>
        </div>
      </div>
      </div>
    </div>
  </footer>
  
  <script th:fragment="html_footer" defer th:src="@{/webjars/bootstrap/5.3.3/js/bootstrap.bundle.min.js}"></script>
  
</body>
</html>