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" />
|
||||
<nav id="sidebar">
|
||||
<ul>
|
||||
{{> sidebar-album gallery.home }}
|
||||
</ul>
|
||||
</nav> -->
|
||||
<header style="color: #17baef;">
|
||||
<h1>{{gallery.title}}</h1>
|
||||
</header>
|
||||
|
||||
<div id="container">
|
||||
<!--
|
||||
Breadcrumbs of parent albums
|
||||
-->
|
||||
|
||||
<!--
|
||||
Gallery title
|
||||
-->
|
||||
<header style="color: #17baef;">
|
||||
<h1>
|
||||
<label for="hamburger" class="hamburger-label noselect" role="button">
|
||||
<i class="fa fa-navicon"></i>
|
||||
</label>
|
||||
{{gallery.title}}
|
||||
</h1>
|
||||
</header>
|
||||
<nav class="breadcrumbs">
|
||||
<div class="mask"></div>
|
||||
{{#each breadcrumbs~}}
|
||||
<a class="breadcrumb-item" href="{{filename}}.html">{{title}}</a>
|
||||
<span class="separator">></span>
|
||||
{{~/each~}}
|
||||
<a class="breadcrumb-item" href="{{album.filename}}.html">{{album.title}}</a>
|
||||
</nav>
|
||||
|
||||
<!--
|
||||
Main gallery panel
|
||||
-->
|
||||
<section id="content">
|
||||
|
||||
<!--
|
||||
Breadcrumbs of parent albums
|
||||
Nested albums, if any
|
||||
-->
|
||||
|
||||
<nav class="breadcrumbs">
|
||||
<div class="mask"></div>
|
||||
{{#each breadcrumbs~}}
|
||||
<a class="breadcrumb-item" href="{{filename}}.html">{{title}}</a>
|
||||
<span class="separator">></span>
|
||||
{{~/each~}}
|
||||
<a class="breadcrumb-item" href="{{album.filename}}.html">{{album.title}}</a>
|
||||
</nav>
|
||||
<ul id="albums">
|
||||
{{#each album.albums~}}
|
||||
<li>
|
||||
<a href="{{filename}}.html">
|
||||
<h3>{{title}}</h3>
|
||||
<div class="meta">
|
||||
<time>{{{date stats.fromDate}}} - {{{date stats.toDate}}}</time><span class="separator">,</span>
|
||||
<span class="summary">{{summary}}</span>
|
||||
</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">
|
||||
|
||||
<!--
|
||||
Nested albums, if any
|
||||
-->
|
||||
<ul id="albums">
|
||||
{{#each album.albums~}}
|
||||
<li>
|
||||
<a href="{{filename}}.html">
|
||||
<h3>{{title}}</h3>
|
||||
<div class="meta">
|
||||
<time>{{{date stats.fromDate}}} - {{{date stats.toDate}}}</time><span class="separator">,</span>
|
||||
<span class="summary">{{summary}}</span>
|
||||
</div>
|
||||
<!-- <div class="mosaic" style="opacity: 0.8">
|
||||
<img src="{{filename}}.png" />
|
||||
</div> -->
|
||||
<ul class="grid clearfix">
|
||||
{{~#slice previews count=8~}}
|
||||
<li><img src="{{this.urls.thumb}}" /></li>
|
||||
{{~/slice}}
|
||||
</ul>
|
||||
</a>
|
||||
</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="{{../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>
|
||||
<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>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue