layouts/shortcodes/gallery.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

{{ $dir := .Get "dir" }}
{{ $url := .Get "baseurl" }}
{{ $files := readDir $dir }}

<div class="masonry-flex-container">
    {{ range $files }}
        {{ $date := dateFormat "Mon Jan 06, 2006" .ModTime }}
        <!-- TODO: Figure out why line height causes issues here -->
        <div class="flex-item flex-item-spacing no-line-height">
            <div class="relative rounded-corners z-depth-1 lazyload" data-noscript="">
                <noscript>
                    <a href="{{ $url }}{{ .Name | urlize }}" data-lightbox="{{ $dir }}" data-title="{{ $date }}">
                        <img src="{{ $url }}{{ .Name | urlize }}"
                             class="fill-container-width rounded-corners z-depth-1" />
                        <div class="highlight-block rounded-corners">
                            <h3 class="white-text">{{ $date }}</h3>
                        </div>
                    </a>
                </noscript>
            </div>
        </div>
    {{ end }}
</div>