1
0
Fork 0

[css] Restyle webmentions

This commit is contained in:
Sebastian Schulze 2020-09-04 23:46:07 +02:00
parent 6f40b5f7a2
commit d32fddeaec
Signed by: bascht
GPG Key ID: 5BCB1D3B4D38A35A
1 changed files with 13 additions and 7 deletions

View File

@ -12,27 +12,33 @@
{{ if $likes }}
<h3>Reaktionen</h3>
{{ range sort $likes "post.published" "asc" }}
<a href="{{ .post.author.url }}"><img style="width: 30px" alt="Avatar von {{ .post.author.name }}" title="Like von {{ .post.author.name }}" src="{{ .post.author.photo }}"></a>
<a class="author-photo" href="{{ .post.author.url }}"><img style="width: 30px" alt="Avatar von {{ .post.author.name }}" title="Like von {{ .post.author.name }}" src="{{ .post.author.photo }}"></a>
{{ end }}
{{ end }}
{{ if $mentions }}
<h3>Mentions</h3>
<div class="webmentions">
{{ range $mention := $mentions }}
<a href="{{ $mention.post.author.url }}"><img style="width: 30px" src="{{ $mention.post.author.photo }}"></a> auf <a href="{{ $mention.post.url }}">{{ $mention.post.url }}</a>
{{ $mentionUrl := urls.Parse $mention.post.url }}
<div class="webmention">
<a class="author-photo" href="{{ $mention.post.author.url }}"><img style="width: 30px" alt="Avatar von {{ $mention.post.author.name }}" title="Erwähnt von {{$mention.post.author.name}} auf {{ $mentionUrl.Host }}" src="{{ $mention.post.author.photo }}"></a> auf <a href="{{ $mention.post.url }}">{{ $mention.post.url }}</a>
</div>
{{ end }}
</div>
{{ end }}
{{ if $replies }}
<h3>Antworten</h3>
<ol style="list-style-type:none" class="webmention-replies">
<div class="webmention-replies">
{{ range sort $replies "post.published" "asc" }}
<li>
<div class="webmention-reply">
<a href="{{ .post.author.url }}" class="author-photo"><img style="width: 30px" src="{{ .post.author.photo }}"></a>
<div class="author-name"><a class="author-url" href="{{.post.author.url}}">{{ .post.author.name }}</a>:</div>
<div class="message">
<p>{{ .post.content.text }}</p>
<p><a class="webmention-url" href="{{.post.url}}">{{ .post.content.text }}</a></p>
</div>
<li>
</div>
{{ end }}
</ol>
</div>
{{ end }}