csa
/
fossils


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
							<!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/jquery-ui.min.css") }}">
    <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 id="header-text">
            Data repository
        </div>
        <div id="header-icon">
        <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>
    </div>
    <div class="clearfix"></div>

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

    <div id="institute">
        <p>{{ institute }}</p>
    </div>
    
    <div id="subheader">
        <span>Sample:</span> 
        <select style="width: auto;">
            {% for i, sample_name in enumerate(data_list) %}
                <option value={{ i+1 }}>{{ i+1 }}_{{ sample_name }}</option>
            {% end %}
        </select>
        <img class="icon" src="{{ static_url("img/icon/download.svg") }}"/>
        <span>({{ data_size }})</span>
    </div>

    <div id="image-container" class="clearfix">
        <div id="img-left">
            <div class="cont">
                <img class="icon" src="{{ static_url("img/icon/left-arrow.svg") }}"/>
	            <span id="image-text">LEFT: <span>1</span></span>
                <img class="icon" src="{{ static_url("img/icon/right-arrow.svg") }}"/>
            </div>
	        <div class="photowrapper">
                <img src="{{ static_url("data/1.png") }}"/>
            </div>
	        <div id="slider-left"></div>
        </div>

        <div id="img-right">
            <div class="cont">
                <img class="icon" src="{{ static_url("img/icon/left-arrow.svg") }}"/>
	            <span id="image-text">FRONT: <span>3</span></span>
                <img class="icon" src="{{ static_url("img/icon/right-arrow.svg") }}"/>
            </div>
	        <div class="photowrapper">
                <img src="{{ static_url("data/1.png") }}"/>
            </div>
	        <div id="slider-right"></div>
        </div>
        
        <div id="img-center">
            <div class="cont">
                <img class="icon" src="{{ static_url("img/icon/left-arrow.svg") }}"/>
	            <span id="image-text">TOP: <span>2</span></span>
                <img class="icon" src="{{ static_url("img/icon/right-arrow.svg") }}"/>
            </div>
	        <div class="photowrapper">
                <img src="{{ static_url("data/1.png") }}"/>
            </div>
	        <div id="slider-center"></div>
        </div>
    </div>
    
    <div id="text-block">
        <div id="text-desc">
            <p><span>Description</span>{{ desc }}</p>
        </div>
        <div id="details">
            <p><span>Overview</span></p>
            <img src="{{ static_url("data/NRM-PZ_Ar65716.jpg") }}"/>
        </div>
    </div>

<script src="{{ static_url("js/jquery-1.12.4.min.js") }}"></script>
<script src="{{ static_url("js/jquery-ui.min.js") }}"></script>
<script src="{{ static_url("js/script.js") }}"></script>
</body>
</html>