113 lines
5.4 KiB
HTML
113 lines
5.4 KiB
HTML
{{ 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> transforming
|
||
<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>
|
||
</span> thoughts about thoughts into
|
||
<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
|
||
<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>,
|
||
<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> and
|
||
<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" rel="me" 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> |
|
||
<span class="p-summary">{{ .Params.subtitle }}</span>
|
||
</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>
|
||
|