csa
/
fossils


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">

    <title>The Fossils Data</title>
    <meta name="description" content="Institute for Data Processing and Electronics">
    <meta name="author" content="Nicholas Tan Jerome">

    <link rel="stylesheet" href="{{ static_url("css/style.css") }}">

    <!--[if lt IE 9]>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
    <![endif]-->
</head>

<body>
    <div id="header">
        <div>
            <a href="https://ufo.kit.edu/dis/index.php/project/astor/" target="_blank">
                <img src="{{ static_url("img/icon/astor.png") }}" height="50px" width="auto"/>
            </a>
        </div>
        <div>
            <a href="https://ufo.kit.edu/dis/index.php/project/nova/" target="_blank">
                <img src="{{ static_url("img/icon/nova.png") }}" height="50px" width="auto"/>
            </a>
        </div>
    </div>

    <hr>
    
    <div id="title">
        <h1>{{ title }}</h1>
    </div>
    
    <div id="authors">
        <p>{{ author }}</p>
    </div>

    <div id="institute">
        <p>{{ institute }}</p>
    </div>
    
    <div id="subheader">Sample: <input id="sample_number" type="text" placeholder="sample number" size="10" class="search" onkeydown="search(this)"/></div>

    <div>
        <div class="image">
            <div class="cont">
                <img class="icon" onclick="onClick1('left')" src="{{ static_url("img/icon/prev.svg") }}"/>
	            <input id="input1" type="text" value="" placeholder="0001-2016" size="6" class="search" onkeydown="searchImage1(this)"/>
                <img class="icon" onclick="onClick1('right')" src="{{ static_url("img/icon/next.svg") }}"/>
            </div>
	        <div class="photowrapper"><img id="image1" class="photo" style="transform:scale(1); transform-origin: 0% 0%" src="images/sample1/left/0001.jpg"/></div>
	        <div id="slide1"></div>
        </div>

        <div class="image">
            <div class="cont">
                <img class="icon" onclick="onClick1('left')" src="{{ static_url("img/icon/prev.svg") }}"/>
	            <input id="input1" type="text" value="" placeholder="0001-2016" size="6" class="search" onkeydown="searchImage1(this)"/>
                <img class="icon" onclick="onClick1('right')" src="{{ static_url("img/icon/next.svg") }}"/>
            </div>
	        <div class="photowrapper"><img id="image2" class="photo" style="transform:scale(1); transform-origin: 0% 0%" src="images/sample1/top/0001.jpg"/></div>
	        <div id="slide2"></div>
        </div>

        <div class="image">
            <div class="cont">
                <img class="icon" onclick="onClick1('left')" src="{{ static_url("img/icon/prev.svg") }}"/>
	            <input id="input1" type="text" value="" placeholder="0001-2016" size="6" class="search" onkeydown="searchImage1(this)"/>
                <img class="icon" onclick="onClick1('right')" src="{{ static_url("img/icon/next.svg") }}"/>
            </div>
	        <div class="photowrapper"><img id="image3" class="photo" style="transform:scale(1); transform-origin: 0% 0%" src="images/sample1/front/0001.jpg"/></div>
	        <div id="slide3"></div>
        </div>
    </div>
    
    <div id="text">
        <div id="abstract">
            <p><span style="color:#72bcd4; font-weight:bold; font-size:20px">Description</span><i>Xenomorphia resurrecta</i>, male; well-preserved, head hollow</p>
        </div>
        <div id="details">
            <div style="padding-left:30px">
            
            </div>
        </div>
    </div>

<script src="{{ static_url("js/script.js") }}"></script>
</body>
</html>