{{ define "head" }}
{{ end }}
{{ define "body" }}
<div class="index container">
	<section class="h-feed latest-activity">
		{{partial "h-card.html" .}}
		<div class="entries" style="padding: 1em">
			<h2 class="p-name heading">Latest activity</h2>
			{{$paginator := .Paginate (.Site.RegularPages) 5}}
			{{range $paginator.Pages}}
	
			{{if eq .Params.kind "note" }}
			<article class="h-entry note">
				<header>
					<div class="icon">
						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
							fill="currentColor">
							<path fill-rule="evenodd"
								d="M18 3a1 1 0 00-1.447-.894L8.763 6H5a3 3 0 000 6h.28l1.771 5.316A1 1 0 008 18h1a1 1 0 001-1v-4.382l6.553 3.276A1 1 0 0018 15V3z"
								clip-rule="evenodd" />
						</svg>
					</div>
					<span class="description">posted a note</span>
				</header>
				<div class="e-content">{{.Content}}</div>
				{{$permalink := .Page.Permalink}}
				{{ range .Params.attachment }}
				{{if (strings.HasSuffix . "png") | or (strings.HasSuffix . "jpg") | or (strings.HasSuffix . "gif")}}
				<a href='{{printf "%s/%s" $permalink .}}' style="display: block; width: 100px; height: 100px;">
					<img src='{{printf "%s/%s" $permalink .}}' alt="attachment" style="object-fit: contain; width: 100%; height: 100%; background: rgba(0,0,0,0.25)">
				</a>
				{{end}}
				{{end}}
	
				<p class="meta">
					<a href="{{.Page.Permalink}}"><time class="dt-published" datetime="{{.Date}}">{{.Date.Format "January 2, 2006 3:04:05"}}</time></a>
				</p>
			</article>
			{{end}}
	
			{{if eq .Params.kind "reply"}}
			<article class="h-entry reply">
				<header>
					<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
							fill="currentColor">
							<path fill-rule="evenodd"
								d="M7.707 3.293a1 1 0 010 1.414L5.414 7H11a7 7 0 017 7v2a1 1 0 11-2 0v-2a5 5 0 00-5-5H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
								clip-rule="evenodd" />
						</svg></div>
					<span class="description">posted a comment</span>
				</header>
				<h2 class="p-name"><a href="{{.Permalink}}" class="u-url">{{.Title}}</a></h2>
				<p class="p-summary">{{.Summary}}</p>
				<p class="meta">Originally published <time class="dt-published" datetime="{{.Date}}">{{.Date.Format
						"January 2, 2006"}}</time> at <a href="{{.Params.original}}" class="u-syndication">[source]</a> in
					reply to <a href="{{.Params.inReplyTo}}" class="u-in-reply-to">[article]</a></p>
	
			</article>
			{{end}}
			<hr>
			{{end}}
		</div>
		<footer>
			<a href="/posts">See all posts</a>
		</footer>
	</section>
	<main id="index" class="section">
		{{.Content}}
	</main>
</div>
{{ end }}