mirror of https://github.com/thumbsup/thumbsup
Remove sidebar until we have a good design
Current sidebar doesn't handle nested albums very well, and navigation is still awkward. For example should it save its open/closed state when browsing?pull/51/head
Romain
8 years ago
parent
bd7119c25b
commit
ff7b720f49
@ -1,17 +0,0 @@
|
|||||||
<li>
|
|
||||||
<!-- This album -->
|
|
||||||
<a href="{{filename}}.html">
|
|
||||||
{{#if albums.length}}
|
|
||||||
<i class="fa fa-folder-o"></i>
|
|
||||||
{{else}}
|
|
||||||
<i class="fa fa-photo"></i>
|
|
||||||
{{/if}}
|
|
||||||
{{title}}<span class="count">{{stats.total}}</span>
|
|
||||||
</a>
|
|
||||||
<!-- And nested album -->
|
|
||||||
<ul>
|
|
||||||
{{#each albums}}
|
|
||||||
{{> sidebar-album}}
|
|
||||||
{{/each}}
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
<li>
|
|
||||||
<!-- This album -->
|
|
||||||
<a href="{{filename}}.html">
|
|
||||||
{{#if albums.length}}
|
|
||||||
<i class="fa fa-folder-o"></i>
|
|
||||||
{{else}}
|
|
||||||
<i class="fa fa-photo"></i>
|
|
||||||
{{/if}}
|
|
||||||
{{title}}<span class="count">{{stats.total}}</span>
|
|
||||||
</a>
|
|
||||||
<!-- And nested album -->
|
|
||||||
<ul>
|
|
||||||
{{#each albums}}
|
|
||||||
{{> sidebar-album}}
|
|
||||||
{{/each}}
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
@ -1,106 +1,84 @@
|
|||||||
<div id="wrapper">
|
<div id="content">
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Sidebar with album hierarchy
|
Gallery title
|
||||||
-->
|
-->
|
||||||
<!-- <input id="hamburger" class="hamburger-checkbox" type="checkbox" />
|
<header style="color: #17baef;">
|
||||||
<nav id="sidebar">
|
<h1>{{gallery.title}}</h1>
|
||||||
<ul>
|
</header>
|
||||||
{{> sidebar-album gallery.home }}
|
|
||||||
</ul>
|
|
||||||
</nav> -->
|
|
||||||
|
|
||||||
<div id="container">
|
<!--
|
||||||
|
Breadcrumbs of parent albums
|
||||||
|
-->
|
||||||
|
|
||||||
<!--
|
<nav class="breadcrumbs">
|
||||||
Gallery title
|
<div class="mask"></div>
|
||||||
-->
|
{{#each breadcrumbs~}}
|
||||||
<header style="color: #17baef;">
|
<a class="breadcrumb-item" href="{{filename}}.html">{{title}}</a>
|
||||||
<h1>
|
<span class="separator">></span>
|
||||||
<label for="hamburger" class="hamburger-label noselect" role="button">
|
{{~/each~}}
|
||||||
<i class="fa fa-navicon"></i>
|
<a class="breadcrumb-item" href="{{album.filename}}.html">{{album.title}}</a>
|
||||||
</label>
|
</nav>
|
||||||
{{gallery.title}}
|
|
||||||
</h1>
|
<!--
|
||||||
</header>
|
Main gallery panel
|
||||||
|
-->
|
||||||
|
<section id="content">
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Breadcrumbs of parent albums
|
Nested albums, if any
|
||||||
-->
|
-->
|
||||||
|
<ul id="albums">
|
||||||
<nav class="breadcrumbs">
|
{{#each album.albums~}}
|
||||||
<div class="mask"></div>
|
<li>
|
||||||
{{#each breadcrumbs~}}
|
<a href="{{filename}}.html">
|
||||||
<a class="breadcrumb-item" href="{{filename}}.html">{{title}}</a>
|
<h3>{{title}}</h3>
|
||||||
<span class="separator">></span>
|
<div class="meta">
|
||||||
{{~/each~}}
|
<time>{{{date stats.fromDate}}} - {{{date stats.toDate}}}</time><span class="separator">,</span>
|
||||||
<a class="breadcrumb-item" href="{{album.filename}}.html">{{album.title}}</a>
|
<span class="summary">{{summary}}</span>
|
||||||
</nav>
|
</div>
|
||||||
|
<ul class="grid clearfix">
|
||||||
|
{{~#slice previews count=8~}}
|
||||||
|
<li><img src="{{this.urls.thumb}}" /></li>
|
||||||
|
{{~/slice}}
|
||||||
|
</ul>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{{~/each}}
|
||||||
|
</ul>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
Main gallery panel
|
All photos and videos
|
||||||
-->
|
-->
|
||||||
<section id="content">
|
<ul id="media">
|
||||||
|
{{#each album.files}}
|
||||||
<!--
|
{{#if isVideo~}}
|
||||||
Nested albums, if any
|
<li data-html="#media{{id}}"
|
||||||
-->
|
data-poster="{{urls.poster}}"
|
||||||
<ul id="albums">
|
data-download-url="{{{download this}}}">
|
||||||
{{#each album.albums~}}
|
<a href="{{{download this}}}">
|
||||||
<li>
|
<img src="{{urls.thumb}}"
|
||||||
<a href="{{filename}}.html">
|
width="{{../gallery.thumbsSize}}"
|
||||||
<h3>{{title}}</h3>
|
height="{{../gallery.thumbSize}}"
|
||||||
<div class="meta">
|
alt="{{filename}}" />
|
||||||
<time>{{{date stats.fromDate}}} - {{{date stats.toDate}}}</time><span class="separator">,</span>
|
</a>
|
||||||
<span class="summary">{{summary}}</span>
|
<img class="video-overlay" src="public/play.png" />
|
||||||
</div>
|
</li>
|
||||||
<!-- <div class="mosaic" style="opacity: 0.8">
|
{{else}}
|
||||||
<img src="{{filename}}.png" />
|
<li data-src="{{urls.large}}"
|
||||||
</div> -->
|
data-sub-html="{{caption}}"
|
||||||
<ul class="grid clearfix">
|
data-download-url="{{{download this}}}">
|
||||||
{{~#slice previews count=8~}}
|
<a href="{{{download this}}}">
|
||||||
<li><img src="{{this.urls.thumb}}" /></li>
|
<img src="{{urls.thumb}}"
|
||||||
{{~/slice}}
|
width="{{../gallery.thumbSize}}"
|
||||||
</ul>
|
height="{{../gallery.thumbSize}}"
|
||||||
</a>
|
alt="{{filename}}" />
|
||||||
</li>
|
</a>
|
||||||
{{~/each}}
|
</li>
|
||||||
</ul>
|
{{~/if}}
|
||||||
|
{{/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="{{../gallery.thumbsSize}}"
|
|
||||||
height="{{../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="{{../gallery.thumbSize}}"
|
|
||||||
height="{{../gallery.thumbSize}}"
|
|
||||||
alt="{{filename}}" />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{/if}}
|
|
||||||
{{/each}}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</section>
|
|
||||||
|
|
||||||
</div>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue