<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
  <meta name="generator" content="Hugo 0.84.0">
  <title>Orthoflow Report</title>

  <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/dashboard/">

  <!-- prism for syntax highlighting -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-coy.min.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js">
  </script>
  <script src="https://cdn.jsdelivr.net/npm/prismjs-bibtex@2.0.1/prism-bibtex.js"
          integrity="sha256-+dK6uqUp/DnP6ef97s8XcoynBnGe5vM5gvBECH0EB3U=" crossorigin="anonymous">
  </script>
    
  <!-- Favicons -->
  <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAABgmlDQ1BzUkdCIElFQzYxOTY2LTIuMQAAKJF1kd8rg1EYxz/biPxoigvFxdLmyjRTCxfKpFFLa6YMN9trP9R+vL3vJLlVbhUlbvy64C/gVrlWikjJLdfEDev1vJvakj2n5zyf8z3neTrnOWCNZJSsXueBbK6ghQN+x1x03tHwgpUubLgYiSm6OhYKBalpn/dYzHjrNmvVPvevNS8ldAUsjcKjiqoVhCeFg6sF1eQd4Q4lHVsSPhPu0+SCwnemHi/zq8mpMn+brEXC42BtE3akqjhexUpaywrLy3FmMyvK733Ml7QkcrMzEnvEu9EJE8CPgykmGMfHAMMy+3DjpV9W1Mj3lPKnyUuuIrPKGhrLpEhToE/UFamekJgUPSEjw5rZ/7991ZOD3nL1Fj/UPxvGuwsatqG4ZRhfR4ZRPAbbE1zmKvn5Qxj6EH2rojkPwL4B51cVLb4LF5vQ+ajGtFhJsolbk0l4O4XWKLTfQNNCuWe/+5w8QGRdvuoa9vahV87bF38AkThn+cOWYcsAAAAJcEhZcwAACxMAAAsTAQCanBgAAAOnSURBVEiJtZZdTBxVFMd/d2FlCWZbKbTVhpRWiJC1KvoASaOLxYSoD37UEonG2NbEUBOfbE2MNuqLjdr4oBH8qC9NNOkDPpiYmtRC/ai82CAVQqtIg+6C1YJrZWEX5h4fdi4zd3enrCa92Wxm7pzz/5/zP+eeGSUiXM1VXorRksNPl9C+SJSioZqKEryvZDIxy8fDnJrkuynSSyCgvP+KMG11xLfQfStNtYEgKkii4+d59BNSC6BAgzLovnUgzltfE43w/k4ejhUnCBVuifDmV9z/Eal50OCAgDY/MbdC32m2b+b4Hvb18+oJioZahODoGfZ/hnZybDaotij/XmTwZ44N880+jn5P31ARgvwazGd54XMjhRjFAW0sNISMaALCGwPMpjnVw13v8FgL0cgVMzg8QGLOFsSBZV82mH3tleTIEP0jPHgzh07mZ2AVObXIDQdJZ03UgLC2kl0t3LaJMuW5aeFskmPDXJrPwVBfzeAz3PI6Ey9RUxUg0Q8J0hnTNgBsXccXPTQEdOGBDjp7OX8RhAt/8O0kD21j+DfuuSlAotFpo4njKvDurkB0oL6avi6vC577lKFfGJ22bGyCpIHWINStobM5ED237m6kscb1mk5x7nd+TAYTjCVN5wCa2IZV0HMrthEwqWtGE9ZTqwaXF9z+qyins5lIuCSCaAXkDo0C4fJCcAZu+EImy7mZktA9L3ydvQqBw9oIj7f6DlcpHLpEAg1C7bXsaPpf6AUD0R4V2poBpWagjWUxL5tA/iN0nhe+i6IEZSEXOrtEuIz0Ykn46YwVUKUds3V3XaUr0cwc66oYt49M0BpPGgIFQvP11lOryFtr3S7KZOl4jYkZzlxYBX1kirFfffMVYpuCM3ighdl/vDq33cjAGLfXB6L/lebpIzwV54NBxCSRR6BOnJVlp8B1pdsK2i63tDAyxYcnUZBImWoplDD5NuNmWkTCKLrEAxLvTVATZX20GIECQUHDRrq309pIw7M4xndPO3c2sbvXL1FAex3q5t6WQHG0ZvIiA6Ps7cVZdsOqCnNwJ+0vW1CKRyTvgydfKGUiCFLMmL3Sxfo19LwHQMjdLHcbYAVlBUj5zqcXeQGr0faJdvZ20Pq8z1JWJBLL1HV2rDezdS0mQEATCnF4N/fdQfxFEn/axuQywIeofMM9Dy4vFdiygXiMJ3egFG37mZv3ZWwiVv2n5Zpwsayx1ffLDSrEts3U1QCI8OUImawVuOdxtT/f/wXqFKIsSEkmXAAAAABJRU5ErkJggg==" />
  <meta name="theme-color" content="#7952b3">

  <style>

    {% include 'assets/css/bootstrap.cosmo.min.css' %}

    .bd-placeholder-img {
      font-size: 1.125rem;
      text-anchor: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    @media (min-width: 768px) {
      .bd-placeholder-img-lg {
        font-size: 3.5rem;
      }
    }
    body {
  font-size: .875rem;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.overflow-auto {
  overflow-y: auto !important;
  bottom: 0px;
  top: 0px;
  position: relative;
  background-color: aqua;
}


.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
}

.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}    
.table td {
   text-align: center;   
}
.table th {
   text-align: center;   
}
dl {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%; /* set the container width*/
  overflow: visible;
}
dl dt {
  flex: 0 0 3%;
  text-overflow: ellipsis;
  overflow: hidden;
}
dl dd {
  margin-left: auto;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 0 0 97%
}  
#sidebarMenu {
  padding-top: 0px !important;
}
.tab-content {
  padding-top: 15px;
}
H1 { 
  text-align: center;
  background-color: #2470dc;
  color: white;
  padding: 30px;
  margin-top: 10px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
}
H2 { 
  text-align: center 
}

