7 changed files with 912 additions and 66 deletions
@ -0,0 +1,563 @@ |
|||
{% extends "layout.html" %} |
|||
{% block content %} |
|||
|
|||
<!-- START OF BLOCK --> |
|||
<div> |
|||
|
|||
|
|||
<!-- ITEM TITLE AND SHORT INTRO FOR ALL--> |
|||
<div> |
|||
<!-- TITLE label in rectangle --> |
|||
|
|||
<!-- switch label depending on label --> |
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
<div class="artwork-box"> |
|||
<span>{{ x['itemtypeLabel']['value'] }}</span> |
|||
</div> |
|||
{% else %} |
|||
<div class="artwork-box"> |
|||
<span>UNKNOWN</span> |
|||
</div> |
|||
{% endif %} |
|||
|
|||
<!-- Item name --> |
|||
<div class="artwork-title"> |
|||
{{ x['itemLabel']['value'] }} |
|||
</div> |
|||
|
|||
<!-- ITEM intro-description --> |
|||
<div class="artwork-intro"> |
|||
|
|||
{% if 'itemDescription' in x %} |
|||
{{ x['itemDescription']['value'] }} |
|||
{% endif %} |
|||
</div> |
|||
{% endfor %} |
|||
|
|||
</div> |
|||
<!-- END TITLE SHORT INTRO OF ITEM--> |
|||
|
|||
|
|||
<!-- ########################### --> |
|||
<!-- BLOCK IMAGE/DATA AND BIO --> |
|||
<!-- ############################ --> |
|||
<div class="artwork-about"> |
|||
|
|||
|
|||
<!-- LEFT COLUMN IDENTITAL FOR ALL ITEMS--> |
|||
<div class="artwork-leftcolumn"> |
|||
|
|||
<!-- ITEM IMAGES --> |
|||
<div class="my-slider"> |
|||
{% if itemimage['results']['bindings']==[] %} |
|||
<img src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"> |
|||
{% else %} |
|||
|
|||
{% for x in itemimage['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 CONTRIBUTOR 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"> |
|||
|
|||
<!-- div for right top left --> |
|||
<div class="artwork-rightcolumn-top-contributors"> |
|||
|
|||
<!-- THE DATA FOR PERSON --> |
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if x['itemtypeLabel']['value'] == 'contributor' %} |
|||
|
|||
<!-- person gender --> |
|||
<p class="label-item">GENDER</p> |
|||
{% if persongender['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
{% for x in persongender['results']['bindings'] %} |
|||
<span> |
|||
{{ x['genderLabel']['value'] }} |
|||
</span> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end person gender --> |
|||
|
|||
<!-- person pronouns --> |
|||
<p class="label-item">PREFERRED PRONOUNS</p> |
|||
{% if personpronouns['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
{% for x in personpronouns['results']['bindings'] %} |
|||
<span> |
|||
{{ x['pronounLabel']['value'] }} |
|||
</span> |
|||
{% endfor %} |
|||
{% endif %} |
|||
|
|||
|
|||
<!-- end personpronouns --> |
|||
|
|||
|
|||
<!-- official website --> |
|||
<p class="label-item">OFFICIAL WEBSITE</p> |
|||
{% if itemwebsite['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in itemwebsite['results']['bindings'] %} |
|||
<div class="metadata-link"> |
|||
<a target="_blank" href="{{ x['website']['value'] }}"> |
|||
<span>{{ x['website']['value'] }}</span> |
|||
</a> |
|||
|
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end official website --> |
|||
|
|||
|
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
<!-- END OF DATA FOR PERSON --> |
|||
|
|||
|
|||
<!-- THE DATA FOR INSTITUTION --> |
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if x['itemtypeLabel']['value'] == 'organisation' %} |
|||
|
|||
<!-- location --> |
|||
<p class="label-item">LOCATION</p> |
|||
{% if orglocation['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in orglocation['results']['bindings'] %} |
|||
<span>{{ x['locationLabel']['value'] }}</span> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end location --> |
|||
|
|||
|
|||
<!-- country --> |
|||
<p class="label-item">COUNTRY</p> |
|||
{% if orgcountry['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in orgcountry['results']['bindings'] %} |
|||
<span>{{ x['countryLabel']['value'] }}</span> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end country --> |
|||
|
|||
|
|||
<!-- official website --> |
|||
<p class="label-item">OFFICIAL WEBSITE</p> |
|||
{% if itemwebsite['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in itemwebsite['results']['bindings'] %} |
|||
<!-- name surname --> |
|||
<div class="metadata-link"> |
|||
<a target="_blank" href="{{ x['website']['value'] }}"> |
|||
<span>{{ x['website']['value'] }}</span> |
|||
</a> |
|||
|
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end official website --> |
|||
|
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
<!-- END OF DATA FOR INSTITUTION --> |
|||
|
|||
|
|||
<!-- THE DATA FOR COLLECTIVE --> |
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if x['itemtypeLabel']['value'] == 'collective' %} |
|||
|
|||
<!-- collective members --> |
|||
<p class="label-item">MEMBERS</p> |
|||
{% if collectivemembers['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in collectivemembers['results']['bindings'] %} |
|||
<!-- name surname --> |
|||
<div class="metadata-link"> |
|||
<a target="_blank" href="item?id={{ x['members']['value'] | replace('http://daap.bannerrepeater.org/entity/', '') }}"> |
|||
<span>{{ x['membersLabel']['value'] }}</span> |
|||
</a> |
|||
|
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
|
|||
<!-- end collective members --> |
|||
|
|||
<!-- official website --> |
|||
<p class="label-item">OFFICIAL WEBSITE</p> |
|||
{% if itemwebsite['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in itemwebsite['results']['bindings'] %} |
|||
<!-- name surname --> |
|||
<div class="metadata-link"> |
|||
<a target="_blank" href="{{ x['website']['value'] }}"> |
|||
<span>{{ x['website']['value'] }}</span> |
|||
</a> |
|||
|
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end official website --> |
|||
|
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
<!-- END OF DATA FOR COLLECTIVE --> |
|||
|
|||
</div> |
|||
|
|||
<!-- IDENTIFIERS FOR PERSON INSTITUTION AND COLLECTIVE --> |
|||
|
|||
<div class="artwork-rightcolumn-top-date"> |
|||
<p>Identifiers in other databases</p> |
|||
|
|||
<!-- WIKIDATA ID --> |
|||
<p class="label-item">WIKIDATA ID</p> |
|||
{% if itemwikidataID['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in itemwikidataID['results']['bindings'] %} |
|||
<!-- name surname --> |
|||
<div class="metadata-link"> |
|||
<a target="_blank" href="{{ x['WikidataID']['value'] }}"> |
|||
<span>{{ x['WikidataID']['value'] }}</span> |
|||
</a> |
|||
|
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end WIKIDATA ID --> |
|||
|
|||
|
|||
<!-- VIAFID --> |
|||
<p class="label-item">VIAFID</p> |
|||
{% if itemviafID['results']['bindings']==[] %} |
|||
<div>information not available</div> |
|||
{% else %} |
|||
<!-- else loop through available data --> |
|||
{% for x in itemviafID['results']['bindings'] %} |
|||
<!-- name surname --> |
|||
<div class="metadata-link"> |
|||
<a target="_blank" href="{{ x['VIAFID']['value'] }}"> |
|||
<span>{{ x['VIAFID']['value'] }}</span> |
|||
</a> |
|||
|
|||
</div> |
|||
{% endfor %} |
|||
{% endif %} |
|||
<!-- end VIAFID --> |
|||
|
|||
</div> |
|||
|
|||
<!-- END IDENTIFIERS FOR PERSON INSTITUTION AND COLLECTIVE --> |
|||
|
|||
|
|||
|
|||
</div> |
|||
<!-- ##################### --> |
|||
<!-- EN OF RIGHT TOP --> |
|||
<!-- ##################### --> |
|||
|
|||
|
|||
|
|||
<!-- ##################### --> |
|||
<!-- RIGHT BOTTOM : BIO/DESCRIPTION SECTION --> |
|||
<!-- ##################### --> |
|||
|
|||
|
|||
<!-- IF LABEL IS PERSON add biography --> |
|||
|
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if x['itemtypeLabel']['value'] == 'contributor' %} |
|||
|
|||
<div class="des-exh-section"> |
|||
<p class="label-item des">BIOGRAPHY</p> |
|||
{% if personbiography['results']['bindings']==[] %} |
|||
<p>information not available</p> |
|||
|
|||
<p><a href="">Log in to add the biography text</a></p> |
|||
|
|||
{% else %} |
|||
|
|||
<!-- For loop --> |
|||
{% for x in personbiography['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> |
|||
|
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
|
|||
<!-- end of PERSON biography --> |
|||
|
|||
|
|||
|
|||
<!-- IF LABEL IS ORGANISATION OR COLLECTIVE add description --> |
|||
|
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if (x['itemtypeLabel']['value'] == 'organisation') or (x['itemtypeLabel']['value'] == 'collective') %} |
|||
|
|||
<div class="des-exh-section"> |
|||
<p class="label-item des">DESCRIPTION</p> |
|||
{% if colorgdescription['results']['bindings']==[] %} |
|||
<p>information not available</p> |
|||
<p><a href="">Log in to add the description text</a><p> |
|||
{% else %} |
|||
|
|||
<!-- For loop --> |
|||
{% for x in colorgdescription['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> |
|||
|
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
|
|||
|
|||
<!-- end of description --> |
|||
|
|||
|
|||
<!-- ##################### --> |
|||
<!-- END OF RIGHT BOTTOM --> |
|||
<!-- ##################### --> |
|||
|
|||
|
|||
</div> |
|||
<!-- END OF RIGHT COLUMN --> |
|||
|
|||
|
|||
</div> |
|||
<!-- ########################### --> |
|||
<!-- END OF BLOCK IMAGE/DATA AND BIO --> |
|||
<!-- ############################ --> |
|||
|
|||
|
|||
<!-- ---------------------------------------------------------------------- --> |
|||
|
|||
<!-- ########################### --> |
|||
<!-- START COMMISSIONED PUBLISHER CREATOR OF --> |
|||
<!-- ############################ --> |
|||
|
|||
|
|||
<!-- COLLECTIVE AND PERSON : CREATOR OF --> |
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if (x['itemtypeLabel']['value'] == 'contributor') or (x['itemtypeLabel']['value'] == 'collective') %} |
|||
|
|||
<div class="artwork-relatedwrapper"> |
|||
<div class="Heading_C">Creator of</div> |
|||
<!-- all the works if any--> |
|||
{% for x in item_creatorof['results']['bindings'] %} |
|||
<div class="artwork-relatedworks"> |
|||
<!-- image --> |
|||
<div class="artwork-relatedworks-img-div"> |
|||
{% if "image" in x %} |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> |
|||
<img class="artwork-relatedworks-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'> |
|||
</a> |
|||
<br> |
|||
{% else %} |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> |
|||
<img class="artwork-relatedworks-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"> |
|||
</a> |
|||
<br> |
|||
{% endif %} |
|||
</div> |
|||
<!-- title --> |
|||
<div class="artwork-relatedworks-tile"> |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>{{ x["WorksLabel"]["value"]}}</a> |
|||
</div> |
|||
<!-- year --> |
|||
<div class="artwork-relatedworks-date"> |
|||
{% if "dateWorks" in x %} |
|||
{{ x["dateWorks"]["value"] | replace("T00:00:00Z", "") }} |
|||
{% endif %} |
|||
</div> |
|||
</div> |
|||
{% endfor %} |
|||
</div> |
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
|
|||
<!-- END CREATOR OF --> |
|||
|
|||
<!-- INSTITUTION : COMMISSIONED --> |
|||
{% for x in itemintro['results']['bindings'] %} |
|||
{% if 'itemtypeLabel' in x %} |
|||
{% if x['itemtypeLabel']['value'] == 'organisation' %} |
|||
|
|||
<div class="artwork-relatedwrapper"> |
|||
<div class="Heading_C">Commissioned</div> |
|||
<!-- all the works if any--> |
|||
{% for x in item_commissioned['results']['bindings'] %} |
|||
<div class="artwork-relatedworks"> |
|||
<!-- image --> |
|||
<div class="artwork-relatedworks-img-div"> |
|||
{% if "image" in x %} |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> |
|||
<img class="artwork-relatedworks-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'> |
|||
</a> |
|||
<br> |
|||
{% else %} |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> |
|||
<img class="artwork-relatedworks-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"> |
|||
</a> |
|||
<br> |
|||
{% endif %} |
|||
</div> |
|||
<!-- title --> |
|||
<div class="artwork-relatedworks-tile"> |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>{{ x["WorksLabel"]["value"]}}</a> |
|||
</div> |
|||
<!-- year --> |
|||
<div class="artwork-relatedworks-date"> |
|||
{% if "dateWorks" in x %} |
|||
{{ x["dateWorks"]["value"] | replace("T00:00:00Z", "") }} |
|||
{% endif %} |
|||
</div> |
|||
</div> |
|||
{% endfor %} |
|||
</div> |
|||
|
|||
{% endif %} |
|||
{% endif %} |
|||
{% endfor %} |
|||
<!-- END COMMISSIONED --> |
|||
|
|||
|
|||
|
|||
<!-- COLLECTIVE + INSTITUTION + PERSON : PUBLISHER OF --> |
|||
<div class="artwork-relatedwrapper"> |
|||
<div class="Heading_C">Publisher of</div> |
|||
<!-- all the works if any--> |
|||
{% for x in item_publisherof['results']['bindings'] %} |
|||
<div class="artwork-relatedworks"> |
|||
<!-- image --> |
|||
<div class="artwork-relatedworks-img-div"> |
|||
{% if "image" in x %} |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> |
|||
<img class="artwork-relatedworks-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'> |
|||
</a> |
|||
<br> |
|||
{% else %} |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'> |
|||
<img class="artwork-relatedworks-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"> |
|||
</a> |
|||
<br> |
|||
{% endif %} |
|||
</div> |
|||
<!-- title --> |
|||
<div class="artwork-relatedworks-tile"> |
|||
<a href='/artwork?id={{ x["Works"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>{{ x["WorksLabel"]["value"]}}</a> |
|||
</div> |
|||
<!-- year --> |
|||
<div class="artwork-relatedworks-date"> |
|||
{% if "dateWorks" in x %} |
|||
{{ x["dateWorks"]["value"] | replace("T00:00:00Z", "") }} |
|||
{% endif %} |
|||
</div> |
|||
</div> |
|||
{% endfor %} |
|||
</div> |
|||
<!-- END PUBLISHER OF --> |
|||
|
|||
|
|||
|
|||
</div> |
|||
<!-- END OF OVERALL BLOCK --> |
|||
|
|||
<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 %} |
|||
@ -1,6 +1,13 @@ |
|||
{% extends "layout.html" %} |
|||
{% block content %} |
|||
|
|||
<p class="soon">Coming soon...</p> |
|||
{{ text }} |
|||
|
|||
|
|||
<style type="text/css"> |
|||
div#toc{ |
|||
display: none |
|||
} |
|||
</style> |
|||
|
|||
{% endblock content %} |
|||
Loading…
Reference in new issue