<section class="listing">
        <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}}{{.Site.Params.default_img}}">
    {{end}}
    {{end}}
    {{end}}
    </a>
    
    <div class="listing-text">
    <a href="{{.Permalink}}"  ><h2>{{.Title}}</h2></a>
    <p>{{.Params.description}}</p>
    {{if .GetTerms "tags"}}
    <div class="tags">
        {{ range (.GetTerms "tags")}}
        <a href="{{.Permalink}}">{{.LinkTitle}}</a>
        {{end}}
    </div>
    {{end}}
    </div>
</section>