csa
/
fossils


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../../../favicon.ico">

    <title>Dashboard Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="{{ static_url("css/bootstrap.min.css") }}">

    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="{{ static_url("css/dashboard.css") }}">
  </head>

  <body>
    <nav class="navbar navbar-expand-md navbar-light bg-light">
      <a class="navbar-brand navbar-text col-8" href="#">Preservation of three-dimensional anatomy in phosphatized fossil arthropods enriches evolutionary inference</a>
      <button class="navbar-toggler d-lg-none" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav mr-auto">
        </ul>
        <span style="margin-left: 50px;">
        <a href="https://ufo.kit.edu/dis/index.php/project/astor/" target="_blank">
          <img src="{{ static_url("img/icon/astor.svg") }}" height="40px" width="auto"/>
        </a>
        </span>
        <span style="margin-left: 50px;">
        <a href="https://ufo.kit.edu/dis/index.php/project/nova/" target="_blank">
          <img src="{{ static_url("img/icon/nova.svg") }}" height="30px" width="auto"/>
        </a>
        </span>
      </div>
      <!--
      <div class="container">
      <div class="row">
        <div class="col-md-6">
        </div>
        <div class="col-md-6">
          <span class="pull-right">
            <a href="https://ufo.kit.edu/dis/index.php/project/astor/" target="_blank">
                <img src="{{ static_url("img/icon/astor.png") }}" height="40px" width="auto"/>
            </a>
          </span>
        </div>
    </div>
    </div>
    -->
    </nav>

    <div class="container-fluid">
      <div class="row">
        <nav class="col-sm-4 d-none d-sm-block bg-light sidebar">
          <ul class="nav nav-pills flex-column">
            <li class="nav-item">
              <a class="nav-link active" data-toggle="collapse" href="#collapseOverview" aria-expanded="false" aria-controls="collapseOverview">
                Overview <span class="sr-only">(current)</span>
              </a>
              <div class="collapse" id="collapseOverview">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Resolution</th>
                          <td>2 micron per pixel</td>
                        </tr>
                        <tr>
                          <th scope="row">Contact Person</th>
                          <td>Thomas van de Kamp, thomas.vandekamp@kit.edu</td>
                        </tr>
                        <tr>
                          <th scope="row">Author</th>
                          <td>Achim H Schwermann, Tomy dos Santos Rolo, Michael S Caterino, Günter Bechly, Heiko Schmied, Tilo Baumbach, Thomas van de Kamp</td>
                        </tr>
                        <tr>
                          <th scope="row">Institution</th>
                          <td>Steinmann Institute for Geology, Mineralogy and Paleontology, University of Bonn, Bonn, Germany, ANKA/Institute for Photon Science and Synchrotron Radiation, Karlsruhe Institute of Technology, Eggenstein-Leopoldshafen, Germany, Department of Agricultural and Environmental Sciences, Clemson University, Clemson, United States, State Museum of Natural History Stuttgart, Stuttgart, Germany, Institute of Crop Science and Resource Conservation, University of Bonn, Bonn, Germany, Laboratory for Applications of Synchrotron Radiation, Karlsruhe Institute of Technology, Karlsruhe, Germany</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
          </ul>

          <ul class="nav nav-pills flex-column">
            <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#collapse_NRM-PZ_Ar65720" aria-expanded="false" aria-controls="collapse_NRM-PZ_Ar65720">
                NRM-PZ Ar65720
              </a>
              <div class="collapse" id="collapse_NRM-PZ_Ar65720">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Description</th>
                          <td>Xenomorphia resurrecta , male; well-preserved, head hollow</td>
                        </tr>
                        <tr>
                          <th scope="row">Size</th>
                          <td>1.8 GB</td>
                        </tr>
                        <tr>
                          <th scope="row">Download</th>
                          <td>Link</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#collapse_NRM-PZ_Ar65767" aria-expanded="false" aria-controls="collapse_NRM-PZ_Ar65767">
                NRM-PZ Ar65767
              </a>
              <div class="collapse" id="collapse_NRM-PZ_Ar65767">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Description</th>
                          <td>Xenomorphia resurrecta , male; well-preserved, head hollow</td>
                        </tr>
                        <tr>
                          <th scope="row">Size</th>
                          <td>1.8 GB</td>
                        </tr>
                        <tr>
                          <th scope="row">Download</th>
                          <td>Link</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#collapse_NRM-PZ_Ar65771" aria-expanded="false" aria-controls="collapse_NRM-PZ_Ar65771">
                NRM-PZ Ar65771
              </a>
              <div class="collapse" id="collapse_NRM-PZ_Ar65771">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Description</th>
                          <td>Xenomorphia resurrecta , male; well-preserved, head hollow</td>
                        </tr>
                        <tr>
                          <th scope="row">Size</th>
                          <td>1.8 GB</td>
                        </tr>
                        <tr>
                          <th scope="row">Download</th>
                          <td>Link</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#collapse_NRM-PZ_Ar65772" aria-expanded="false" aria-controls="collapse_NRM-PZ_Ar65772">
                NRM-PZ Ar65772
              </a>
              <div class="collapse" id="collapse_NRM-PZ_Ar65772">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Description</th>
                          <td>Xenomorphia resurrecta , male; well-preserved, head hollow</td>
                        </tr>
                        <tr>
                          <th scope="row">Size</th>
                          <td>1.8 GB</td>
                        </tr>
                        <tr>
                          <th scope="row">Download</th>
                          <td>Link</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#collapse_NRM-PZ_Ar65793" aria-expanded="false" aria-controls="collapse_NRM-PZ_Ar65793">
                NRM-PZ Ar65793
              </a>
              <div class="collapse" id="collapse_NRM-PZ_Ar65793">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Description</th>
                          <td>Xenomorphia resurrecta , male; well-preserved, head hollow</td>
                        </tr>
                        <tr>
                          <th scope="row">Size</th>
                          <td>1.8 GB</td>
                        </tr>
                        <tr>
                          <th scope="row">Download</th>
                          <td>Link</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" data-toggle="collapse" href="#collapse_NRM-PZ_Ar65794" aria-expanded="false" aria-controls="collapse_NRM-PZ_Ar65794">
                NRM-PZ Ar65794
              </a>
              <div class="collapse" id="collapse_NRM-PZ_Ar65794">
                <div class="card card-block">
                  <table class="table table-bordered">
                      <tbody>
                        <tr>
                          <th scope="row">Description</th>
                          <td>Xenomorphia resurrecta , male; well-preserved, head hollow</td>
                        </tr>
                        <tr>
                          <th scope="row">Size</th>
                          <td>1.8 GB</td>
                        </tr>
                        <tr>
                          <th scope="row">Download</th>
                          <td>Link</td>
                        </tr>
                      </tbody>
                    </table>
                </div>
              </div>
            </li>
          </ul>

