{{ partial "header.html" . }}
{{ partial "hero.html" . }}

<div class="container">
    {{ range .RegularPages }}

        <div class="card">
            <div class="card-content">
                <div class="media">
                    <div class="media-left">
                        <figure class="image is-128x128">
                            {{ with .Params.listthumbnail }}
                            <img src="{{ . }}" alt="Placeholder image">
                            {{ end }}
                        </figure>
                    </div>

                    <div class="media-content">
                        <p class="title is-4">
                            <a href="{{ .Permalink }}"> {{ .Title }}</a>
                        </p>
                        <p class="subtitle is-6">{{ .Params.subtitle }}</p>
                        {{ with .Params.tags }}
                        <ul id="tags">
                            {{ range . }}
                                <span class="tag">
                                    <a href="{{ "tags" | absURL }}/{{ . | urlize }}">{{ . }}</a>
                                </span>
                            {{ end }}
                        </ul>
                        {{ end }}
                    </div>
                </div>
            </div>
        </div>
    {{ end }}
</div>
    
{{ partial "footer.html" . }}