Flask application repository for Banner Repeater's DAAP (Digital Archive of Artists Publishing).
SPARQL queries by Lozana Rossenova, CSS and JS by Joana Chicau, python and Jinja by Julie Boschat-Thorez.
See https://daap.network
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
493 lines
16 KiB
493 lines
16 KiB
{% extends "layout.html" %}
|
|
{% block content %}
|
|
|
|
|
|
<div>
|
|
|
|
<!-- ARTWORK TITLE AND NAVIGATION -->
|
|
<div>
|
|
<!-- ARTWORK label in rectangle -->
|
|
<div class="artwork-box">
|
|
<span>ARTWORK</span>
|
|
</div>
|
|
<!-- Artwork title -->
|
|
<div class="artwork-title">
|
|
{% for x in artworkintro['results']['bindings'] %}
|
|
{{ x['workLabel']['value'] }}
|
|
{% endfor %}
|
|
</div>
|
|
<!-- Artwork intro-description -->
|
|
<div class="artwork-intro">
|
|
{% for x in artworkintro['results']['bindings'] %}
|
|
{% if 'workDescription' in x %}
|
|
{{ x['workDescription']['value'] }}
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<!-- NAVIGATION HERE? -->
|
|
<div class="artwork-nav">
|
|
<div class="artwork-nav-label artwork-nav-label-about active">ABOUT THIS WORK</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:{{ artwork_id }}">DETAILED RECORD</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- ABOUT -->
|
|
<div class="artwork-about">
|
|
<!-- ARTWORK LEFT COLUMN -->
|
|
<div class="artwork-leftcolumn">
|
|
|
|
<!-- ARTWORK IMAGES -->
|
|
<!-- removed artwork-about-img + on img artwork-about-imgs -->
|
|
<div class="my-slider">
|
|
|
|
|
|
{% if artworkimages['results']['bindings']==[] %}
|
|
<img src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
|
|
{% else %}
|
|
|
|
{% for x in artworkimages['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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- other stuff like downloads, absent for now -->
|
|
<div class="artwork-about-under-img">
|
|
|
|
<!-- DOWNLOADS AND LINKS -->
|
|
<div>
|
|
{% if artworklinksanddownloads['results']['bindings']==[] %}
|
|
{% else %}
|
|
{% for x in artworklinksanddownloads['results']['bindings'] %}
|
|
<p class="label-item">DOWNLOADS AND LINKS</p>
|
|
|
|
{% if ('DownloadDigitalFacsimile' not in x) and ('DigitalFacsimileExternalLink' not in x) and ('DigitalFacsimileExternalLink2' not in x) %}
|
|
<p>information not available</p>
|
|
{% endif %}
|
|
|
|
{% if 'DownloadDigitalFacsimile' in x %}
|
|
<div class="facsimile">
|
|
<a target="_blank" href="{{ x['DownloadDigitalFacsimile']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_download.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['DownloadDigitalFacsimile']['value'] }}"><span>Download digital facsimile</span></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if 'DigitalFacsimileExternalLink' in x %}
|
|
<div class="facsimile">
|
|
<a target="_blank" href="{{ x['DigitalFacsimileExternalLink']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_external_link.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['DigitalFacsimileExternalLink']['value'] }}"><span>External digital facsimile link</span></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if 'DigitalFacsimileExternalLink2' in x %}
|
|
<div class="facsimile">
|
|
<a target="_blank" href="{{ x['DigitalFacsimileExternalLink2']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_external_link.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['DigitalFacsimileExternalLink2']['value'] }}"><span>External digital facsimile link 2</span></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- OTHER DIGITAL ARTEFACTS -->
|
|
<div>
|
|
{% if artworkartefacts['results']['bindings']==[] %}
|
|
<p>information not available</p>
|
|
{% else %}
|
|
<p class="label-item">OTHER DIGTAL ARTEFACTS</p>
|
|
<!-- video images audio -->
|
|
{% for x in artworkartefacts['results']['bindings'] %}
|
|
|
|
{% if ('VideoFile' not in x) and ('AudioFile' not in x) and ('ImageFile' not in x) %}
|
|
<p>information not available</p>
|
|
{% endif %}
|
|
|
|
{% if 'VideoFile' in x %}
|
|
<div class="artefact">
|
|
<a target="_blank" href="{{ x['VideoFile']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_video.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['VideoFile']['value'] }}"><span>Video</span></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if 'AudioFile' in x %}
|
|
<div class="artefact">
|
|
<a target="_blank" href="{{ x['AudioFile']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_audio.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['AudioFile']['value'] }}"><span>Audio</span></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if 'ImageFile' in x %}
|
|
<div class="artefact">
|
|
<a target="_blank" href="{{ x['ImageFile']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_image.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['ImageFile']['value'] }}"><span>Image</span></a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- DISTRIBUTOR LINKS -->
|
|
<div class="distri-links">
|
|
{% if artworkdistributorlinks['results']['bindings']==[] %}
|
|
{% else %}
|
|
<p class="label-item">DISTRIBUTOR LINKS</p>
|
|
{% for x in artworkdistributorlinks['results']['bindings'] %}
|
|
{% if 'distributorLinks' not in x %}
|
|
<p>information not available</p>
|
|
{% endif %}
|
|
|
|
{% if 'distributorLinks' in x %}
|
|
<div>
|
|
<a target="_blank" href="{{ x['distributorLinks']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/icn_external_link.svg') }}"></a>
|
|
<a target="_blank" href="{{ x['distributorLinks']['value'] }}">{{ x['distributorLinks']['value'] }}</a>
|
|
</div>
|
|
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- end of other stuff like downloads, absent for now -->
|
|
|
|
<!-- RIGHT COLUMN -->
|
|
<div class="artwork-rightcolumn">
|
|
|
|
<!-- RIGHT TOP -->
|
|
<div class="artwork-rightcolumn-top">
|
|
<!-- contributors -->
|
|
<div class="artwork-rightcolumn-top-contributors">
|
|
<p class="label-item">CONTRIBUTORS</p>
|
|
<!-- check if info not available -->
|
|
{% if artworkcontributors['results']['bindings']==[] %}
|
|
<div>information not available</div>
|
|
{% else %}
|
|
<!-- else loop through available data -->
|
|
{% for x in artworkcontributors['results']['bindings'] %}
|
|
<!-- name surname -->
|
|
<div class="metadata-link">
|
|
<a href='/item?id={{ x["creators"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
|
|
<span>{{ x['creatorsLabel']['value'] }}</span>
|
|
</a>
|
|
<!-- role/function -->
|
|
<p>Role: {{ x['role']['value'] }}</p>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<!-- date -->
|
|
<div class="artwork-rightcolumn-top-date">
|
|
<p class="label-item">DATE</p>
|
|
<!-- check if info not available -->
|
|
{% if artworkdate['results']['bindings']==[] %}
|
|
<div>information not available</div>
|
|
{% else %}
|
|
|
|
<!-- else loops through available dates -->
|
|
{% for x in artworkdate['results']['bindings'] %}
|
|
<!-- date -->
|
|
{% if 'date' in x %}
|
|
<div class="label-item-date-artwork">{{ x['date']['value'] | replace("T00:00:00Z", "") }}</div>
|
|
{% endif %}
|
|
|
|
<!-- extra info if available -->
|
|
{% if 'sourceLabel' in x %}
|
|
<div class="source">Source: {{ x['sourceLabel']['value'] }}</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
<!-- </div> -->
|
|
<!-- end of date -->
|
|
|
|
<!-- publishers-->
|
|
<!-- <div class="artwork-rightcolumn-top-publishers"> -->
|
|
<p class="label-item">PUBLISHERS</p>
|
|
<!-- loop through publishers -->
|
|
{% if artworkpublisher['results']['bindings']==[] %}
|
|
<span>information not available</span>
|
|
{% else %}
|
|
|
|
{% for x in artworkpublisher['results']['bindings'] %}
|
|
<!-- name, surname -->
|
|
<div class="metadata-link artwork-rightcolumn-top-publishers-item">
|
|
{% if 'publishersLabel' in x %}
|
|
{% if x['publishersLabel']['value'] =='self-published' %}
|
|
<span>{{ x['publishersLabel']['value'] }}</span>
|
|
{% else %}
|
|
<a href='/item?id={{ x["publishers"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'><span>{{ x['publishersLabel']['value'] }}</span></a>
|
|
{% endif %}
|
|
{% endif %}
|
|
<!-- role -->
|
|
{% if 'role' in x %}
|
|
<span>{{ x['role']['value'] }}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
<!-- end of publishers-->
|
|
|
|
</div>
|
|
<!-- end of about right top -->
|
|
|
|
<!-- start of about right column bottom -->
|
|
<div class="des-exh-section">
|
|
|
|
<!-- description -->
|
|
|
|
<!-- if there is a description add description here -->
|
|
<p class="label-item des">DESCRIPTION</p>
|
|
|
|
{% if artworkdescriptiondata['results']['bindings']==[] %}
|
|
<p>information not available</p>
|
|
{% else %}
|
|
|
|
|
|
|
|
<!-- For loop -->
|
|
{% for x in artworkdescriptiondata['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>
|
|
|
|
|
|
<!-- right ride with author etc LATER-->
|
|
<div class="text-date-author">
|
|
{% if "authordescriptionPageLabel" in x %}
|
|
<p class="label-item">AUTHOR</p>
|
|
<p>{{ x['authordescriptionPageLabel']['value'] }}</p>
|
|
{% endif %}
|
|
<!-- if there is an author name then add here otherwise info non available -->
|
|
|
|
{% if "sourcedescriptionPage" in x %}
|
|
<p class="label-item">SOURCE</p>
|
|
<p>{{ x["sourcedescriptionPage"]["value"]}} </p>
|
|
<!-- if there is a source name then add here otherwise info non available -->
|
|
{% endif %}
|
|
|
|
{% if "datedescriptionPage" in x %}
|
|
<p class="label-item">DATE</p>
|
|
<p>{{ x["datedescriptionPage"]["value"] | replace("T00:00:00Z", "") }}</p>
|
|
{% endif %}
|
|
<!-- if there is a date add here otherwise info non available-->
|
|
</div>
|
|
|
|
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<!-- end description loop -->
|
|
|
|
<!-- exhibition and distribution history loop-->
|
|
<p class="label-item exh">EXHIBITION AND DISTRIBUTION HISTORY</p>
|
|
<!-- if exhibition in, then do show that -->
|
|
{% if artworkexhibitiondata['results']['bindings']==[] %}
|
|
<p>information not available</p>
|
|
{% else %}
|
|
|
|
|
|
{% for x in artworkexhibitiondata['results']['bindings'] %}
|
|
<div class="artwork-rightcolumn-bottom">
|
|
|
|
<div class="text-description">
|
|
{{ x['text'] | safe }}
|
|
</div>
|
|
<!-- right ride with author etc LATER-->
|
|
<div class="text-date-author">
|
|
|
|
<!-- if there is an author name then add here otherwise info non available -->
|
|
{% if "authorexhibitionHisPageLabel" in x %}
|
|
<p class="label-item">AUTHOR</p>
|
|
<p>{{ x["authorexhibitionHisPageLabel"]["value"]}} </p>
|
|
{% endif %}
|
|
|
|
<!-- if there is a source name then add here otherwise info non available -->
|
|
{% if "sourceexhibitionHisPage" in x%}
|
|
<p class="label-item">SOURCE</p>
|
|
<p>{{ x["sourceexhibitionHisPage"]["value"]}} </p>
|
|
{% endif %}
|
|
|
|
<!-- if there is a date add here otherwise info non available-->
|
|
{% if "dateexhibitionHisPage" in x%}
|
|
<p class="label-item">DATE</p>
|
|
<p>{{ x["dateexhibitionHisPage"]["value"] | replace("T00:00:00Z", "") }} </p>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<!-- end exhibition loop -->
|
|
|
|
<!-- end of right column -->
|
|
</div>
|
|
|
|
<!-- end of about -->
|
|
</div>
|
|
|
|
</div>
|
|
<!-- END OF ABOUT -->
|
|
|
|
|
|
|
|
<!-- copies in collections -->
|
|
<div class="artwork-copieswrapper">
|
|
<div class="Heading_C">Copies in collections</div>
|
|
<!-- all the copies if any -->
|
|
{% for x in copiesincollection['results']['bindings'] %}
|
|
<div class="artwork-copiesincollection">
|
|
<!-- img -->
|
|
<div class="artwork-copiesincollection-img-div">
|
|
{% if "image" in x %}
|
|
<a href='/copy?id={{ x["copiesCollections"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
|
|
<img class="artwork-copiesincollection-imgs" src='{{ x["image"]["value"] | replace("wiki/File:","wiki/Special:Redirect/file/") }}'>
|
|
</a>
|
|
<br>
|
|
{% else %}
|
|
<a href='/copy?id={{ x["copiesCollections"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
|
|
<img class="artwork-copiesincollection-imgs" src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}">
|
|
</a>
|
|
<br>
|
|
{% endif %}
|
|
</div>
|
|
<!-- title/name of collection -->
|
|
<div class="artwork-copiesincollection-title-div">
|
|
<a href='/copy?id={{ x["copiesCollections"]["value"] | replace("http://daap.bannerrepeater.org/entity/", "") }}'>
|
|
{{ x["collectionLabel"]["value"]}}
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<!-- end copies in collections -->
|
|
|
|
<!-- Related works -->
|
|
<div class="artwork-relatedwrapper">
|
|
<div class="Heading_C">Related works</div>
|
|
<!-- all the works if any-->
|
|
{% for x in relatedworks['results']['bindings'] %}
|
|
<div class="artwork-relatedworks">
|
|
<!-- image -->
|
|
<div class="artwork-relatedworks-img-div">
|
|
{% if "image" in x %}
|
|
<a href='/artwork?id={{ x["relatedWorks"]["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["relatedWorks"]["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["relatedWorks"]["value"] | replace("https://daap.bannerrepeater.org/entity/", "") }}'>{{ x["relatedWorksLabel"]["value"]}}</a>
|
|
</div>
|
|
<!-- year -->
|
|
<div class="artwork-relatedworks-date">
|
|
{% if "daterelatedWorks" in x %}
|
|
{{ x["daterelatedWorks"]["value"] | replace("T00:00:00Z", "") }}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<!-- End related works -->
|
|
|
|
|
|
<!-- LISTS DESIGN IF NO LISTS TO BE CLARIFIED-->
|
|
<div class="artwork-lists">
|
|
<div class="Heading_C">Lists</div>
|
|
|
|
{% if artworklists['results']['bindings']==[] %}
|
|
{% else %}
|
|
|
|
{% for x in artworklists['results']['bindings'] %}
|
|
<div>
|
|
<div class="artwork-lists-img">
|
|
{% if "image" in x %}
|
|
<a target="_blank" href="{{ x['list']['value'] }}"><img src="x['image']['value']"></a>
|
|
{% else %}
|
|
<a target="_blank" href="{{ x['list']['value'] }}"><img src="{{ url_for('static', filename='/imgs/Icons/placeholder_no-image2.png') }}"></a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="artwork-lists-title">
|
|
{% if "listLabel" in x %}
|
|
<a target="_blank" href="{{ x['list']['value'] }}">{{ x['listLabel']['value'] }}</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
<!-- END OF LISTS -->
|
|
|
|
<div class="artwork-nav-label-mobile artwork-nav-label artwork-nav-label-record"><a class="det-record" target="_blank" href="https://daap.bannerrepeater.org/wiki/Item:{{ artwork_id }}">DETAILED RECORD</a>
|
|
<p>For best view of all data available, please visit the site on desktop.</p>
|
|
</div>
|
|
|
|
</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 %}
|