Files
theme-flow-bruno/theme/partials/content.hbs
2020-11-16 21:22:51 +01:00

106 lines
2.4 KiB
Handlebars

<div id="container">
<!--
Gallery title
-->
<header>
<h1><a href="{{relative gallery.home.url}}">{{gallery.title}}</a></h1>
</header>
<!--
Breadcrumbs of parent albums
-->
<nav class="breadcrumbs">
{{#each breadcrumbs~}}
<a class="breadcrumb-item" href="{{relative url}}">{{title}}</a>&nbsp;/&nbsp;
{{~/each~}}
<a class="breadcrumb-item" href="{{relative album.url}}">{{album.title}}</a>
</nav>
{{#if settings.featuredAlbum}}
{{#if album.home}}
<!--
Featured album slider (on homepage only)
-->
<ul id="lightSlider">
{{! Find the featured album, if any !}}
{{#each album.albums~}}
{{#compare title '==' @root.settings.featuredAlbum}}
{{! Display its image files in the slider !}}
{{#each files~}}
{{#unless isVideo}}
<li data-thumb="{{relative urls.thumbnail}}" data-src="{{relative urls.large}}">
<img src="{{relative urls.large}}" alt="{{filename}}">
</li>
{{/unless}}
{{~/each}}
{{/compare}}
{{~/each}}
</ul>
{{/if}}
{{/if}}
<!--
Nested albums, if any
-->
<div id="albums" class="justified-gallery">
{{#each album.albums~}}
{{! Hide the featured album from listings !}}
{{#compare title '!=' @root.settings.featuredAlbum}}
<a href="{{relative url}}">
<img src="{{relative previews.0.urls.small}}" alt="">
<div class="caption" style="display: inline-block">
<h3>{{title}}</h3>
<div class="summary">{{summary}}</div>
</div>
</a>
{{/compare}}
{{~/each}}
</div>
<!--
All photos and videos
-->
<ul id="media" class="clearfix justified-gallery">
{{#each album.files~}}
{{> thumbnail}}
{{~/each}}
</ul>
<!--
Pagination
-->
{{#compare pagination.length '>' 1}}
<nav class="pagination">
Pages:
{{#each pagination}}
{{#if current}}
<a class="page current" href="{{relative url}}">{{index}}</a>
{{else}}
<a class="page" href="{{relative url}}">{{index}}</a>
{{/if}}
{{/each}}
</nav>
{{/compare}}
<!--
Zip file link
-->
{{#if album.zip}}
<div id="zip">
Download album as a <a href="{{album.zip}}">zip file</a>.
</div>
{{/if}}
<!--
Optional footer
-->
{{#if gallery.footer}}
<footer>
<p>{{{gallery.footer}}}</p>
</footer>
{{/if}}
</div>