{{ partial "header" . }}

<main class="intro">


    {{ with .Site.Params.profilePic }} <img class="profile" src="{{ . }}"> {{ end }}

    <h1 style="color: #666">
    	<span style="float: left;">Brain</span>
		<div class="avatar-container" style="float: left;">
		  <div class="avatar-img-border">
	          <a title="{{ .Site.Title }}" href="{{ .Site.BaseURL }}">
	              <img class="avatar-img" src="/img/avatar-icon.png" alt="{{ .Site.Title }}" />
	          </a>
		  </div>
		</div>
		<span style="float: left;">Baking</span>
        <div class="subtitle">
            <span class="phonetic">
                /breɪn ˈbeɪkɪŋ/
            </span>
            <span class="noun">
                Noun
            </span>
        </div>
	</h1>

    <blockquote class="text-justify" style="clear: both;">
    	<em><a href="/">Brain Baking</a>:</em>&nbsp;transforming&nbsp;
    	<span style="white-space: nowrap;">
    		<svg class='icon icon-float'><title>personal icon</title><use xlink:href='#about'></use></svg><a href="/about">personal</a>&nbsp;
		</span> thoughts about thoughts into&nbsp;
		<span style="white-space: nowrap;">
    		<svg class='icon icon-float'><title>lightbulb icon</title><use xlink:href='#bulb'></use></svg><a href="/projects">well-digestible</a>
		</span> material. The reflective aroma of burnt nervous tissue. 
    	Includes a crispy crust of relations between &nbsp;
    	<span style="white-space: nowrap;">
    		<svg class='icon icon-float'><title>code icon</title><use xlink:href='#tech'></use></svg><a href="/notes">technology</a>
		</span>,&nbsp;
		<span style="white-space: nowrap;">
    		<svg class='icon icon-float'><title>notebook icon</title><use xlink:href='#book'></use></svg><a href="/post">philosophy</a>
		</span>&nbsp;and&nbsp;
		<span style="white-space: nowrap;">
    		<svg class='icon icon-float'><title>tags icon</title><use xlink:href='#tag'></use></svg><a href="/archives">the world</a>
		</span>.
    </blockquote>

    <hr/>

    <h2><a href="/about" alt="go to the about page"><svg class='icon'><title>personal icon</title><use xlink:href='#about'></use></svg></a>About 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" href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>, a level {{ .Site.Params.level }} <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. <br/>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>
    <hr/>

    <h2><a href="/post" alt="go to all blog posts"><svg class='icon'><title>notebook icon</title><use xlink:href='#book'></use></svg></a>New {{ markdownify .Site.Params.Description }}</h2>
    <p>
        <a href="/subscribe">Subscribe to the <svg class='icon icon-small' width='16' height='16'><title>feed icon</title><use xlink:href='#news'></use></svg>feeds</a>.
    </p>

    <div class="freshly-baked">
        {{ $paginator := .Paginate (where .Site.Pages "Type" "post") 4 }}
        {{ range $paginator.Pages.ByDate.Reverse }}
            <article class="h-entry">
		    	{{ .Date.Format (.Site.Params.dateFormat | default "02 Jan 2006") | $.Scratch.Set "subtitle" }}
		    	{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}

			    <h4>
			    	<a href="{{ .RelPermalink }}" class="p-name u-url u-uid">{{ .Title }}</a>
			    </h4>
                <svg class='icon icon-text'><title>date icon</title><use xlink:href='#cal1'></use></svg>
                <time datetime='{{ $.Scratch.Get "subtitle" }}' class="dt-published">
                    {{ $.Scratch.Get "subtitle" }}
                </time>&nbsp;|&nbsp;
			    <span class="p-summary">{{ .Params.subtitle }}</span>&nbsp;&nbsp;
            </article>
        {{ end }}
    </div>
    <hr/>

    <h2><a href="/notes" alt="go to all notes"><svg class='icon'><title>chat icon</title><use xlink:href='#discuss'></use></svg></a>New Half-baked ideas</h2>
    <p>
        <a href="/subscribe">Subscribe to the <svg class='icon icon-small' width='16' height='16'><title>feed icon</title><use xlink:href='#news'></use></svg>feeds</a> or <a href="{{ .Site.Author.mastodonlink }}">Follow me on Mastodon</a>.
    </p>

    <div class="new-notes notes tootlist">
        {{ $pag := first 4 (where .Site.Pages.ByDate.Reverse "Type" "notes") }}
        {{ range $pag }}
            {{ partial "toot" . }}
        {{ end }}
    </div>

    <hr/>
</main>

<footer>
    <p class="copyright text-muted">{{ .Site.Params.copyright | markdownify }}</p>

</footer>
       
    </body>

</html>