{{ if (not .Params.disableComments) }}

	{{ $mentions := (where (where (where .Site.Data.webmentions "relativeTarget" "==" $.RelPermalink) "content" "!=" "") "type" "!=" "like") }}

	{{ if $mentions }}
		<h4 class="page-header" id="mentions">
			<a href="#mentions">
			    <svg class='icon icon-text' width='24' height='24'>
			    	<title>Discussion</title>
			        <use xlink:href='#discuss'></use>
			    </svg>
			</a>
		    Mentions and Replies
		</h4>

		<div class="tootlist" style="margin-bottom: -3rem">
		{{ range $mentions }}
			<article class="u-comment h-cite toot">
			  <p class="p-content p-name">
		  		{{ .content | safeHTML }}
			  </p>
			  <div class="meta">
				<svg class='icon icon-text' width='24' height='24'>
	                <use xlink:href='#cal1'></use>
	            </svg>		  	
			    <time class="dt-published" datetime="{{ .published }}">
			    	{{- $publishedAsDate := .published | time -}}
			    	{{ partial "reldate" $publishedAsDate }}
			    </time>
			    &nbsp;|&nbsp;by&nbsp;
				  <a rel="author" class="u-author h-card u-url permalink" href="{{ .source }}">
				  	{{ $name := .author.name | safeHTML }}
				  	{{ if isset .author "picture" }}
				  		<div class="avatar">
				  			<img class="u-photo" loading="lazy" src="https://jam.brainbaking.com{{ .author.picture | safeHTML }}" alt="{{ $name }}" />
				  		</div>
				  	{{ else }}
				  		<div class="avatar">
				  			<img class="u-photo" loading="lazy" src="/img/avatar-anonymous.jpg" alt="{{ $name }} anonymous photo" />
				  		</div>
				  	{{ end }}
				  	{{ $name }}
				  </a>		    
			  </div>
		 </article>
		{{ end }}
		</div>
		<br/>
	{{ end }}
{{ end }}