minor fixes to new css, remove unused assets, no more webmention avatars
Before Width: | Height: | Size: 713 KiB |
Before Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 93 KiB |
Before Width: | Height: | Size: 111 KiB |
Before Width: | Height: | Size: 102 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 53 KiB |
Before Width: | Height: | Size: 178 KiB |
Before Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 65 KiB |
Before Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 115 KiB |
Before Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 73 KiB |
Before Width: | Height: | Size: 110 KiB |
Before Width: | Height: | Size: 65 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 184 KiB |
Before Width: | Height: | Size: 73 KiB |
Before Width: | Height: | Size: 997 KiB |
Before Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 874 KiB |
Before Width: | Height: | Size: 98 KiB |
Before Width: | Height: | Size: 105 KiB |
Before Width: | Height: | Size: 161 KiB |
Before Width: | Height: | Size: 69 KiB |
Before Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 136 KiB |
Before Width: | Height: | Size: 140 KiB |
Before Width: | Height: | Size: 121 KiB |
Before Width: | Height: | Size: 85 KiB |
Before Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 164 KiB |
Before Width: | Height: | Size: 138 KiB |
Before Width: | Height: | Size: 215 KiB |
Before Width: | Height: | Size: 93 KiB |
Before Width: | Height: | Size: 199 KiB |
Before Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 183 KiB |
Before Width: | Height: | Size: 140 KiB |
Before Width: | Height: | Size: 152 KiB |
Before Width: | Height: | Size: 129 KiB |
Before Width: | Height: | Size: 709 KiB |
Before Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 158 KiB |
Before Width: | Height: | Size: 145 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 4.7 KiB |
Before Width: | Height: | Size: 145 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 5.0 KiB |
Before Width: | Height: | Size: 74 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 6.7 KiB |
Before Width: | Height: | Size: 57 KiB |
Before Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 443 KiB |
Before Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 27 KiB |
Before Width: | Height: | Size: 104 KiB |
Before Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 127 KiB |
Before Width: | Height: | Size: 60 KiB |
Before Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 106 KiB |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 43 KiB |
Before Width: | Height: | Size: 61 KiB |
Before Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 16 KiB |
|
@ -30,14 +30,6 @@ const rootdir = `${__dirname}/../`;
|
||||||
const json = JSON.stringify(mentions, null, 4)
|
const json = JSON.stringify(mentions, null, 4)
|
||||||
await fsp.writeFile(`${rootdir}/data/webmentions.json`, json, 'utf-8')
|
await fsp.writeFile(`${rootdir}/data/webmentions.json`, json, 'utf-8')
|
||||||
|
|
||||||
console.log("4.1 Fetching pictures from wm authors...")
|
|
||||||
await webmention.getPictures(mentions, {
|
|
||||||
endpoint: wmconfig.endpoint,
|
|
||||||
directory: `${rootdir}/assets/wmpics`,
|
|
||||||
override: false,
|
|
||||||
extension: "jpg"
|
|
||||||
})
|
|
||||||
|
|
||||||
// 4. generate youtube thumbnails
|
// 4. generate youtube thumbnails
|
||||||
console.log("5. Generating YouTube thumbnails...")
|
console.log("5. Generating YouTube thumbnails...")
|
||||||
await youtube.thumbify({
|
await youtube.thumbify({
|
||||||
|
|
|
@ -11,8 +11,8 @@
|
||||||
<div class="txtblock">
|
<div class="txtblock">
|
||||||
<article>
|
<article>
|
||||||
<div class="flexgrid flexgrid-8020">
|
<div class="flexgrid flexgrid-8020">
|
||||||
<h2>Freshly Baked Thoughts</h2>
|
<h2><em>Freshly Baked</em></h2>
|
||||||
<small><a href="/archives">Archives</a> »</small>
|
<span><a href="/archives">Archives</a> »</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="small">
|
<ul class="small">
|
||||||
|
@ -32,7 +32,7 @@
|
||||||
</article>
|
</article>
|
||||||
<article>
|
<article>
|
||||||
<div class="flexgrid flexgrid-8020">
|
<div class="flexgrid flexgrid-8020">
|
||||||
<h2>Popular Bakings This Month</h2>
|
<h2><em>Best Sellers</em></h2>
|
||||||
<small><a href="https://stats.brainbaking.com">Statistics</a> »</small>
|
<small><a href="https://stats.brainbaking.com">Statistics</a> »</small>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -51,8 +51,8 @@
|
||||||
</article>
|
</article>
|
||||||
<article>
|
<article>
|
||||||
<div class="flexgrid flexgrid-8020">
|
<div class="flexgrid flexgrid-8020">
|
||||||
<h2>Random Tasty Treats</h2>
|
<h2><em>Random Treats</em></h2>
|
||||||
<small><a href="/post">All posts</a> »</small>
|
<span><a href="/post">All posts</a> »</span>
|
||||||
</div>
|
</div>
|
||||||
<ul class="small">
|
<ul class="small">
|
||||||
{{ range first $itms (shuffle (where (where .Site.Pages ".Params.disableComments" "!=" "true") "Section" "post")) }}
|
{{ range first $itms (shuffle (where (where .Site.Pages ".Params.disableComments" "!=" "true") "Section" "post")) }}
|
||||||
|
@ -70,26 +70,24 @@
|
||||||
</ul>
|
</ul>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="belowsingle">
|
|
||||||
<div class="txtblock">
|
|
||||||
<h2 class="page-header">The Head Brain Baker</h2>
|
|
||||||
<article class="p-author h-card">
|
|
||||||
<div class="avatar">
|
|
||||||
<img class="u-photo" src="{{ .Site.BaseURL }}/img/avatar.jpg" alt="A photo of Me!" />
|
|
||||||
</div>
|
|
||||||
<p class="p-note">
|
|
||||||
Hey! I'm <a class="p-name u-uid u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>, a <em class="p-job-title">Brain Baker</em> living in <span class="p-locality">Belgium</span>. I currently find myself teaching, writing, programming, researching, and of course baking bread! <em>Brain Baking</em> is my way to inspire myself and others to ponder and learn. Read more <a class="u-url" href="about">about me here</a>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
If you found my bakings amusing and/or helpful, you can <a rel="me" href="https://ko-fi.com/woutergroeneveld"><strong>buy me a coffee</strong></a>—if you don't mind I'll use it to enjoy a cup of tea instead. I also like to hear about your own <em>bakings</em> via <svg class='icon icon-text'><title>chat icon</title><use xlink:href='#discuss'></use></svg><a rel="me" class="u-url" href="{{ .Site.Author.mastodonlink }}">Mastodon</a> or <svg class='icon icon-text'><title>mail icon</title><use xlink:href='#mail'></use></svg><span class="link meel">e-mail</span>. Thanks!
|
|
||||||
</p>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
|
<div class="belowsingle">
|
||||||
|
<div class="txtblock">
|
||||||
|
<h2 class="page-header">The Head Brain Baker</h2>
|
||||||
|
<article class="p-author h-card">
|
||||||
|
<div class="avatar">
|
||||||
|
<img class="u-photo" src="{{ .Site.BaseURL }}/img/avatar.jpg" alt="A photo of Me!" />
|
||||||
|
</div>
|
||||||
|
<p class="p-note">
|
||||||
|
Hey! I'm <a class="p-name u-uid u-url" rel="me" href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>, a <em class="p-job-title">Brain Baker</em> living in <span class="p-locality">Belgium</span>. I currently find myself teaching, writing, programming, researching, and of course baking bread! <em>Brain Baking</em> is my way to inspire myself and others to ponder and learn. Read more <a class="u-url" href="about">about me here</a>.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
If you found my bakings amusing and/or helpful, you can <a rel="me" href="https://ko-fi.com/woutergroeneveld"><strong>buy me a coffee</strong></a>—if you don't mind I'll use it to enjoy a cup of tea instead. I also like to hear about your own <em>bakings</em> via <svg class='icon icon-text'><title>chat icon</title><use xlink:href='#discuss'></use></svg><a rel="me" class="u-url" href="{{ .Site.Author.mastodonlink }}">Mastodon</a> or <svg class='icon icon-text'><title>mail icon</title><use xlink:href='#mail'></use></svg><span class="link meel">e-mail</span>. Thanks!
|
||||||
|
</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<p class="copyright text-muted">{{ .Site.Params.copyright | markdownify }}</p>
|
<p class="copyright text-muted">{{ .Site.Params.copyright | markdownify }}</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -81,34 +81,15 @@ pre code
|
||||||
content: " "
|
content: " "
|
||||||
clear: both
|
clear: both
|
||||||
|
|
||||||
.col-md-6
|
|
||||||
position: relative
|
|
||||||
min-height: 1px
|
|
||||||
padding-right: 15px
|
|
||||||
padding-left: 15px
|
|
||||||
@media (min-width: 992px)
|
|
||||||
float: left
|
|
||||||
width: 46%
|
|
||||||
|
|
||||||
.text-justify
|
.text-justify
|
||||||
text-align: justify
|
text-align: justify
|
||||||
|
|
||||||
.page-header
|
.page-header
|
||||||
padding-bottom: 9px
|
padding-bottom: 9px
|
||||||
margin: 40px 0 20px
|
margin: 3em 0 0.9em
|
||||||
border-bottom: 1px solid #eee
|
border-bottom: 1px solid #eee
|
||||||
text-align: center
|
text-align: center
|
||||||
|
|
||||||
.jumbotron
|
|
||||||
padding-top: 30px
|
|
||||||
padding-bottom: 30px
|
|
||||||
margin-bottom: 30px
|
|
||||||
color: inherit
|
|
||||||
|
|
||||||
@media screen and (min-width: 768px)
|
|
||||||
padding-top: 48px
|
|
||||||
padding-bottom: 48px
|
|
||||||
|
|
||||||
|
|
||||||
.container
|
.container
|
||||||
@media (min-width: 768px)
|
@media (min-width: 768px)
|
||||||
|
|
|
@ -80,6 +80,7 @@ ul
|
||||||
|
|
||||||
ul.small
|
ul.small
|
||||||
padding: 0
|
padding: 0
|
||||||
|
margin-bottom: 0
|
||||||
list-style: none
|
list-style: none
|
||||||
|
|
||||||
div.highlight
|
div.highlight
|
||||||
|
@ -163,7 +164,6 @@ article
|
||||||
|
|
||||||
.belowsingle
|
.belowsingle
|
||||||
background-color: $belowsingle
|
background-color: $belowsingle
|
||||||
border-top: 3px solid $accent
|
|
||||||
padding-bottom: 2rem
|
padding-bottom: 2rem
|
||||||
|
|
||||||
.page-header
|
.page-header
|
||||||
|
|
|
@ -1,8 +1,15 @@
|
||||||
|
|
||||||
|
#morementions
|
||||||
|
display: none
|
||||||
|
|
||||||
|
&:target
|
||||||
|
display: block
|
||||||
|
|
||||||
.toot
|
.toot
|
||||||
background: white
|
background: white
|
||||||
border: 1px solid #cccccc
|
border: 1px solid #cccccc
|
||||||
padding: 0.5em
|
padding: 0.5em
|
||||||
|
margin-bottom: 2em
|
||||||
border-radius: 5px
|
border-radius: 5px
|
||||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
|
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
|
||||||
|
|
||||||
|
@ -32,8 +39,8 @@
|
||||||
|
|
||||||
.toot
|
.toot
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
margin-bottom: 3rem !important
|
margin-bottom: 1rem
|
||||||
margin-top: 2rem !important
|
margin-top: 1rem
|
||||||
|
|
||||||
.meta
|
.meta
|
||||||
border-top: 1px solid #eeeeee
|
border-top: 1px solid #eeeeee
|
||||||
|
|
Before Width: | Height: | Size: 84 KiB |
Before Width: | Height: | Size: 51 KiB |
|
@ -17,7 +17,7 @@
|
||||||
{{ if ne .Key "0001" }}
|
{{ if ne .Key "0001" }}
|
||||||
<h2>{{ .Key }}</h2>
|
<h2>{{ .Key }}</h2>
|
||||||
|
|
||||||
{{ range .Pages.GroupByDate "Jan" }}
|
{{ range .Pages.GroupByDate "January" }}
|
||||||
<ul class="small">
|
<ul class="small">
|
||||||
{{ range .Pages.ByDate.Reverse }}
|
{{ range .Pages.ByDate.Reverse }}
|
||||||
<li class="flexgrid flexgrid-8020">
|
<li class="flexgrid flexgrid-8020">
|
||||||
|
|
|
@ -1,43 +1,39 @@
|
||||||
{{ partial "header" . }}
|
{{ partial "header" . }}
|
||||||
<a id="top"></a>
|
<a id="top"></a>
|
||||||
<main class="list">
|
<main class="list">
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<h1 id="header" class="p-name">
|
<h1 id="header" class="p-name">
|
||||||
<svg class='icon'><use xlink:href="#{{ .Params.icontag }}"></use></svg> {{ .Title }}
|
<svg class='icon'><use xlink:href="#{{ .Params.icontag }}"></use></svg> {{ .Title }}
|
||||||
</h1>
|
</h1>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
{{ with .Content }}
|
||||||
|
<article>
|
||||||
|
{{ . }}
|
||||||
|
</article>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
{{ $paginator := .Paginate (where .Data.Pages ".Params.type" "ne" "archive") $.Site.Params.pagination }}
|
<div class="tootlist txtblock">
|
||||||
|
{{ range (where .Data.Pages ".Params.type" "ne" "archive").GroupByDate "2006" "desc" }}
|
||||||
{{ if eq $paginator.PageNumber 1 }}
|
|
||||||
<hr/>
|
|
||||||
{{ with .Content }}
|
|
||||||
<article>
|
|
||||||
{{ . }}
|
|
||||||
</article>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<div class="tootlist">
|
|
||||||
{{ range ($paginator.Pages).GroupByDate "2006" "desc" }}
|
|
||||||
<h2>{{ .Key }}</h2>
|
<h2>{{ .Key }}</h2>
|
||||||
|
|
||||||
{{ range .Pages.GroupByDate "January" }}
|
{{ range .Pages.GroupByDate "January" }}
|
||||||
<h3>{{ .Key }}</h3>
|
<h3>{{ .Key }}</h3>
|
||||||
|
|
||||||
{{ range .Pages.ByDate.Reverse }}
|
{{ range .Pages.ByDate.Reverse }}
|
||||||
{{ partial "toot" . }}
|
<small>
|
||||||
|
{{ partial "toot" . }}
|
||||||
|
</small>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
{{ template "_internal/pagination.html" . }}
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
</main>
|
</main>
|
||||||
|
<div class="belowsingle">
|
||||||
|
<div class="txtblock">
|
||||||
|
{{ partial "single-comments" . }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{{ partial "footer" . }}
|
{{ partial "footer" . }}
|
|
@ -1,62 +1,59 @@
|
||||||
{{ partial "header" . }}
|
{{ partial "header" . }}
|
||||||
<main class="h-entry">
|
<main class="h-entry" data-pagefind-body>
|
||||||
<article class="single {{ .Section }}">
|
<header>
|
||||||
<a id="top"></a>
|
<a id="top"></a>
|
||||||
<header>
|
<h1 id="header" class="p-name">
|
||||||
<h1 id="header" class="p-name">
|
Half-Baked Thought
|
||||||
Half-Baked Thought
|
</h1>
|
||||||
</h1>
|
<h2>
|
||||||
<h2>
|
{{ .Title | safeHTML }}
|
||||||
{{ .Title | safeHTML }}
|
</h2>
|
||||||
</h2>
|
|
||||||
|
|
||||||
<h3>
|
<time datetime='{{ .Date.Format "2006-01-02T15:04:00" }}' class="dt-published">
|
||||||
<time datetime='{{ .Date.Format "2006-01-02T15:04:00" }}' class="dt-published">
|
<svg class='icon icon-text' width='24' height='24'>
|
||||||
<svg class='icon icon-text' width='24' height='24'>
|
<use xlink:href='#cal1'></use>
|
||||||
<use xlink:href='#cal1'></use>
|
</svg>
|
||||||
</svg>
|
<a class="u-url u-uid" href="{{ .RelPermalink }}">
|
||||||
<a class="u-url u-uid" href="{{ .RelPermalink }}">
|
{{ .Date.Format "2 January 2006, 15:04" }}
|
||||||
{{ .Date.Format "2 January 2006, 15:04" }}
|
</a>
|
||||||
</a>
|
</time>
|
||||||
</time>
|
|
|
||||||
|
|
<span title="Categories">
|
||||||
<span title="Categories">
|
<svg class='icon icon-text' width='24' height='24'>
|
||||||
<svg class='icon icon-text' width='24' height='24'>
|
<use xlink:href='#folder'></use>
|
||||||
<use xlink:href='#folder'></use>
|
</svg>
|
||||||
</svg>
|
<a class="p-category u-url" href="/notes">notes</a>
|
||||||
<a class="p-category u-url" href="/notes">notes</a>
|
</span>
|
||||||
</span>
|
</header>
|
||||||
{{ if (and (isset .Params "context") (not (eq .Params.context ""))) }}
|
<article class="single {{ .Section }}">
|
||||||
|
|
{{ if (and (isset .Params "context") (not (eq .Params.context ""))) }}
|
||||||
<svg class='icon icon-text' width='24' height='24'>
|
<p>
|
||||||
<use xlink:href='#discuss'></use>
|
<svg class='icon icon-text' width='24' height='24'>
|
||||||
</svg>
|
<use xlink:href='#discuss'></use>
|
||||||
<a href="{{ .Params.context }}" class="u-in-reply-to">In reply to</a>{{ with .Params.rsvp }} (RSVP: <span class="p-rsvp">{{ . }}</span>){{ end }}<br/>
|
</svg>
|
||||||
{{ end }}
|
In reply to: <a href="{{ .Params.context }}" class="u-in-reply-to">{{ .Params.context }}</a>{{ with .Params.rsvp }} (RSVP: <span class="p-rsvp">{{ . }}</span>){{ end }}<br/>
|
||||||
</h3>
|
</p>
|
||||||
</header>
|
{{ end }}
|
||||||
<div class="e-content content toot">
|
<div class="e-content content toot">
|
||||||
{{ .Content | safeHTML }}
|
{{ .Content | safeHTML }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<hr/>
|
|
||||||
{{ if .Params.source }}
|
{{ if .Params.source }}
|
||||||
Also posted <svg class='icon icon-text' width='16' height='16'><use xlink:href='#discuss'></use></svg><a href="{{ .Params.source }}" rel="syndication" class="u-syndication">on Mastodon</a> by <a rel="author" href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>.
|
<p>
|
||||||
|
<svg class='icon icon-text' width='16' height='16'>
|
||||||
|
<use xlink:href='#discuss'></use>
|
||||||
|
</svg>
|
||||||
|
Also posted on: <a href="{{ .Params.source }}" rel="syndication" class="u-syndication">{{ .Params.source }}</a>.
|
||||||
|
</p>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<div class="belowsingle">
|
|
||||||
<div class="txtblock">
|
|
||||||
{{ partial "single-comments" . }}
|
|
||||||
{{ partial "single-webmentions" . }}
|
|
||||||
|
|
||||||
{{ partial "single-related" . }}
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
</main>
|
||||||
|
<div class="belowsingle">
|
||||||
|
<div class="txtblock">
|
||||||
|
{{ partial "single-related" . }}
|
||||||
|
{{ partial "single-webmentions" . }}
|
||||||
|
{{ partial "single-comments" . }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
{{ partial "footer.html" . }}
|
|
@ -12,10 +12,20 @@
|
||||||
Mentions and Replies
|
Mentions and Replies
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
<small>
|
||||||
<div class="tootlist" style="margin-bottom: -3rem">
|
<div class="tootlist" style="margin-bottom: -3rem">
|
||||||
|
{{ $i := 0 }}
|
||||||
|
{{ $done := 0 }}
|
||||||
{{ range $mentions }}
|
{{ range $mentions }}
|
||||||
{{ $name := .author.name | safeHTML }}
|
{{ $i = add $i 1 }}
|
||||||
|
{{ if and (gt $i 5) (eq $done 0) }}
|
||||||
|
{{ $done = 1 }}
|
||||||
|
<a href="#morementions"><button>Show {{ add (sub (len $mentions) $i) 1 }} more...</button></a>
|
||||||
|
<div id="morementions">
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
<article class="u-comment h-cite toot">
|
<article class="u-comment h-cite toot">
|
||||||
|
{{ $name := .author.name | safeHTML }}
|
||||||
<p class="p-content p-name">
|
<p class="p-content p-name">
|
||||||
{{ if .content }}
|
{{ if .content }}
|
||||||
{{ .content | safeHTML }}
|
{{ .content | safeHTML }}
|
||||||
|
@ -24,7 +34,7 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</p>
|
</p>
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<svg class='icon icon-text' width='24' height='24'>
|
<svg class='icon icon-small'>
|
||||||
<use xlink:href='#cal1'></use>
|
<use xlink:href='#cal1'></use>
|
||||||
</svg>
|
</svg>
|
||||||
<time class="dt-published" datetime="{{ .published }}">
|
<time class="dt-published" datetime="{{ .published }}">
|
||||||
|
@ -33,28 +43,17 @@
|
||||||
</time>
|
</time>
|
||||||
| by
|
| by
|
||||||
<a rel="author" class="u-author h-card u-url permalink" href="{{ .source }}">
|
<a rel="author" class="u-author h-card u-url permalink" href="{{ .source }}">
|
||||||
{{ if isset .author "picture" }}
|
|
||||||
<div class="avatar">
|
|
||||||
{{- $image := resources.Get (printf "%s%s.jpg" "wmpics/" .author.picture ) -}}
|
|
||||||
|
|
||||||
{{ if eq $image nil }}
|
|
||||||
<img class="u-photo" loading="lazy" src="/img/avatar-anonymous.jpg" alt="{{ $name }} anonymous photo" />
|
|
||||||
{{ else }}
|
|
||||||
{{- $imgsmall := $image.Resize "100x jpg q85" }}
|
|
||||||
<img class="u-photo" loading="lazy" src="{{ $imgsmall.RelPermalink }}" alt="{{ $name }}" />
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
{{ else }}
|
|
||||||
<div class="avatar">
|
|
||||||
<img class="u-photo" loading="lazy" src="/img/avatar-anonymous.jpg" alt="{{ $name }} anonymous photo" />
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
{{ $name }}
|
{{ $name }}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
{{ if gt $i 5 }}
|
||||||
|
<a href="#mentions"><button>Collapse mentions</button></a>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
</small>
|
||||||
<br/>
|
<br/>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<svg class='icon icon-text' width='24' height='24'>
|
<svg class='icon icon-small' width='16' height='16'>
|
||||||
<use xlink:href='#cal1'></use>
|
<use xlink:href='#cal1'></use>
|
||||||
</svg>
|
</svg>
|
||||||
<time datetime='{{ .Date.Format "2006-01-02T15:04:00" }}' class="dt-published">
|
<time datetime='{{ .Date.Format "2006-01-02T15:04:00" }}' class="dt-published">
|
||||||
|
@ -13,8 +13,8 @@
|
||||||
|
|
|
|
||||||
<a href="{{ .RelPermalink }}" class="permalink">Permalink</a>
|
<a href="{{ .RelPermalink }}" class="permalink">Permalink</a>
|
||||||
{{ with .Params.context }}
|
{{ with .Params.context }}
|
||||||
| <svg class='icon icon-text' width='24' height='24'><use xlink:href='#discuss'></use></svg>
|
| <svg class='icon icon-small' width='16' height='16'><use xlink:href='#discuss'></use></svg>
|
||||||
<a href="{{ . }}" class="permalink">Context</a>
|
Reply to: <a href="{{ . }}" class="permalink">{{ . | truncate 40 }}</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|