|
@@ -17,6 +17,10 @@
|
|
|
|
|
|
<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"/>
|
|
@@ -27,12 +31,14 @@
|
|
|
<img src="{{ static_url("img/icon/nova.png") }}" height="50px" width="auto"/>
|
|
|
</a>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="clearfix"></div>
|
|
|
|
|
|
<hr>
|
|
|
|
|
|
<div id="title">
|
|
|
- <h1>{{ title }}</h1>
|
|
|
+ <p>{{ title }}</p>
|
|
|
</div>
|
|
|
|
|
|
<div id="authors">
|
|
@@ -43,57 +49,67 @@
|
|
|
<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 id="subheader">
|
|
|
+ <span>Sample:</span>
|
|
|
+ <select>
|
|
|
+ <option value="1">NRM-PZ_Ar65716</option>
|
|
|
+ <option value="2">Saab</option>
|
|
|
+ <option value="3">Mercedes</option>
|
|
|
+ <option value="4">Audi</option>
|
|
|
+ </select>
|
|
|
+ <img class="icon" onclick="onClick1('left')" src="{{ static_url("img/icon/download.svg") }}"/>
|
|
|
+ </div>
|
|
|
|
|
|
- <div>
|
|
|
- <div class="image">
|
|
|
+ <div id="image-container" class="clearfix">
|
|
|
+ <div id="img-left">
|
|
|
<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") }}"/>
|
|
|
+ <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("img/icon/nova.png") }}"/>
|
|
|
+ <img src="{{ static_url("data/1.png") }}"/>
|
|
|
</div>
|
|
|
- <div id="slide1"></div>
|
|
|
+ <div id="slider-left"></div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="image">
|
|
|
+ <div id="img-right">
|
|
|
<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") }}"/>
|
|
|
+ <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("img/icon/nova.png") }}"/>
|
|
|
+ <img src="{{ static_url("data/1.png") }}"/>
|
|
|
</div>
|
|
|
- <div id="slide2"></div>
|
|
|
+ <div id="slider-right"></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="image">
|
|
|
+
|
|
|
+ <div id="img-center">
|
|
|
<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") }}"/>
|
|
|
+ <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("img/icon/nova.png") }}"/>
|
|
|
+ <img src="{{ static_url("data/1.png") }}"/>
|
|
|
</div>
|
|
|
- <div id="slide3"></div>
|
|
|
+ <div id="slider-center"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="clearfix"></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 id="text-block">
|
|
|
+ <div id="text-desc">
|
|
|
+ <p><span>Description</span><i>Xenomorphia resurrecta</i>, male; well-preserved, head hollow</p>
|
|
|
</div>
|
|
|
<div id="details">
|
|
|
- <img src="{{ static_url("img/icon/nova.png") }}"/>
|
|
|
+ <p><span>Overview</span></p>
|
|
|
+ <img src="{{ static_url("data/NRM-PZ_Ar65716.jpg") }}"/>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
+<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
|
|
|
+<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
|
+<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
|
<script src="{{ static_url("js/script.js") }}"></script>
|
|
|
</body>
|
|
|
</html>
|