website-theme/layouts/shortcodes/displayToots.html

37 lines
956 B
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 $dataJ }}
{{ 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 }}