diff --git a/layouts/partials/webmentions.html b/layouts/partials/webmentions.html index 2085092..c1301ea 100644 --- a/layouts/partials/webmentions.html +++ b/layouts/partials/webmentions.html @@ -5,21 +5,36 @@ {{ $likes := index (index .Site.Data.webmentions $urlized) "like-of" }} {{ $replys := index (index .Site.Data.webmentions $urlized) "in-reply-to" }} {{ $reposts := index (index .Site.Data.webmentions $urlized) "repost-of"}} + {{ if $likes }}

Likes

{{ range $i, $like := $likes }} {{ $like.author.name }} - {{end}} + {{ end }} + {{ end }} + {{ if $reposts }}

Reposts

{{ range $i, $repost := $reposts }} {{ $repost.author.name }} - {{end}} + {{ end }} + {{ end }} + {{ if $replys }}

Comments and Replies

{{ range $i, $reply := $replys }} - {{ $reply.author.name }} +
+ {{ $reply.author.name }} +
+
Comment by {{ $reply.author.name }} on + {{ (time $reply.published).Local | dateFormat "Mon Jan 2, 2006" }}
+
+ {{ $reply.content.text | replaceRE "\\n" "

" | safeHTML | truncate 512 }} +
+
+
+ {{ end }} {{ end }} {{ end }} diff --git a/static/css/layout.css b/static/css/layout.css index 60e8ebf..ed98fc5 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -5,6 +5,11 @@ flex-wrap: wrap; } +div.webmention.reply { + display: flex; + flex-direction: row; +} + div.author-card-content { flex-grow: 1; } diff --git a/static/css/style.css b/static/css/style.css index a7467d9..db06ebc 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -45,4 +45,9 @@ p.built-with { text-align: center; font-size: 0.8em; margin: 0; -} \ No newline at end of file +} + +img.profile.photo { + max-width: 60px; + padding: 0.5em; +}