jules
4 years ago
2 changed files with 342 additions and 0 deletions
@ -0,0 +1,227 @@ |
|||||
|
{% extends "layout.html" %} |
||||
|
{% block content %} |
||||
|
|
||||
|
|
||||
|
<div> |
||||
|
|
||||
|
<!-- COPY TITLE AND NAVIGATION --> |
||||
|
<div> |
||||
|
<!-- COPY label in rectangle --> |
||||
|
<div class="artwork-box"> |
||||
|
<span>COPY ITEM</span> |
||||
|
</div> |
||||
|
<!-- Artwork title --> |
||||
|
<div class="artwork-title"> |
||||
|
{% for x in copyintro['results']['bindings'] %} |
||||
|
{{ x['itemLabel']['value'] }} |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
<!-- Artwork intro-description --> |
||||
|
<div class="artwork-intro"> |
||||
|
{% for x in copyintro['results']['bindings'] %} |
||||
|
{% if 'itemDescription' in x %} |
||||
|
{{ x['itemDescription']['value'] }} |
||||
|
{% endif %} |
||||
|
{% endfor %} |
||||
|
</div> |
||||
|
|
||||
|
<!-- NAVIGATION HERE? --> |
||||
|
<div class="artwork-nav"> |
||||
|
<div class="artwork-nav-label artwork-nav-label-about active">ABOUT</div> |
||||
|
<!-- <div class="artwork-nav-label">RELATIONSHIPS</div> --> |
||||
|
<!-- <div class="artwork-nav-label">LISTS</div> --> |
||||
|
<div class="artwork-nav-label artwork-nav-label-record"><a class="det-record" target="_blank" href="https://daap.bannerrepeater.org/wiki/Item:{{ copy_id }}">DETAILED RECORD</a></div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- ########################### --> |
||||
|
<!-- BLOCK IMAGE/DATA AND DESCRIPTION --> |
||||
|
<!-- ############################ --> |
||||
|
<div class="artwork-about"> |
||||
|
|
||||
|
|
||||
|
<!-- LEFT COLUMN --> |
||||
|
<div class="artwork-leftcolumn"> |
||||
|
|
||||
|
<!-- ITEM IMAGES --> |
||||
|
<div class="my-slider"> |
||||
|
{% if copyimage['results']['bindings']==[] %} |
||||
|
<img src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"> |
||||
|
{% else %} |
||||
|
|
||||
|
{% for x in copyimage['results']['bindings'] %} |
||||
|
<div class="item"> |
||||
|
<!-- START GROUP IMG + LABELS --> |
||||
|
{% if "image" in x %} |
||||
|
<img src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'> |
||||
|
<!-- copyright and front or back --> |
||||
|
{% endif %} |
||||
|
|
||||
|
{% if "depictsLabel" in x %} |
||||
|
<p>{{ x['depictsLabel']['value'] }}</p> |
||||
|
{% endif %} |
||||
|
|
||||
|
{% if "licenseLabel" in x %} |
||||
|
<p>License: {{ x['licenseLabel']['value'] }}</p> |
||||
|
{% endif %} |
||||
|
<!-- END GROUP IMG + LABELS --> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
|
||||
|
{% endif %} |
||||
|
</div> |
||||
|
<!-- END IMAGES --> |
||||
|
</div> |
||||
|
<!-- end of left column, which has only images actually --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- RIGHT COLUMN --> |
||||
|
<div class="artwork-rightcolumn"> |
||||
|
|
||||
|
<!-- ##################### --> |
||||
|
<!-- RIGHT TOP : DATA SECTION SECTION --> |
||||
|
<!-- ##################### --> |
||||
|
<div class="artwork-rightcolumn-top"> |
||||
|
|
||||
|
<!-- ALL DATA--> |
||||
|
<div class="artwork-rightcolumn-top-contributors"> |
||||
|
|
||||
|
<!-- copy of --> |
||||
|
<p class="label-item">COPY OF</p> |
||||
|
{% if copyof['results']['bindings']==[] %} |
||||
|
<div>information not available</div> |
||||
|
{% else %} |
||||
|
{% for x in copyof['results']['bindings'] %} |
||||
|
<div class="metadata-link"> |
||||
|
<a target="_blank" href="{{ x['work']['value'] }}"> |
||||
|
<span>{{ x['workLabel']['value'] }}</span> |
||||
|
</a> |
||||
|
|
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
{% endif %} |
||||
|
<!-- end copy of --> |
||||
|
|
||||
|
<!-- collection --> |
||||
|
<p class="label-item">COLLECTION</p> |
||||
|
{% if copycollection['results']['bindings']==[] %} |
||||
|
<div>information not available</div> |
||||
|
{% else %} |
||||
|
{% for x in copycollection['results']['bindings'] %} |
||||
|
<div class="metadata-link"> |
||||
|
<a target="_blank" href="{{ x['collection']['value'] }}"> |
||||
|
<span>{{ x['collectionLabel']['value'] }}</span> |
||||
|
</a> |
||||
|
|
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
{% endif %} |
||||
|
|
||||
|
|
||||
|
<!-- end collection --> |
||||
|
|
||||
|
|
||||
|
<!-- official website --> |
||||
|
<p class="label-item">INVENTORY NUMBER</p> |
||||
|
{% if copyinventorynumber['results']['bindings']==[] %} |
||||
|
<div>information not available</div> |
||||
|
{% else %} |
||||
|
<!-- else loop through available data --> |
||||
|
{% for x in copyinventorynumber['results']['bindings'] %} |
||||
|
<span>#{{ x['inventoryNumber']['value'] }}</span> |
||||
|
{% endfor %} |
||||
|
{% endif %} |
||||
|
<!-- end official website --> |
||||
|
|
||||
|
</div> |
||||
|
<!-- END PF ALL DATA --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- ##################### --> |
||||
|
<!-- RIGHT BOTTOM : BIO/DESCRIPTION SECTION --> |
||||
|
<!-- ##################### --> |
||||
|
|
||||
|
<!-- DESCRIPTION --> |
||||
|
|
||||
|
|
||||
|
<div class="des-exh-section"> |
||||
|
<p class="label-item des">DESCRIPTION</p> |
||||
|
{% if copydescription['results']['bindings']==[] %} |
||||
|
<p>information not available</p> |
||||
|
{% else %} |
||||
|
|
||||
|
<!-- For loop --> |
||||
|
{% for x in copydescription['results']['bindings'] %} |
||||
|
<div class="artwork-rightcolumn-bottom"> |
||||
|
<!-- left part with the description text already coming in a div from wiki--> |
||||
|
<div class="text-description"> |
||||
|
{{ x["text"] | safe }} |
||||
|
</div> |
||||
|
</div> |
||||
|
{% endfor %} |
||||
|
{% endif %} |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<!-- END OF DESCRIPTION --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- ##################### --> |
||||
|
<!-- END OF RIGHT BOTTOM --> |
||||
|
<!-- ##################### --> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<!-- END OF RIGHT COLUMN --> |
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
<!-- ########################### --> |
||||
|
<!-- END OF BLOCK IMAGE/DATA AND DESCRIPTION --> |
||||
|
<!-- ############################ --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> |
||||
|
|
||||
|
<script type="text/javascript"> |
||||
|
var slider = tns({ |
||||
|
container: '.my-slider', |
||||
|
items: 1, |
||||
|
responsive: { |
||||
|
640: { |
||||
|
edgePadding: 20, |
||||
|
gutter: 20, |
||||
|
items: 1 |
||||
|
}, |
||||
|
700: { |
||||
|
gutter: 30 |
||||
|
}, |
||||
|
900: { |
||||
|
items: 1 |
||||
|
} |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
{% endblock content %} |
Loading…
Reference in new issue