{{ define "main" }}
<div class="content">
    <article>
        <div class="title">
            <h1 class="content-title">{{ .Title }}</h1>
            <div class="divider"></div>
        </div>
        {{.Content}}
    </article>
    <div class="team-list">
        {{ range (where .Pages "Params.leaveDate" "==" nil).ByParam "startDate" }}
        <a href="{{.Permalink}}">
            <div class="teammember">
                {{ if .Params.image }}
                    <img class="avatar" src="{{ .Params.image }}" alt="{{ .Params.name }} Avatar">
                {{ else }}
                    <img class="avatar" src="{{ $.Site.Params.defaultimage }}" alt="Default Avatar">
                {{ end }}
                <h1 class="teammember-title">{{ .Params.name }}</h1>
                {{- range .Params.jobs }}
                    <p>{{ . }}</p>
                {{- end }}
                <div class="social-media">
                    <span>
                        {{- range .Params.social}}
                        <a href="{{ .url }}"><i class="icon-{{ .type }}"></i></a>
                        {{- end}}
                        {{if .Params.mail}}
                        <a href="mailto:{{ .Params.mail }}"><i class="icon-at"></i></a>
                        {{end}}
                    </span>
                </div>
            </div>
        </a>
        {{ end }}
    </div>
</div>
{{ end }}