redesign landing page and /post list ptI
This commit is contained in:
parent
17b3fd003a
commit
87622a9014
|
@ -4,9 +4,6 @@ type: archive
|
||||||
icontag: tech
|
icontag: tech
|
||||||
---
|
---
|
||||||
|
|
||||||
> A half-baked idea a day keeps the doctor away. <span>Wouter</span>
|
|
||||||
|
|
||||||
|
|
||||||
These are fleeting, _half-baked_ thoughts, that may or may not get fully baked into fleshed out [blog posts](/post). The notes below may also be syndicated to other platforms and websites. Enjoy reading my ramblings!
|
These are fleeting, _half-baked_ thoughts, that may or may not get fully baked into fleshed out [blog posts](/post). The notes below may also be syndicated to other platforms and websites. Enjoy reading my ramblings!
|
||||||
|
|
||||||
Not finding what you're looking for? [Browse the archives](/archives).<br/>
|
Not finding what you're looking for? [Browse the archives](/archives).<br/>
|
||||||
|
|
|
@ -3,10 +3,4 @@ title: Freshly Baked Thoughts
|
||||||
icontag: book
|
icontag: book
|
||||||
---
|
---
|
||||||
|
|
||||||
> No Art and Science serve alone; <br/>Patience must in the work be shown. <span>Goethe</span>
|
Below is a list of every fully baked post. Still not finding what you're looking for? [Browse the archives](/archives). Want to stay up to date? [Subscribe](/subscribe) to Brain Baking! Interested in fleeting thoughts? Read [half-baked notes](/notes).<br/>
|
||||||
|
|
||||||
A continuous pursuit of knowledge for either personal or professional reasons is called "Lifelong learning" - also known as "**Brain Baking**". I discovered that in order for me to teach and inspire others, I first had to teach and inspire myself. You are looking at the result of that work.
|
|
||||||
|
|
||||||
Want to stay up to date? [Subscribe to the <svg class='icon icon-small' width='16' height='16'><title>feed icon</title><use xlink:href='#news'></use></svg>Blog Feed](/post/index.xml).<br/>
|
|
||||||
Not finding what you're looking for? [Browse the archives](/archives).<br/>
|
|
||||||
Interested in fleeting thoughts? [Read half-baked notes](/notes).<br/>
|
|
||||||
|
|
|
@ -1,18 +1,18 @@
|
||||||
---
|
---
|
||||||
title: Brain Archives
|
title: Brain Baking Archives
|
||||||
url: /archives/
|
url: /archives/
|
||||||
aliases:
|
aliases:
|
||||||
- /tags/
|
- /tags/
|
||||||
icontag: tag
|
icontag: tag
|
||||||
---
|
---
|
||||||
|
|
||||||
The preservation of once freshly baked but now perhaps stale thoughts.<br/> Not finding what you're looking for? Try browsing the archives:
|
The preservation of [once freshly baked](/post) but now perhaps stale thoughts.<br/> Not finding what you're looking for? Try browsing the archives:
|
||||||
|
|
||||||
### By search
|
## By Search
|
||||||
|
|
||||||
{{< search >}}
|
{{< search >}}
|
||||||
|
|
||||||
### By category
|
## By Category
|
||||||
|
|
||||||
`try {`
|
`try {`
|
||||||
|
|
||||||
|
@ -33,7 +33,7 @@ The preservation of once freshly baked but now perhaps stale thoughts.<br/> Not
|
||||||
I also write about retro PC/Handheld gaming and actual _bread baking_ on sister websites of Brain Baking: [Jefklak's Retro Codex](https://jefklakscodex.com) and [Red Zuurdesem](https://redzuurdesem.be), respectively.
|
I also write about retro PC/Handheld gaming and actual _bread baking_ on sister websites of Brain Baking: [Jefklak's Retro Codex](https://jefklakscodex.com) and [Red Zuurdesem](https://redzuurdesem.be), respectively.
|
||||||
|
|
||||||
|
|
||||||
### By year
|
## By Year
|
||||||
|
|
||||||
- [2022](/post/2022) ... when working from home was still a thing
|
- [2022](/post/2022) ... when working from home was still a thing
|
||||||
- [2021](/post/2021) ... when I got back into both retro (80486) and modern (M1) hardware
|
- [2021](/post/2021) ... when I got back into both retro (80486) and modern (M1) hardware
|
||||||
|
@ -46,8 +46,9 @@ I also write about retro PC/Handheld gaming and actual _bread baking_ on sister
|
||||||
- [2014](/post/2014) ... when I switched from mostly programming in Java to C#
|
- [2014](/post/2014) ... when I switched from mostly programming in Java to C#
|
||||||
- [2013](/post/2013) ... when this site was a wiki running on pmWiki, and then DokuWiki
|
- [2013](/post/2013) ... when this site was a wiki running on pmWiki, and then DokuWiki
|
||||||
|
|
||||||
|
If that takes too long, [viewing all posts](/post) on a single page might help.
|
||||||
|
|
||||||
### By tag
|
## By Tag
|
||||||
|
|
||||||
The following tags are the most used in my writing: {{< popular-categories >}}.
|
The following tags are the most used in my writing: {{< popular-categories >}}.
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
{{ partial "header" . }}
|
{{ partial "header" . }}
|
||||||
|
{{ $itms := 5 }}
|
||||||
|
|
||||||
<main class="intro">
|
<main class="intro">
|
||||||
<h1>
|
<h1>
|
||||||
|
@ -7,29 +7,88 @@
|
||||||
<svg class="logo"><title>Brain Baking Logo</title><use xlink:href='#logo'></use></svg>
|
<svg class="logo"><title>Brain Baking Logo</title><use xlink:href='#logo'></use></svg>
|
||||||
<span style="color: #694425">Baking</span>
|
<span style="color: #694425">Baking</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div class="txtblock">
|
<div class="txtblock">
|
||||||
|
<article>
|
||||||
|
<div class="flexlist">
|
||||||
|
<h2>Freshly Baked Thoughts</h2>
|
||||||
|
<small><a href="/archives">Archives</a> »</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
<hr />
|
{{ $tags := slice }}
|
||||||
|
{{ $cats := slice }}
|
||||||
{{ $paginator := .Paginate (where .Site.Pages "Type" "post") $.Site.Params.pagination }}
|
<ul class="smallist">
|
||||||
{{ $currYear := .Date.Format "2006" }}
|
{{ range first $itms (where .Site.Pages "Section" "post").ByDate.Reverse }}
|
||||||
{{ if eq $paginator.PageNumber 1 }}
|
<li class="flexlist">
|
||||||
<h2><a href="/" alt="home"><svg class='icon'><title>home</title><use xlink:href='#book'></use></svg></a>Freshly Baked Thoughts</h2>
|
<h3>
|
||||||
{{ end }}
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
</h3>
|
||||||
<div class="list">
|
<small>
|
||||||
{{ range ($paginator.Pages).GroupByDate "2006" "desc" }}
|
{{ .Date.Format ("02 Jan 2006") }}
|
||||||
{{ if ne $currYear .Key }}
|
</small>
|
||||||
<h2>{{ .Key }}</h2>
|
</li>
|
||||||
|
{{ if isset .Params "tags" }}
|
||||||
|
{{ $tags = $tags | append .Params.tags }}
|
||||||
|
{{ end }}
|
||||||
|
{{ if isset .Params "categories" }}
|
||||||
|
{{ $cats = $cats | append .Params.categories }}
|
||||||
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<div class="flexlist">
|
||||||
|
<h2>Popular Bakings This Month</h2>
|
||||||
|
<small><a href="https://stats.brainbaking.com">Statistics</a> »</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
{{ range .Pages.GroupByDate "Jan" }}
|
{{ $tags := slice }}
|
||||||
<h3>{{ .Key }}</h3>
|
{{ $cats := slice }}
|
||||||
{{ partial "list-ul" . }}
|
<ul class="smallist">
|
||||||
|
{{ range first $itms (where .Site.Pages "Section" "post").ByDate.Reverse }}
|
||||||
|
<li class="flexlist">
|
||||||
|
<h3>
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
</h3>
|
||||||
|
<small>
|
||||||
|
{{ .Date.Format ("02 Jan 2006") }}
|
||||||
|
</small>
|
||||||
|
</li>
|
||||||
|
{{ if isset .Params "tags" }}
|
||||||
|
{{ $tags = $tags | append .Params.tags }}
|
||||||
|
{{ end }}
|
||||||
|
{{ if isset .Params "categories" }}
|
||||||
|
{{ $cats = $cats | append .Params.categories }}
|
||||||
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
</ul>
|
||||||
</div>
|
</article>
|
||||||
{{ template "_internal/pagination.html" . }}
|
<article>
|
||||||
|
<div class="flexlist">
|
||||||
|
<h2>Random Tasty Treats</h2>
|
||||||
|
<small><a href="/post">All posts</a> »</small>
|
||||||
|
</div>
|
||||||
|
{{ $tags := slice }}
|
||||||
|
{{ $cats := slice }}
|
||||||
|
<ul class="smallist">
|
||||||
|
{{ range first $itms (shuffle (where .Site.Pages "Section" "post")) }}
|
||||||
|
<li class="flexlist">
|
||||||
|
<h3>
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
</h3>
|
||||||
|
<small>
|
||||||
|
{{ .Date.Format ("02 Jan 2006") }}
|
||||||
|
</small>
|
||||||
|
</li>
|
||||||
|
{{ if isset .Params "tags" }}
|
||||||
|
{{ $tags = $tags | append .Params.tags }}
|
||||||
|
{{ end }}
|
||||||
|
{{ if isset .Params "categories" }}
|
||||||
|
{{ $cats = $cats | append .Params.categories }}
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
</article>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="belowsingle">
|
<div class="belowsingle">
|
||||||
|
|
|
@ -3,27 +3,24 @@ h1
|
||||||
@media (min-width: 768px)
|
@media (min-width: 768px)
|
||||||
font-size: 3rem
|
font-size: 3rem
|
||||||
h2
|
h2
|
||||||
font-size: 2.1rem
|
font-size: 2.0rem
|
||||||
h3
|
h3
|
||||||
font-size: 1.7rem
|
font-size: 1.4rem
|
||||||
h4
|
h4
|
||||||
font-size: 1.5rem
|
|
||||||
h5
|
|
||||||
font-size: 1.3rem
|
|
||||||
h6
|
|
||||||
font-size: 1.2rem
|
font-size: 1.2rem
|
||||||
|
|
||||||
h1, h2, h3
|
h1, h2
|
||||||
|
font-weight: 700
|
||||||
margin-top: 20px
|
margin-top: 20px
|
||||||
margin-bottom: 10px
|
margin-bottom: 10px
|
||||||
|
|
||||||
h4, h5, h6
|
h3, h4, h5, h6
|
||||||
|
font-weight: normal
|
||||||
margin-top: 10px
|
margin-top: 10px
|
||||||
margin-bottom: 10px
|
margin-bottom: 10px
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6
|
h1, h2, h3, h4, h5, h6
|
||||||
line-height: 1.8
|
line-height: 1.8
|
||||||
font-weight: 700
|
|
||||||
|
|
||||||
.hidden
|
.hidden
|
||||||
display: none
|
display: none
|
||||||
|
|
|
@ -44,7 +44,7 @@ $dark-fg: #dddddd
|
||||||
color: $dark-fg
|
color: $dark-fg
|
||||||
|
|
||||||
h1, h2, h3
|
h1, h2, h3
|
||||||
color: $dark-accent
|
color: darken(white, 20%)
|
||||||
|
|
||||||
.intro
|
.intro
|
||||||
h1
|
h1
|
||||||
|
@ -82,6 +82,9 @@ $dark-fg: #dddddd
|
||||||
color: $dark-accent
|
color: $dark-accent
|
||||||
border-bottom: 1px solid $dark-accent
|
border-bottom: 1px solid $dark-accent
|
||||||
|
|
||||||
|
&:hover, &:visited:hover
|
||||||
|
border-bottom: 1px solid $dark-bg
|
||||||
|
|
||||||
.belowsingle
|
.belowsingle
|
||||||
background-color: $dark-bg-alt
|
background-color: $dark-bg-alt
|
||||||
border-bottom: 5px solid $dark-bg
|
border-bottom: 5px solid $dark-bg
|
||||||
|
|
|
@ -1,10 +1,11 @@
|
||||||
.intro
|
.intro
|
||||||
|
|
||||||
h2
|
article
|
||||||
font-size: 4vh
|
padding-top: 0.8em
|
||||||
|
|
||||||
h1
|
h1
|
||||||
margin: 0
|
margin: 0
|
||||||
|
padding-bottom: 0.8em
|
||||||
|
|
||||||
text-shadow: #bbbbbb 0 4px 5px
|
text-shadow: #bbbbbb 0 4px 5px
|
||||||
font-size: 5vh
|
font-size: 5vh
|
||||||
|
|
|
@ -59,6 +59,28 @@ nav, footer
|
||||||
ul
|
ul
|
||||||
list-style: circle
|
list-style: circle
|
||||||
|
|
||||||
|
.flexlist
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
justify-content: space-between
|
||||||
|
align-items: baseline
|
||||||
|
|
||||||
|
small
|
||||||
|
opacity: 0.7
|
||||||
|
|
||||||
|
@media (min-width: 600px)
|
||||||
|
flex-direction: row
|
||||||
|
|
||||||
|
div, h2, h3
|
||||||
|
flex: 3 1 15rem
|
||||||
|
small
|
||||||
|
flex: 1 2 1rem
|
||||||
|
text-align: right
|
||||||
|
|
||||||
|
ul.smallist
|
||||||
|
padding: 0
|
||||||
|
list-style: none
|
||||||
|
|
||||||
|
|
||||||
div.highlight
|
div.highlight
|
||||||
padding-top: 1.5rem
|
padding-top: 1.5rem
|
||||||
|
@ -71,7 +93,6 @@ a, a:visited, .link
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
border-bottom: 1px solid $grey
|
|
||||||
color: $grey
|
color: $grey
|
||||||
|
|
||||||
|
|
||||||
|
@ -193,7 +214,7 @@ time
|
||||||
kbd
|
kbd
|
||||||
color: $accent
|
color: $accent
|
||||||
border: 1px solid $accent
|
border: 1px solid $accent
|
||||||
font-size: 1rem
|
font-size: 1em
|
||||||
padding: 2px 4px
|
padding: 2px 4px
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
|
||||||
|
@ -256,3 +277,16 @@ table
|
||||||
tr
|
tr
|
||||||
&:nth-child(odd)
|
&:nth-child(odd)
|
||||||
background: #EEEEEE
|
background: #EEEEEE
|
||||||
|
|
||||||
|
.tagindex
|
||||||
|
.taggrid
|
||||||
|
display: grid
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(10em, 1fr))
|
||||||
|
column-gap: 1em
|
||||||
|
row-gap: 1.2em
|
||||||
|
|
||||||
|
h3
|
||||||
|
border-bottom: 1px solid darkgrey
|
||||||
|
|
||||||
|
ul
|
||||||
|
padding-left: 1em
|
|
@ -17,31 +17,31 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
|
|
||||||
{{ $paginator := .Paginate (where .Data.Pages ".Params.type" "ne" "archive") $.Site.Params.pagination }}
|
<hr/>
|
||||||
|
<article>
|
||||||
|
{{ .Content }}
|
||||||
|
</article>
|
||||||
|
|
||||||
{{ if eq $paginator.PageNumber 1 }}
|
<article>
|
||||||
<hr/>
|
<small>
|
||||||
{{ with .Content }}
|
{{ range .Pages.GroupByDate "2006" "desc" }}
|
||||||
<article>
|
{{ if ne .Key "0001" }}
|
||||||
{{ . }}
|
|
||||||
</article>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
|
|
||||||
{{ if (not .Params.disableList) }}
|
|
||||||
<div class="list">
|
|
||||||
{{ range ($paginator.Pages).GroupByDate "2006" "desc" }}
|
|
||||||
<h2>{{ .Key }}</h2>
|
<h2>{{ .Key }}</h2>
|
||||||
|
|
||||||
{{ range .Pages.GroupByDate "Jan" }}
|
{{ range .Pages.GroupByDate "Jan" }}
|
||||||
<h3>{{ .Key }}</h3>
|
<ul class="smallist">
|
||||||
{{ partial "list-ul" . }}
|
{{ range .Pages.ByDate.Reverse }}
|
||||||
|
<li>
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
<span style="color: gray;">{{ .Date.Format ("02 Jan") }}</span>
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
{{ end }}
|
||||||
{{ template "_internal/pagination.html" . }}
|
</small>
|
||||||
{{ end }}
|
</article>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
@ -20,8 +20,8 @@
|
||||||
</article>
|
</article>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
<article>
|
<article class="tagindex">
|
||||||
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(10em, 1fr)); column-gap: 1em; row-gap: 1.2em;">
|
<div class="taggrid">
|
||||||
{{range $name, $taxonomy := .Site.Taxonomies.tags}}
|
{{range $name, $taxonomy := .Site.Taxonomies.tags}}
|
||||||
{{ $cnt := .Count }}
|
{{ $cnt := .Count }}
|
||||||
{{ with $.Site.GetPage (printf "/tags/%s" $name) }}
|
{{ with $.Site.GetPage (printf "/tags/%s" $name) }}
|
||||||
|
@ -35,8 +35,8 @@
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ $.Scratch.Set "curLetter" $firstChar }}
|
{{ $.Scratch.Set "curLetter" $firstChar }}
|
||||||
<div style="margin-block-start: 0.6rem;">
|
<div style="margin-block-start: 0.6rem;">
|
||||||
<h3 style="border-bottom: 1px solid black;">{{ $firstChar }}</h3>
|
<h3>{{ $firstChar }}</h3>
|
||||||
<ul style="padding-left: 1em">
|
<ul>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if gt $cnt $offset }}
|
{{ if gt $cnt $offset }}
|
||||||
|
|
|
@ -4,6 +4,8 @@
|
||||||
<script defer src='{{ $scripts.Permalink }}'></script>
|
<script defer src='{{ $scripts.Permalink }}'></script>
|
||||||
|
|
||||||
{{- if (ne hugo.Environment "development") }}
|
{{- if (ne hugo.Environment "development") }}
|
||||||
<script data-goatcounter="https://stats.brainbaking.com/count"
|
<script data-goatcounter="https://stats.brainbaking.com/count" async src="//stats.brainbaking.com/count.js"></script>
|
||||||
async src="//stats.brainbaking.com/count.js"></script>
|
<noscript>
|
||||||
|
<img src="https://stats.brainbaking.com/count?p=/test-img" title="GoatCounter stats">
|
||||||
|
</noscript>
|
||||||
{{- end }}
|
{{- end }}
|
||||||
|
|
Loading…
Reference in New Issue