{{ if .Site.Params.widgets.recent_articles }}
<div class="widget-wrap">
    <h3 class="widget-title">
        {{with .Site.Data.l10n.widgets.recent_articles.title}}{{.}}{{end}}
    </h3>
    <div class="widget">
      <ul id="recent-post">
            {{ range last 5 .Site.RegularPages.ByPublishDate }}
            <li>
                <div class="item-thumbnail">
                    <a href="{{ .Permalink }}" class="thumbnail">
                    {{ if and (isset .Params "banner") (not (eq .Params.banner "")) }}
                        <span style="background-image:url({{ .Params.banner | absURL }})" alt="{{ $.Title }}" class="thumbnail-image"></span>
                    {{else}}
                        <span class="thumbnail-image thumbnail-none"></span>
                    {{ end }}
                    </a>
                </div>
                <div class="item-inner">
                    {{ if isset .Params "categories" }}
                    {{ if gt (len .Params.categories) 0 }}
                    <p class="item-category">
                        {{ $url := printf "%s/%s" "categories" (index .Params.categories 0 | urlize | lower)}}
                        <a class="article-category-link" href="{{ $url | absURL }}">
                        {{ index .Params.categories 0 }}
                        </a>
                    </p>
                    {{ end }}
                    {{ end }}
                    <p class="item-title"><a href="{{ .Permalink }}" class="title">{{ .Title }}</a></p>
                    <p class="item-date">
                        <time datetime="{{ .Date }}" itemprop="datePublished">{{ .Date.Format .Site.Params.date_format }}</time>
                    </p>
                </div>
            </li>
            {{ end }}
        </ul>
    </div>
</div>
{{ end }}