<div class="section-heading">
    <h1>Recent Content</h1>
</div>
{{range first 3 .Site.RegularPages}}
<section class="recent">
    <a href="{{.Permalink}}">
        {{ if .Params.gif}}
        <video autoplay loop preload="true">
            <source src="{{.Site.BaseURL}}{{.Params.gif}}">
        </video>
        {{else}}
        {{ if .Params.video}}
        <video controls preload="false">
            <source src="{{.Site.BaseURL}}{{.Params.video}}">
        </video>
    {{else}}
    {{if .Params.image}}
        <img src="{{.Site.BaseURL}}{{.Params.image}}">
    {{else}}
        <img src="{{.Site.BaseURL}}/res/default.png">
    </a>
    {{end}}
    {{end}}
    {{end}}
    </a>
    <div>
    <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
    <p>{{.Params.description}}</p>
    </div>
</section>
{{end}}
{{if .Site.Data.details.featured}}
<div class="section-heading">
    <h2>Featured</h2>
</div>
{{ range .Site.Data.details.featured}}
<section class="featured">
        <a href="{{.href}}">
            <img src="{{.img}}">
        </a>
        <div>
            <a href="{{.href}}">
                <h3>{{.title}}</h3>
            </a>
            <p>{{.description}}</p>
        </div>
        
</section>
{{end}}
{{end}}