website-theme/layouts/shortcodes/displayToots.html

{{ $url := .Get 0 }}
{{ $dataJ := getJSON $url  }}

<style>
    .toot {
        margin-bottom: 2rem;
    }
    .toot .e-content img {
        display: inline-block;
    }

    .toot .e-content p:first-of-type {
        display: inline-block;
    }


</style>

{{ range sort $dataJ "created_at" "desc" }}
{{ if ne .content "" }}
<article class="toot h-entry">
<div>
    <div class="e-content">
        <img width=50 src="{{ .account.avatar }}"/>
        <p class="date">Published on <time class="dt-published" datetime='{{ .created_at }}'>{{ dateFormat "January 2, 2006 15:04" (time .created_at) }}</time></p>
        {{ .content | safeHTML }}
    </div>
</div>
<div class=".toot-social">
<span><i class='fas fa-share'></i> {{ .replies_count }} </span>
<span><i class='fas fa-retweet'></i> {{ .reblogs_count }} </span>
<span><i class='fas fa-star'></i> {{ .favourites_count }} </span>
<span>| Source: <a href="{{ .url }}">{{ .url }}</a></span>
</div>
</article>
{{ end }}
{{ end }}