<nav aria-label="Page navigation example">
  <ul class="pagination justify-content-center">
    <li class="page-item disabled">
      <a class="page-link" href="#" tabindex="-1">Previous</a>
    </li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#">Next</a>
    </li>
  </ul>
</nav>
        </nav>

        <main class="col-8 pt-3 ml-auto" role="main">
          <!--<h1>Dashboard</h1>-->

          <section class="row text-center placeholders">
            <div class="col-6 col-sm-6 placeholder main-liner">
                <span class="text-muted">Volume Rendering</span>
                <img id="img-preview" width="100%" src="img?id={{ index }}&name={{ name }}&type=preview&counter=0"/>
                <span class="text-muted">Top View</span>
                <img id="img-top"  width="100%" src="img?id={{ index }}&name={{ name }}&type=top-resized&counter=0" data-zoom-image="img?id={{ index }}&name={{ name }}&type=top-resized&counter=0" />
                <span class="text-muted">Left View</span>
                <img id="placeholder-left" width="100%" src="img?id={{ index }}&name={{ name }}&type=left-resized&counter=0"/> 
            </div>

            <div class="col-6 col-sm-6 placeholder">
              <span class="text-muted">Front View</span>
              <img id="img-front" width="100%" src="img?id={{ index }}&name={{ name }}&type=front-resized&counter=0"/>
            </div>
          </section>

        </main>
      </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="{{ static_url("js/popper.min.js") }}"></script>
    <script src="{{ static_url("js/bootstrap.min.js") }}"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="{{ static_url("js/ie10-viewport-bug-workaround.js") }}"></script>
  </body>
</html>