42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
{% include header.html %}
|
|
|
|
<a id="gallery-back" href="/photos">
|
|
{% include svg_arrow_back.html %}
|
|
<span>ALBUMS</span>
|
|
</a>
|
|
|
|
<h1 id="gallery-header">
|
|
<div class="container">
|
|
<a href="/{{ site.gallery.dir }}/{{ page.gallery }}">{{ page.title }}</a>
|
|
<span class="date">{{ page.date | date: "%Y" }}</span>
|
|
</div>
|
|
<img id="bg-loader" src="thumbs/{{ page.blur_image }}">
|
|
<div id="bg-source" style="background:url(thumbs/{{ page.blur_image }})"></div>
|
|
<div id="bg-wrapper"></div>
|
|
</h1>
|
|
|
|
<div id="zoom">
|
|
<div class="controls">
|
|
<a class="close">{% include svg_close.html %}</a>
|
|
<a class="arrow left">{% include svg_arrow_left.html %}</a>
|
|
<a class="arrow right">{% include svg_arrow_right.html %}</a>
|
|
</div>
|
|
<div class="container"></div>
|
|
<div class="loading">{% include svg_loading.html %}</div>
|
|
</div>
|
|
|
|
{% assign sorted_imgs = page.images | sort %}
|
|
|
|
<div id="gallery">
|
|
{% for image in sorted_imgs %}
|
|
<a class="item lazy" href="{{ image[0] }}">
|
|
<img
|
|
src="thumbs/{{ image[0] }}"
|
|
data-src="thumbs/{{ image[0] }}"
|
|
width="{{ image[1] | divided_by: site.gallery.thumbnail_size.retina }}"
|
|
height="{{ site.gallery.thumbnail_size.y | divided_by: site.gallery.thumbnail_size.retina }}" />
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{% include footer.html %} |