You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
111 lines
9.0 KiB
111 lines
9.0 KiB
{{ define "main" }}
|
|
{{ if not (eq .Type "response" "bookmarkof")}}
|
|
<article class="post h-entry entry contents">
|
|
<section class="author" style="display:none;">
|
|
<a rel="author" class="p-author h-card" rel="me" href="https://jon.kelbie.scot">{{ .Site.Params.Author }}<img src="/images/profile1.jpg"/></a>
|
|
</section>
|
|
{{ if .Page.Params.image }}{{ range first 1 .Page.Params.image }} <img class="banner u-photo" src="{{ replace . "images" "images/300" }}"/>{{ end }}{{ end }}
|
|
<section class="post_content">{{ if eq .Type "article" }}<h3 class="p-name entry-title">{{ .Title }}</h3><b>{{ .Description }}</b><section class="info">
|
|
<span class="blogs_span">{{ with .Page.Params.Blog }}Blog: {{ partial "taxonomy/blog.html" . }}{{ end }}</span><span class="info-date"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "02/01/2006 15:04 GMT" }}</time></span><br/>
|
|
<span class="categories_span">{{ with .Page.Params.category }}Categories: {{ partial "taxonomy/categories.html" . }}{{ end }}</span><span class="reading-time">{{ .ReadingTime }}-minute read</span><br/>
|
|
<span class="tags_span">{{ with .Page.Params.tag }}Tags: {{ partial "taxonomy/tags.html" . }}{{ end }}</span>
|
|
</section>{{ end }}
|
|
{{ if eq .Type "article" }}<section class="e-content">{{else}}<section class="e-content p-name">{{end}}
|
|
{{ .Content }}
|
|
{{ if eq .Type "photo"}}
|
|
<section class="photogrid">
|
|
{{ range .Page.Params.Photo }}
|
|
{{ if isset . "value" }}
|
|
<a href="{{ .value }}"><img class="u-photo" src="{{ .value }}" alt="{{ .alt }}" title="{{ .alt }}"/></a>
|
|
{{ else }}
|
|
<a href="{{ . }}"><img class="u-photo" src="{{ . }}" alt=" Trying to fix"/></a>
|
|
{{end}}
|
|
{{end}}
|
|
|
|
</section>
|
|
{{end}}
|
|
{{ if eq .Type "article" }}<section class="p-summary" style="display:none">
|
|
{{ .Page.Params.summary }}<br/>
|
|
</section>
|
|
{{ end }}<br/>
|
|
</section>
|
|
<section class="info">
|
|
{{ if not (eq .Type "article") }}<span class="categories_span">{{ with .Page.Params.category }}Categories: {{ partial "taxonomy/categories.html" . }}{{ end }}</span>{{ end }}
|
|
<span class="info-date"><a href="{{ .Permalink }}" class="u-url"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "02/01/2006 15:04 GMT" }}</time></a></span></section>
|
|
|
|
<hr/>
|
|
<section id="interactions"><h4>Interactions</h4>
|
|
<section id="interactions_intro">Interactions on this site are possible via <a href="https://indieweb.org/Webmention" title="Webmention is a web standard for mentions and conversations across the web, a powerful building block that is used for a growing federated network of comments, likes, reposts, and other rich interactions across the decentralized social web." class="u-url" target="_blank">webmentions</a>. Alternatively, contact me via <a href="https://matrix.to/#/@jon:kelbie.scot" class="u-url" target="_blank">matrix</a> or <a href="mailto:jon@kelbie.scot" class="u-url">email</a>.<br/><br/>
|
|
<label for="toggle_webmentions" id="webmentions_label">Webmentions</label> | <label for="toggle_comments" id="comments_label">Comments</label></section>
|
|
<input type="radio" name="interactions" id="toggle_webmentions" checked="checked"><input type="radio" name="interactions" id="toggle_comments">
|
|
<section id="webmentions_frame"><section id="webmention-form">
|
|
<form action="https://webmention.io/jon.kelbie.scot/webmention" method="post">
|
|
<label>Did you mention this {{ .Type }} on your website? Put the URL of your post here:</label><br/>
|
|
<input name="source" type="url"/>
|
|
<input name="target" value="{{ .Permalink }}" type="hidden"/>
|
|
<input value="Send Webmention" type="submit"/>
|
|
</form>
|
|
<p>If you do not have a webmentions enabled website then please use the comment parade form below.</p>
|
|
<details id="commentparade"><summary>Comment Parade</summary><p>Please copy the following and paste into the URL field below: <span class="url">{{.Permalink }}</span></p><embed type="text/html" class="commentparade" src="https://commentpara.de"></embed></details>
|
|
</section>
|
|
{{ $mention_ids := index $.Site.Data.index .RelPermalink }}
|
|
{{ if isset $mention_ids 0}}
|
|
{{ $mentions := apply $mention_ids "index" $.Site.Data.mentions "." }}
|
|
{{ $mentions := sort $mentions "wm-received" }}
|
|
<section id="webmentions">
|
|
<section class="like interaction"><h4>Likes</h4>{{ range $mentions }}{{ if eq (index . "wm-property") "like-of" }}
|
|
<a href="{{ .author.url }}"><img class="remote_profile" src="{{ .author.photo }}" title="{{ .author.name }}" alt="{{ .author.name }}" /></a>{{ end}}
|
|
{{ end }}</section>
|
|
<section class="share interaction"><h4>Shares</h4>{{ range $mentions }}{{ if eq (index . "wm-property") "repost-of" }}
|
|
<a href="{{ .author.url }}"><img class="remote_profile" src="{{ .author.photo }}" title="{{ .author.name }}" alt="{{ .author.name }}" /></a>{{ end}}
|
|
{{ end }}</section>
|
|
<h4>Comments & Replies</h4>{{ partial "webmention.html" $mentions }}
|
|
</section>{{ end }}</section>
|
|
<section id="comments_frame">{{ partial "comments.html"}}</section>
|
|
</section>
|
|
</article>
|
|
{{ else if eq .Type "bookmarkof" }}
|
|
<section class="bookmarks">{{ $cats := slice }}
|
|
{{ range .Site.Data.bookmarks.en }}
|
|
{{ $cats = $cats | append .category }}
|
|
{{ end }}
|
|
{{ $cats = uniq $cats | sort }}
|
|
{{ range $cats }}
|
|
{{ $cat := . }}
|
|
<section id="{{ $cat }}">
|
|
<h4>{{ $cat }}</h4>
|
|
{{ range $.Site.Data.bookmarks.en }}
|
|
{{ if eq .category $cat }}
|
|
<article data-post-type="bookmark-of" data-post-id="{{ .Params.slug }}" class="bookmark h-entry">
|
|
<section class="h-cite">
|
|
<a href="{{ (index . "bookmark-of") | absURL }}" class="u-bookmark-of" target="_blank">{{ .name }}</a> - <div class="p-name p-content">{{ .content | markdownify }}</div>
|
|
</section>
|
|
</article>
|
|
{{ end }}
|
|
{{ end }}</section>
|
|
{{ end }}</section>
|
|
{{ else}}
|
|
<article class="h-entry" id="response">
|
|
<section class="author" style="display:none;">
|
|
<a rel="author" class="p-author h-card" rel="me" href="https://jon.kelbie.scot">{{ .Site.Params.Author }}<img src="/images/profile1.jpg"/></a>
|
|
</section>
|
|
<section id="response-details"><section class="xrayReply"><p>{{ .Site.Params.Firstname }}
|
|
{{if .Params.xPostType }}
|
|
{{ if eq .Params.posttype "like-of" }} liked <i class="fa fa-thumbs-up fa-1.5x fa-fw" aria-hidden="true" title="Likes"></i> <a href="{{ .Params.xAuthorUrl }}" target="_blank">{{ .Params.xAuthor }}</a>'s <a href="{{ index .Params "like-of" }}" class="u-like-of">{{ .Params.xPostType }}</a>{{ end }}
|
|
{{ if eq .Params.posttype "in-reply-to" }} replied to <i class="fa fa-comment fa-1.5x fa-fw" aria-hidden="true" title="Likes"></i> <a href="{{ .Params.xAuthorUrl }}" target="_blank">{{ .Params.xAuthor }}</a>'s <a href="{{ index .Params "in-reply-to" }}" class="u-in-reply-to">{{ .Params.xPostType }}</a>{{ end }}
|
|
{{ if eq .Params.posttype "repost-of" }} shared <i class="fa fa-share fa-1.5x fa-fw" aria-hidden="true" title="Likes"></i> <a href="{{ .Params.xAuthorUrl }}" target="_blank">{{ .Params.xAuthor }}</a>'s <a href="{{ index .Params "repost-of" }}" class="u-repost-of">{{ .Params.xPostType }}</a>{{ end }}</p>
|
|
{{ else }}
|
|
{{ if eq .Params.posttype "in-reply-to" }} replied to <a href="{{ index .Params "in-reply-to" }}" class="u-in-reply-to">{{ index .Params "in-reply-to" }}</a>{{ end }}
|
|
{{ if eq .Params.posttype "like-of" }} liked <a href="{{ index .Params "like-of" }}" class="u-like-of">{{ index .Params "like-of" }}</a>{{ end }}
|
|
{{ if eq .Params.posttype "repost-of" }} shared <a href="{{ index .Params "repost-of" }}" class="u-repost-of">{{ index .Params "repost-of" }}</a>{{ end }}</p>
|
|
{{ end }}
|
|
{{ if .Params.xContent }}<section class="replyContext"><span class="remotePhoto"><a href="{{ .Params.xAuthorUrl }}" target="_blank"><img src="{{ .Params.xPhoto }}" title="{{ .Params.xAuthor }}" alt="{{ .Params.xAuthor }}'s avatar"/></a></span><span class="response-date">{{ .Params.xPublished }}</span><span class="response-text">{{ safeHTML .Params.xContent }}
|
|
{{ if .Params.xContentPhoto }}<br/><br/>{{ range .Params.xContentPhoto }}<img class="u-photo xContentPhoto" src="{{ . }}"/>{{ end }}{{ end }}</span></section><br/>{{end}}</section>
|
|
{{ if .Content }}<section class="p-name p-content">{{ .Content }}</section>{{end}}
|
|
{{ if not (eq .Type "article") }}<section class="info">
|
|
<span class="categories_span">{{ with .Page.Params.category }}Categories: {{ partial "taxonomy/categories.html" . }}{{ end }}</span><span class="info-date"><a href="{{ .Permalink }}" class="u-url"><time class="dt-published" datetime="{{ .Date.Format "2 Jan 2006 15:04 GMT" }}">{{ .Date.Format "02/01/2006 15:04 GMT" }}</time></a></span><br/>
|
|
</section>
|
|
</section>
|
|
</article>{{ end }}
|
|
{{ end }}
|
|
{{end}}
|