123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>{{ slug }}</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>
- {% for author in authors %}
- {{ author }},
- {% end %}
- </p>
- </div>
- <div id="institute">
- <p>
- {% for institute in institutes %}
- {{ institute }},
- {% end %}
- </p>
- </div>
-
- <div id="subheader">
- <span>Sample:</span>
- <select style="width: auto;">
- {% for sample in data_list %}
- {% if sample[1] == name %}
- <option value={{ sample[0] }} selected>{{ sample[1] }}</option>
- {% else %}
- <option value={{ sample[0] }}>{{ sample[1] }}</option>
- {% end %}
- {% end %}
- </select>
- <img class="icon" id="download" src="{{ static_url("img/icon/download.svg") }}"/>
- <span>({{ data_size }} GB)</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="img?id={{ index }}&name={{ name }}&type=left-resized&counter=0"/>
- </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="img?id={{ index }}&name={{ name }}&type=top-resized&counter=0"/>
- </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="img?id={{ index }}&name={{ name }}&type=front-resized&counter=0"/>
- </div>
- <div id="slider-center"></div>
- </div>
- </div>
-
- <div id="text-block">
- <div id="text-desc">
- <p><span>Description</span>
- {% for text_desc in desc %}
- {% if text_desc['type'] == "i" %}
- <i>{{ text_desc['text'] }}</i>
- {% else %}
- {{ text_desc['text'] }}
- {% end %}
- {% end %}
-
- </p>
- </div>
- <div id="details">
- <p><span>Overview</span></p>
- <img src="img?id={{ index }}&name={{ name }}&type=preview&counter=0"/>
- </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>
|