{{ 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>
                <span><a href="/archives">Archives</a> &raquo;</span>
            </div>

            <ul class="small">
            {{ range first $itms (where .Site.Pages "Section" "post").ByDate.Reverse }}
                <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>
        <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) }}
                <li class="flexgrid flexgrid-8020">
                    <h3>
                        <a href="{{ .url }}">{{ .title }}</a>
                    </h3>
                    <small>
                        {{ .rank }} hits
                    </small>
                </li>
            {{ end }}
            </ul>
        </article>
        <article>
            <div class="flexgrid flexgrid-8020">
                <h2><em>Random Treats</em></h2>
                <span><a href="/post">All posts</a> &raquo;</span>
            </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>        
    </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 <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>
        &nbsp;
    </div>
</div>
<footer>
    <p class="copyright text-muted">{{ .Site.Params.copyright | markdownify }}</p>
</footer>

</body>
</html>