mirror of https://github.com/thumbsup/thumbsup
Cards theme: single album preview to be more different from "classic"
parent
7eba1d4695
commit
9fdef73f6e
@ -1,85 +1,74 @@
|
||||
<div id="wrapper">
|
||||
|
||||
<div id="container">
|
||||
|
||||
<!--
|
||||
Gallery title
|
||||
-->
|
||||
<header>
|
||||
<h1>{{gallery.title}}</h1>
|
||||
<h1><a href="{{gallery.home.filename}}.html">{{gallery.title}}</a></h1>
|
||||
</header>
|
||||
|
||||
<div id="container">
|
||||
|
||||
<!--
|
||||
Main gallery panel
|
||||
-->
|
||||
<section id="content">
|
||||
<!--
|
||||
Breadcrumbs of parent albums
|
||||
-->
|
||||
<nav class="breadcrumbs">
|
||||
{{#each breadcrumbs~}}
|
||||
<a class="breadcrumb-item" href="{{filename}}.html">{{title}}</a> /
|
||||
{{~/each~}}
|
||||
<a class="breadcrumb-item" href="{{album.filename}}.html">{{album.title}}</a>
|
||||
</nav>
|
||||
|
||||
<!--
|
||||
Breadcrumbs of parent albums
|
||||
-->
|
||||
<nav class="breadcrumbs">
|
||||
{{#each breadcrumbs~}}
|
||||
<a class="breadcrumb-item" href="{{filename}}.html">{{title}}</a> /
|
||||
{{~/each~}}
|
||||
<a class="breadcrumb-item" href="{{album.filename}}.html">{{album.title}}</a>
|
||||
</nav>
|
||||
<!--
|
||||
Nested albums, if any
|
||||
-->
|
||||
<div id="albums">
|
||||
{{#each album.albums~}}
|
||||
<a href="{{filename}}.html" style="background-image: url('{{previews.0.urls.large}}')">
|
||||
<div class="info">
|
||||
<h3>{{title}}</h3>
|
||||
<div class="summary">{{summary}}</div>
|
||||
<div class="date">{{{date stats.fromDate}}} - {{{date stats.toDate}}}</div>
|
||||
</div>
|
||||
</a>
|
||||
{{~/each}}
|
||||
</div>
|
||||
|
||||
<!--
|
||||
Nested albums, if any
|
||||
-->
|
||||
<ul id="albums">
|
||||
{{#each album.albums~}}
|
||||
<li>
|
||||
<a href="{{filename}}.html">
|
||||
<ul class="grid clearfix">
|
||||
{{~#slice previews count=2~}}
|
||||
<li><img src="{{this.urls.thumb}}" /></li>
|
||||
{{~/slice}}
|
||||
</ul>
|
||||
<h3>{{title}}</h3>
|
||||
<div class="meta">
|
||||
{{summary}}<br />
|
||||
{{{date stats.fromDate}}} - {{{date stats.toDate}}}
|
||||
</div>
|
||||
<!--
|
||||
All photos and videos
|
||||
-->
|
||||
<ul id="media" class="clearfix">
|
||||
{{#each album.files~}}
|
||||
{{#if isVideo~}}
|
||||
<li data-html="#media{{id}}"
|
||||
data-poster="{{urls.poster}}"
|
||||
data-download-url="{{{download this}}}">
|
||||
<a href="{{{download this}}}">
|
||||
<img src="{{urls.thumb}}"
|
||||
width="{{@root.gallery.thumbSize}}"
|
||||
height="{{@root.gallery.thumbSize}}"
|
||||
alt="{{filename}}"
|
||||
data-html="#media{{id}}"
|
||||
data-poster="{{urls.poster}}"
|
||||
data-download-url="{{{download this}}}"
|
||||
/>
|
||||
</a>
|
||||
<img class="video-overlay" src="public/play.png" />
|
||||
</li>
|
||||
{{~/each}}
|
||||
</ul>
|
||||
|
||||
<!--
|
||||
All photos and videos
|
||||
-->
|
||||
<ul id="media">
|
||||
{{#each album.files}}
|
||||
{{#if isVideo}}
|
||||
<li data-html="#media{{id}}"
|
||||
data-poster="{{urls.poster}}"
|
||||
data-download-url="{{{download this}}}">
|
||||
<a href="{{{download this}}}">
|
||||
<img src="{{urls.thumb}}"
|
||||
width="{{@root.gallery.thumbSize}}"
|
||||
height="{{@root.gallery.thumbSize}}"
|
||||
alt="{{filename}}" />
|
||||
</a>
|
||||
<img class="video-overlay" src="public/play.png" />
|
||||
</li>
|
||||
{{else}}
|
||||
<li data-src="{{urls.large}}"
|
||||
data-sub-html="{{caption}}"
|
||||
data-download-url="{{{download this}}}">
|
||||
<a href="{{{download this}}}">
|
||||
<img src="{{urls.thumb}}"
|
||||
width="{{@root.gallery.thumbSize}}"
|
||||
height="{{@root.gallery.thumbSize}}"
|
||||
alt="{{filename}}" />
|
||||
</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{/each}}
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
</div>
|
||||
{{~else~}}
|
||||
<li data-src="{{urls.large}}"
|
||||
data-sub-html="{{caption}}"
|
||||
data-download-url="{{{download this}}}">
|
||||
<a href="{{urls.large}}"
|
||||
data-sub-html="{{caption}}"
|
||||
data-download-url="{{{download this}}}">
|
||||
<img src="{{urls.thumb}}"
|
||||
width="{{@root.gallery.thumbSize}}"
|
||||
height="{{@root.gallery.thumbSize}}"
|
||||
alt="{{filename}}" />
|
||||
</a>
|
||||
</li>
|
||||
{{~/if}}
|
||||
{{~/each}}
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue