{{ define "main" }}
    <div class="content">  
        <div class="teammember-header">
            {{ with .Params.image }}
                <img class="teammember-header-avatar" src="{{ . }}" alt="Avatar">
            {{ end }}
            <div class="teammember-header-title">
                <h1 class="content-title">{{ .Params.name }}</h1>
                <div class="teammember-header-social-media">
                    <span>
                        {{- range .Params.social}}
                            <a href="{{ .url }}"><i class="fab fa-{{ .type }}"></i></a>
                        {{- end}}
                        {{if .Params.mail}}
                            <a href="mailto:{{ .Params.mail }}"><i class="fas fa-at"></i></a>
                        {{end}}
                    </span>
                </div>
                <div class="divider"></div>
            </div>
        </div>
        {{ .Content }}
        {{- $name := .Params.name }}
        {{- $defaultimage := .Site.Params.defaultimage }}
        <div class="cardList teammember-posts">
            {{ with .Site.GetPage "/posts" }}
                {{- range .RegularPages -}}
                    {{if eq .Params.author $name}}
                        <a href="{{.Permalink}}">
                            <div class="card">
                                {{ if .Params.image }}
                                    <img class="cardImage" src="{{ .Params.image }}" />
                                {{ else }}
                                    <img class="cardImage" src="{{ $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}}
                {{ end }}
            {{ end }}
        </div>
    </div>
{{ end }}