</style>
</head>

<body>

  <header class="navbar navbar-dark sticky-top bg-light flex-md-nowrap p-0 shadow">
    <button class="navbar-toggler position-absolute d-md-none collapsed" type="button" data-bs-toggle="collapse"
      data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
  </header>

  <div class="container-fluid">
    <div class="row">

      <nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block sidebar collapse">
        <div id="brand">
          {% include 'assets/img/orthoflow-logo-blue.svg' %}
        </div>
  
        <div class="position-sticky">
          <ul class="nav flex-column pt-2">
            <!-- <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#" id="overview-tab" data-bs-toggle="tab" data-bs-target="#overview" type="button" role="tab" aria-controls="overview" aria-selected="true">
                <span data-feather="home"></span>
                Overview
              </a>
            </li> -->
            <li class="nav-item">
              <a class="nav-link active" aria-current="page" href="#"  id="intake-tab" data-bs-toggle="tab" data-bs-target="#intake" type="button" role="tab" aria-controls="intake" aria-selected="true">
                <span data-feather="file"></span>
                Data Intake
              </a>
            </li>
            {% if use_orthofisher %}
            <li class="nav-item">
              <a class="nav-link" href="#" id="orthofinder-tab" data-bs-toggle="pill" data-bs-target="#orthofinder" type="button" role="tab" aria-controls="orthofinder" aria-selected="false">
                <span data-feather="file"></span>
                Orthofisher
              </a>
            </li>
            {% else %}
            <li class="nav-item">
              <a class="nav-link" href="#" id="orthofinder-tab" data-bs-toggle="pill" data-bs-target="#orthofinder" type="button" role="tab" aria-controls="orthofinder" aria-selected="false">
                <span data-feather="file"></span>
                Orthofinder
              </a>
            </li>
            {%endif%}
            <li class="nav-item">
              <a class="nav-link" href="#" id="alignment-tab" data-bs-toggle="pill" data-bs-target="#alignment" type="button" role="tab" aria-controls="alignment" aria-selected="false">
                <span data-feather="file"></span>
                Alignment
              </a>
            </li>
            {% if use_supermatrix %}
            <li class="nav-item">
              <a class="nav-link" href="#" id="supermatrix-tab" data-bs-toggle="pill" data-bs-target="#supermatrix" type="button" role="tab" aria-controls="supermatrix" aria-selected="false">
                <span data-feather="file"></span>
                Supermatrix
              </a>
            </li>
            {%endif%}
            {% if use_supertree %}
            <li class="nav-item">
              <a class="nav-link" href="#" id="genetree-tab" data-bs-toggle="pill" data-bs-target="#genetree" type="button" role="tab" aria-controls="genetree" aria-selected="false">
                <span data-feather="file"></span>
                Gene Tree
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#" id="supertree-tab" data-bs-toggle="pill" data-bs-target="#supertree" type="button" role="tab" aria-controls="supertree" aria-selected="false">
                <span data-feather="file"></span>
                Supertree
              </a>
            </li>
            {%endif%}
            <!--
            <li class="nav-item">
              <a class="nav-link" href="#" id="workflow-tab" data-bs-toggle="pill" data-bs-target="#workflow" type="button" role="tab" aria-controls="workflow" aria-selected="false">
                <span data-feather="file"></span>
                Workflow
              </a>
            </li>
            -->
            <li class="nav-item">
              <a class="nav-link" href="#" id="bibliography-tab" data-bs-toggle="pill" data-bs-target="#bibliography" type="button" role="tab" aria-controls="bibliography" aria-selected="false">
                <span data-feather="file"></span>
                Bibliography
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#" id="warnings-tab" data-bs-toggle="pill" data-bs-target="#warnings" type="button" role="tab" aria-controls="warnings" aria-selected="false">
                <span data-feather="file"></span>
                Warnings
              </a>
            </li>
          </ul>
        </div>
      </nav>

      <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
        <div class="tab-content" id="myTabContent">
          <!-- <div class="tab-pane fade show active" id="overview" role="tabpanel" aria-labelledby="overview-tab">
            {% include 'overview.html' %}
          </div> -->
          <div class="tab-pane fade show active" id="intake" role="tabpanel" aria-labelledby="intake-tab">
            {% include 'intake.html' %}
          </div>
          {% if use_orthofisher %}
          <div class="tab-pane fade" id="orthofisher" role="tabpanel" aria-labelledby="orthofisher-tab">
            {% include 'orthofisher.html' %}
          </div>
          {% else %}
          <div class="tab-pane fade" id="orthofinder" role="tabpanel" aria-labelledby="orthofinder-tab">
            {% include 'orthofinder.html' %}
          </div>
          {% endif %}
          <div class="tab-pane fade" id="alignment" role="tabpanel" aria-labelledby="alignment-tab">
            {% include 'alignment.html' %}
          </div>

          {% if use_supermatrix %}
            <div class="tab-pane fade" id="supermatrix" role="tabpanel" aria-labelledby="supermatrix-tab">
              {% include 'supermatrix.html' %}
            </div>
          {% endif %}

          {% if use_supertree %}
            <div class="tab-pane fade" id="genetree" role="tabpanel" aria-labelledby="genetree-tab">
              {% include "genetree.html" %}
            </div>
            <div class="tab-pane fade" id="supertree" role="tabpanel" aria-labelledby="supertree-tab">
              {% include "supertree.html" %}
            </div>
          {% endif %}
          <div class="tab-pane fade" id="workflow" role="tabpanel" aria-labelledby="workflow-tab">
            {% include 'workflow.html' %}
          </div>
          <div class="tab-pane fade" id="bibliography" role="tabpanel" aria-labelledby="bibliography-tab">
            {% include "bibliography.html" %}
          </div>
          <div class="tab-pane fade" id="warnings" role="tabpanel" aria-labelledby="warnings-tab">
            {% include "warnings.html" %}
          </div>
        </div>        
      </main>
    </div>
  </div>

  <script>
    {% include "assets/vendor/bootstrap-5.0.2.min.js" %}
  </script>
  <script>
    {% include "assets/vendor/feather-4.28.0.min.js" %}
  </script>
  <script>
(function () {
  'use strict'

  feather.replace({ 'aria-hidden': 'true' })
})()    
  </script>
</body>

</html>