71 lines
1.8 KiB
Cheetah
71 lines
1.8 KiB
Cheetah
|
## -*- coding: utf-8 -*-
|
||
|
|
<%inherit file="base.tmpl"/>
|
||
|
|
<%namespace name="comments" file="comments_helper.tmpl"/>
|
||
|
|
<%namespace name="ui" file="ui_helper.tmpl"/>
|
||
|
|
<%block name="sourcelink"></%block>
|
||
|
|
|
||
|
|
<%block name="content">
|
||
|
|
${ui.breadcrumbs(crumbs)}
|
||
|
|
%if title:
|
||
|
|
<h1>${title|h}</h1>
|
||
|
|
%endif
|
||
|
|
%if post:
|
||
|
|
<p>
|
||
|
|
${post.text()}
|
||
|
|
</p>
|
||
|
|
%endif
|
||
|
|
%if folders:
|
||
|
|
<ul>
|
||
|
|
% for folder, ftitle in folders:
|
||
|
|
<li><a href="${folder}">📂 ${ftitle|h}</a></li>
|
||
|
|
% endfor
|
||
|
|
</ul>
|
||
|
|
%endif
|
||
|
|
|
||
|
|
<div id="gallery_container"></div>
|
||
|
|
%if photo_array:
|
||
|
|
<noscript>
|
||
|
|
<ul class="thumbnails">
|
||
|
|
%for image in photo_array:
|
||
|
|
<li><a href="${image['url']}" class="thumbnail image-reference" title="${image['title']|h}">
|
||
|
|
<img src="${image['url_thumb']}" alt="${image['title']|h}" /></a>
|
||
|
|
%endfor
|
||
|
|
</ul>
|
||
|
|
</noscript>
|
||
|
|
%endif
|
||
|
|
%if site_has_comments and enable_comments:
|
||
|
|
${comments.comment_form(None, permalink, title)}
|
||
|
|
%endif
|
||
|
|
</%block>
|
||
|
|
|
||
|
|
<%block name="extra_head">
|
||
|
|
${parent.extra_head()}
|
||
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
|
||
|
|
<style type="text/css">
|
||
|
|
#gallery_container {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.image-block {
|
||
|
|
position: absolute;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
%if len(translations) > 1:
|
||
|
|
%for langname in translations.keys():
|
||
|
|
%if langname != lang:
|
||
|
|
<link rel="alternate" hreflang="${langname}" href="${_link('gallery', gallery_path, langname)}">
|
||
|
|
%endif
|
||
|
|
%endfor
|
||
|
|
%endif
|
||
|
|
</%block>
|
||
|
|
|
||
|
|
<%block name="extra_js">
|
||
|
|
<script src="/assets/js/justified-layout.min.js"></script>
|
||
|
|
<script src="/assets/js/gallery.min.js"></script>
|
||
|
|
<script>
|
||
|
|
var jsonContent = ${photo_array_json};
|
||
|
|
var thumbnailSize = ${thumbnail_size};
|
||
|
|
renderGallery(jsonContent, thumbnailSize);
|
||
|
|
window.addEventListener('resize', renderGallery);
|
||
|
|
</script>
|
||
|
|
</%block>
|