summaryrefslogtreecommitdiff
path: root/themes/flog/layouts/partials/listing.html
blob: 31e5614e055a5cd553904c4825331ec16459f4eb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<main role="main">
    <h1>{{ .Title }}</h1>
    <div class="row grid">
        <div class="grid-sizer col s1"></div>
        {{ range .Data.Pages }}
            {{ if .Params.image }}
        <article itemscope itemtype="http://schema.org/BlogPosting" class="col s12 m6 grid-item grid--width6">
            {{ else }}
        <article itemscope itemtype="http://schema.org/BlogPosting" class="col s12 m4 grid-item grid--width4">
            {{ end }}
            <div class="card">
                {{ if .Params.image }}
                <div class="card-image">
                    <img src="/images/{{ .Params.image }}">
                </div>
                {{ end }}
                <section class="card-content" itemprop="text">
                    <span class="card-title" itemprop="headline">{{ .Title }}</span>
                    <div>
                        {{ .Summary }}
                    </div>
                </section>
                <div class="card-action">
                    <a href="{{ .RelPermalink }}">Weiterlesen…</a>
                </div>
            </div>
        </article>
        {{ end }}
    </div>
</main>
<script type="text/javascript" src="/js/masonry-4.1.min.js"></script>
<script type="text/javascript">
    new Masonry('.grid', { itemSelector: '.grid-item', percentPosition: true, columnWidth: '.grid-sizer' });
</script>