{{- $posts := .posts }}
{{- $pages := .pages }}
{{- $defaultimage := .defaultimage }} 
{{- $odd := .odd }} 
{{- $id := "posts"}} 
{{if $posts.id}}
  {{- $id = $posts.id}} 
{{else if .id}} 
  {{- $id = .id }} 
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
  <div class="section-content posts">
    {{ partial "components/title.html" $posts.title }}
    <div class="cardList">
      {{ range first 3 $pages }}
      <div class="card">
        <a href="{{.Permalink}}">
          <div class="cardContent">
            {{ if .Params.image }}
              {{ $style := "cardImage {{if ne .Params.image.cover }} noCover {{ end }}" }}
              {{- partial "components/image.html" (dict "style" $style "url" .image.url "alt" .image.alt) -}}
            {{ else }}
              {{- partial "components/image.html" (dict "style" "cardImage" "url" $defaultimage "alt" "Placeholder") -}}
            {{ end }}
            <div class="cardTitle">{{.Title}}</div>
            <div class="cardDescription">
              {{ .Summary | safeHTML | truncate 320 }}
            </div>
            <div class="cardDetail">
              {{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten
            </div>
          </div>
        </a>
      </div>
      {{ end }}
    </div>
    {{ partial "components/button.html" (dict "type" "text block" "url"
    $posts.id "text" ($posts.more | default "More")) }}
  </div>
</div>