brainbaking/layouts/index.html

109 lines
4.9 KiB
HTML

{{ partial "header" . }}
{{ $itms := 5 }}
<main class="intro">
<h1>
<span style="color: #9C7747">Brain</span>
<svg class="logo"><title>Brain Baking Logo</title><use xlink:href='#logo'></use></svg>
<span style="color: #694425">Baking</span>
</h1>
<div class="txtblock">
<article>
<div class="flexgrid flexgrid-8020">
<h2><em>Freshly Baked</em></h2>
<small><a href="/post">All posts</a> &raquo;</small>
</div>
<ul class="small">
{{ $i := 0 }}
{{ range first $itms (where .Site.Pages "Section" "post").ByDate.Reverse }}
{{ $i = add $i 1 }}
<li class="flexgrid flexgrid-8020">
<h3>
{{ if eq $i 1}}<strong>{{ end }}
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
{{ if eq $i 1}}</strong>{{ end }}
</h3>
<small>
<time datetime='{{ .Date.Format "2006-01-02" }}'>
{{ .Date.Format ("02 Jan 2006") }}
</time>
</small>
</li>
{{ end }}
</ul>
</article>
<article>
<div class="flexgrid flexgrid-8020">
<h2><em>Best Sellers</em></h2>
<small><a href="https://stats.brainbaking.com">Statistics</a> &raquo;</small>
</div>
<ul class="small">
{{ range first $itms (.Site.Data.popularposts) }}
{{ $rank := .rank }}
{{ $url := .url }}
<!-- this is silly but extra insurance in case the data is contaminated, which it was... Take title from Hugo -->
{{ range where $.Site.Pages "Section" "post" }}
{{ if eq .RelPermalink $url }}
<li class="flexgrid flexgrid-8020">
<h3>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h3>
<small>
{{ $rank }} hits
</small>
</li>
{{ end }}
{{ end }}
{{ end }}
</ul>
</article>
<article>
<div class="flexgrid flexgrid-8020">
<h2><em>Random Treats</em></h2>
<small><a href="/archives">Archives</a> &raquo;</small>
</div>
<ul class="small">
{{ range first $itms (shuffle (where (where .Site.Pages ".Params.disableComments" "!=" "true") "Section" "post")) }}
<li class="flexgrid flexgrid-8020">
<h3>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h3>
<small>
<time datetime='{{ .Date.Format "2006-01-02" }}'>
{{ .Date.Format ("02 Jan 2006") }}
</time>
</small>
</li>
{{ end }}
</ul>
</article>
<br/>
</div>
</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 support me <a rel="me" href="https://www.paypal.com/donate/?hosted_button_id=R2WTKY7G9V2KQ">via PayPal</a> or <a rel="me" href="https://ko-fi.com/woutergroeneveld">via Ko-Fi</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>
&nbsp;
</div>
</div>
<footer>
<p class="copyright text-muted">{{ .Site.Params.copyright | markdownify }}</p>
</footer>
</body>
</html>