kevin
/
semantic-indieweb
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Better formatting for webmention replies

master
Kevin C. Coram 2019-12-23 23:31:52 -05:00
parent 32e496f364
commit 410eab4297
Signed by: kevin
GPG Key ID: 0342351B3D61AD35
3 changed files with 30 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
layouts/partials/webmentions.html
View File

@ -5,21 +5,36 @@
{{ $likes := index (index .Site.Data.webmentions $urlized) "like-of" }} {{ $likes := index (index .Site.Data.webmentions $urlized) "like-of" }}
{{ $replys := index (index .Site.Data.webmentions $urlized) "in-reply-to" }} {{ $replys := index (index .Site.Data.webmentions $urlized) "in-reply-to" }}
{{ $reposts := index (index .Site.Data.webmentions $urlized) "repost-of"}} {{ $reposts := index (index .Site.Data.webmentions $urlized) "repost-of"}}
{{ if $likes }}
<h4>Likes</h4> <h4>Likes</h4>
{{ range $i, $like := $likes }} {{ range $i, $like := $likes }}
<a href="{{$like.url}}"><img src="{{ $like.author.photo}}" alt="{{ $like.author.name }}" class="profile photo"></a> <a href="{{$like.url}}"><img src="{{ $like.author.photo}}" alt="{{ $like.author.name }}" class="profile photo"></a>
{{ end }} {{ end }}
{{ end }}
{{ if $reposts }}
<h4>Reposts</h4> <h4>Reposts</h4>
{{ range $i, $repost := $reposts }} {{ range $i, $repost := $reposts }}
<a href="{{$repost.url}}"><img src="{{ $repost.author.photo}}" alt="{{ $repost.author.name }}" <a href="{{$repost.url}}"><img src="{{ $repost.author.photo}}" alt="{{ $repost.author.name }}"
class="profile photo"></a> class="profile photo"></a>
{{ end }} {{ end }}
{{ end }}
{{ if $replys }}
<h4>Comments and Replies</h4> <h4>Comments and Replies</h4>
{{ range $i, $reply := $replys }} {{ range $i, $reply := $replys }}
<div class="webmention reply">
<a href="{{$reply.url}}"><img src="{{ $reply.author.photo}}" alt="{{ $reply.author.name }}" <a href="{{$reply.url}}"><img src="{{ $reply.author.photo}}" alt="{{ $reply.author.name }}"
class="profile photo"></a> class="profile photo"></a>
<dl class="webmention reply">
<dt>Comment by {{ $reply.author.name }} on
{{ (time $reply.published).Local | dateFormat "Mon Jan 2, 2006" }}</dt>
<dd>
{{ $reply.content.text | replaceRE "\\n" "<br><br>" | safeHTML | truncate 512 }}
</dd>
</dl>
</div>
{{ end }}
{{ end }} {{ end }}
</div> </div>
{{ end }} {{ end }}

5
static/css/layout.css
View File

@ -5,6 +5,11 @@
flex-wrap: wrap; flex-wrap: wrap;
} }
div.webmention.reply {
display: flex;
flex-direction: row;
}
div.author-card-content { div.author-card-content {
flex-grow: 1; flex-grow: 1;
} }

5
static/css/style.css
View File

@ -46,3 +46,8 @@ p.built-with {
font-size: 0.8em; font-size: 0.8em;
margin: 0; margin: 0;
} }
img.profile.photo {
max-width: 60px;
padding: 0.5em;
}