{{ 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 }}
    <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 }}