{{ define "main" }}
<div class="content">
  <article>
    <div class="title">
      <h1 class="content-title">{{ .Title }}</h1>
      <div class="divider"></div>
    </div>
    {{.Content}}
  </article>
  <div class="cardList">
  {{ range .Pages }}
    <a href="{{.Permalink}}">
      <div class="card">
        {{ if .Params.image }}
          <img class="cardImage" src="{{ .Params.image }}" />
        {{ else }}
          <img class="cardImage" src="{{ $.Site.Params.defaultimage }}"  />
        {{ 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>
  {{ end }}
  </div>
</div>
{{ end }}