Browse Source

style tweak

master
jk 5 years ago
parent
commit
443e006a23
  1. 4
      themes/nipponalba/layouts/partials/webmention.html
  2. 8
      themes/nipponalba/static/css/style.css

4
themes/nipponalba/layouts/partials/webmention.html

@ -1,12 +1,12 @@
{{ range sort . "date" "asc" }} {{ range sort . "date" "asc" }}
<br/> <br/>
{{ if eq .mention_type "mention" }} {{ if eq .mention_type "mention" }}
<div class="mention interaction"><div class="intactivity"><a href="{{ .author.url }}"><img class="remote_profile" src="{{ .author.photo_url }}" /></a><a href="{{ .author.url }}">{{ .author.name }}</a> mentioned this post in <a href="{{ .url }}">the post {{ .title }}</a></div>
<div class="mention interaction"><div class="remote_profile"><a href="{{ .author.url }}"><img src="{{ .author.photo_url }}" /></a></div><div class="intactivity"><a href="{{ .author.url }}">{{ .author.name }}</a> mentioned this post in <a href="{{ .url }}">the post {{ .title }}</a></div>
<div class="intcontent">{{ .content | safeHTML }}</div><br/> <div class="intcontent">{{ .content | safeHTML }}</div><br/>
<time>{{ dateFormat "02/01/2006 15:04 GMT" ( time .date ) }}</time></div> <time>{{ dateFormat "02/01/2006 15:04 GMT" ( time .date ) }}</time></div>
{{ end }} {{ end }}
{{ if eq .mention_type "reply" }} {{ if eq .mention_type "reply" }}
<div class="reply interaction"><div class="intactivity"><a href="{{ .author.url }}"><img class="remote_profile" src="{{ .author.photo_url }}" /></a><a href="{{ .author.url }}">{{ .author.name }}</a> replied to this post <a href="{{ .url }}">here</a><br/></div>
<div class="reply interaction"><div class="remote_profile"><a href="{{ .author.url }}"><img src="{{ .author.photo_url }}" /></a></div><div class="intactivity"><a href="{{ .author.url }}">{{ .author.name }}</a> replied to this post <a href="{{ .url }}">here</a><br/></div>
<div class="intcontent">{{ .content | safeHTML }}</div><br/> <div class="intcontent">{{ .content | safeHTML }}</div><br/>
<time>{{ dateFormat "02/01/2006 15:04 GMT" ( time .date ) }}</time></div> <time>{{ dateFormat "02/01/2006 15:04 GMT" ( time .date ) }}</time></div>
{{ end }} {{ end }}

8
themes/nipponalba/static/css/style.css

@ -484,14 +484,18 @@ width:100%
padding: 0 0 200px 0; padding: 0 0 200px 0;
} }
.webmentions .remote_profile{ .webmentions .remote_profile{
height: 100%;
width: 70px;
display:inline-block;
}
.webmentions .remote_profile img{
width: 50px; width: 50px;
border-radius: 50%; border-radius: 50%;
display:inline-block;
display:inline;
float:left; float:left;
vertical-align:top; vertical-align:top;
border:0; border:0;
padding:0; padding:0;
height: 100%;
} }
.webmentions .interaction{ .webmentions .interaction{
border:1px dotted var(--text-colour); border:1px dotted var(--text-colour);