squirrel/layouts/posts/list.html

{{ define "main" }}
<div class="content">
    <article>
        <div class="title">
            <h1 class="content-title">{{ .Title }}</h1>
            <div class="divider"></div>
        </div>
        <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
        {{.Content}}
    </article>
    <!-- Ranges through content/posts/*.md -->
    <div class="cardList">
    {{ range .Pages }}
        <div class="card">
            <a href="{{.Permalink}}">
                <div class="cardContent">
                    {{ if .Params.image }}
                        <img class="cardImage {{ if eq .Params.image.cover false }} noCover {{ end }}" alt="{{ .Params.image.alt }}" src="{{ .Params.image.url }}" />
                    {{ else }}
                        <img class="cardImage" src="{{ .Site.Params.defaultimage }}" alt="Default Image" />
                    {{ end }}
                    <div class="cardTitle">{{.Title}}</div>
                    <div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
                    <div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
                </div>
            </a>
        </div>
    {{ end }}
    </div>
</div>
{{ end }}