From 87622a9014363fac068c369eee5aeaebeab15547 Mon Sep 17 00:00:00 2001 From: wgroeneveld Date: Sat, 12 Nov 2022 08:44:52 +0100 Subject: [PATCH] redesign landing page and /post list ptI --- content/notes/_index.md | 3 - content/post/_index.md | 8 +- content/tags/_index.md | 13 +-- layouts/index.html | 97 +++++++++++++++---- .../assets/sass/_bootstrap-minimal.sass | 15 ++- .../assets/sass/_brainbaking-dark.sass | 5 +- .../assets/sass/_brainbaking-intro.sass | 5 +- .../assets/sass/_brainbaking.sass | 38 +++++++- .../layouts/_default/list.html | 40 ++++---- .../layouts/_default/terms.html | 8 +- .../layouts/partials/js.html | 6 +- 11 files changed, 163 insertions(+), 75 deletions(-) diff --git a/content/notes/_index.md b/content/notes/_index.md index df094606..b965accc 100644 --- a/content/notes/_index.md +++ b/content/notes/_index.md @@ -4,9 +4,6 @@ type: archive icontag: tech --- -> A half-baked idea a day keeps the doctor away. Wouter - - 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).
diff --git a/content/post/_index.md b/content/post/_index.md index af076d27..cc045ded 100644 --- a/content/post/_index.md +++ b/content/post/_index.md @@ -3,10 +3,4 @@ title: Freshly Baked Thoughts icontag: book --- -> No Art and Science serve alone;
Patience must in the work be shown. Goethe - -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 feed iconBlog Feed](/post/index.xml).
-Not finding what you're looking for? [Browse the archives](/archives).
-Interested in fleeting thoughts? [Read half-baked notes](/notes).
+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).
diff --git a/content/tags/_index.md b/content/tags/_index.md index 38019f77..39c7ac39 100644 --- a/content/tags/_index.md +++ b/content/tags/_index.md @@ -1,18 +1,18 @@ --- -title: Brain Archives +title: Brain Baking Archives url: /archives/ aliases: - /tags/ icontag: tag --- -The preservation of once freshly baked but now perhaps stale thoughts.
Not finding what you're looking for? Try browsing the archives: +The preservation of [once freshly baked](/post) but now perhaps stale thoughts.
Not finding what you're looking for? Try browsing the archives: -### By search +## By Search {{< search >}} -### By category +## By Category `try {` @@ -33,7 +33,7 @@ The preservation of once freshly baked but now perhaps stale thoughts.
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. -### By year +## By Year - [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 @@ -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# - [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 >}}. diff --git a/layouts/index.html b/layouts/index.html index 34bbfadc..1b22f9f4 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,5 +1,5 @@ {{ partial "header" . }} - +{{ $itms := 5 }}

@@ -7,29 +7,88 @@ Baking

+
+
+
+

Freshly Baked Thoughts

+ Archives » +
-
- - {{ $paginator := .Paginate (where .Site.Pages "Type" "post") $.Site.Params.pagination }} - {{ $currYear := .Date.Format "2006" }} - {{ if eq $paginator.PageNumber 1 }} -

homeFreshly Baked Thoughts

- {{ end }} - -
- {{ range ($paginator.Pages).GroupByDate "2006" "desc" }} - {{ if ne $currYear .Key }} -

{{ .Key }}

+ {{ $tags := slice }} + {{ $cats := slice }} +
    + {{ range first $itms (where .Site.Pages "Section" "post").ByDate.Reverse }} +
  • +

    + {{ .Title }} +

    + + {{ .Date.Format ("02 Jan 2006") }} + +
    • + {{ if isset .Params "tags" }} + {{ $tags = $tags | append .Params.tags }} + {{ end }} + {{ if isset .Params "categories" }} + {{ $cats = $cats | append .Params.categories }} + {{ end }} {{ end }} +
+
+
+
+

Popular Bakings This Month

+ Statistics » +
- {{ range .Pages.GroupByDate "Jan" }} -

{{ .Key }}

- {{ partial "list-ul" . }} + {{ $tags := slice }} + {{ $cats := slice }} +
    + {{ range first $itms (where .Site.Pages "Section" "post").ByDate.Reverse }} +
  • +

    + {{ .Title }} +

    + + {{ .Date.Format ("02 Jan 2006") }} + +
    • + {{ if isset .Params "tags" }} + {{ $tags = $tags | append .Params.tags }} + {{ end }} + {{ if isset .Params "categories" }} + {{ $cats = $cats | append .Params.categories }} + {{ end }} {{ end }} - {{ end }} -
- {{ template "_internal/pagination.html" . }} + + +
+
+

Random Tasty Treats

+ All posts » +
+ {{ $tags := slice }} + {{ $cats := slice }} +
    + {{ range first $itms (shuffle (where .Site.Pages "Section" "post")) }} +
  • +

    + {{ .Title }} +

    + + {{ .Date.Format ("02 Jan 2006") }} + +
    • + {{ if isset .Params "tags" }} + {{ $tags = $tags | append .Params.tags }} + {{ end }} + {{ if isset .Params "categories" }} + {{ $cats = $cats | append .Params.categories }} + {{ end }} + {{ end }} +
+
diff --git a/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass b/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass index 1835c71d..c897cc08 100644 --- a/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass +++ b/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass @@ -3,27 +3,24 @@ h1 @media (min-width: 768px) font-size: 3rem h2 - font-size: 2.1rem + font-size: 2.0rem h3 - font-size: 1.7rem + font-size: 1.4rem h4 - font-size: 1.5rem -h5 - font-size: 1.3rem -h6 font-size: 1.2rem -h1, h2, h3 +h1, h2 + font-weight: 700 margin-top: 20px margin-bottom: 10px -h4, h5, h6 +h3, h4, h5, h6 + font-weight: normal margin-top: 10px margin-bottom: 10px h1, h2, h3, h4, h5, h6 line-height: 1.8 - font-weight: 700 .hidden display: none diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass index 52800ff0..ed82d335 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking-dark.sass @@ -44,7 +44,7 @@ $dark-fg: #dddddd color: $dark-fg h1, h2, h3 - color: $dark-accent + color: darken(white, 20%) .intro h1 @@ -82,6 +82,9 @@ $dark-fg: #dddddd color: $dark-accent border-bottom: 1px solid $dark-accent + &:hover, &:visited:hover + border-bottom: 1px solid $dark-bg + .belowsingle background-color: $dark-bg-alt border-bottom: 5px solid $dark-bg diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass index 35267bb2..03883618 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass @@ -1,10 +1,11 @@ .intro - h2 - font-size: 4vh + article + padding-top: 0.8em h1 margin: 0 + padding-bottom: 0.8em text-shadow: #bbbbbb 0 4px 5px font-size: 5vh diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass index 3dc1af7d..f7471d1c 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass @@ -59,6 +59,28 @@ nav, footer ul 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 padding-top: 1.5rem @@ -71,7 +93,6 @@ a, a:visited, .link text-decoration: none &:hover - border-bottom: 1px solid $grey color: $grey @@ -193,7 +214,7 @@ time kbd color: $accent border: 1px solid $accent - font-size: 1rem + font-size: 1em padding: 2px 4px border-radius: 3px -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25) @@ -256,3 +277,16 @@ table tr &:nth-child(odd) 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 \ No newline at end of file diff --git a/themes/brainbaking-minimal/layouts/_default/list.html b/themes/brainbaking-minimal/layouts/_default/list.html index 69917423..8b24802b 100644 --- a/themes/brainbaking-minimal/layouts/_default/list.html +++ b/themes/brainbaking-minimal/layouts/_default/list.html @@ -17,31 +17,31 @@ {{ end }} - {{ $paginator := .Paginate (where .Data.Pages ".Params.type" "ne" "archive") $.Site.Params.pagination }} +
+
+ {{ .Content }} +
- {{ if eq $paginator.PageNumber 1 }} -
- {{ with .Content }} -
- {{ . }} -
- {{ end }} - {{ end }} - - - {{ if (not .Params.disableList) }} -
- {{ range ($paginator.Pages).GroupByDate "2006" "desc" }} +
+ + {{ range .Pages.GroupByDate "2006" "desc" }} + {{ if ne .Key "0001" }}

{{ .Key }}

{{ range .Pages.GroupByDate "Jan" }} -

{{ .Key }}

- {{ partial "list-ul" . }} +
    + {{ range .Pages.ByDate.Reverse }} +
  • + {{ .Title }} + {{ .Date.Format ("02 Jan") }} +
    • + {{ end }} +
{{ end }} - {{ end }} -
- {{ template "_internal/pagination.html" . }} - {{ end }} + {{ end }} + {{ end }} + +
diff --git a/themes/brainbaking-minimal/layouts/_default/terms.html b/themes/brainbaking-minimal/layouts/_default/terms.html index d85958be..ba97c1f8 100644 --- a/themes/brainbaking-minimal/layouts/_default/terms.html +++ b/themes/brainbaking-minimal/layouts/_default/terms.html @@ -20,8 +20,8 @@ {{ end }} -
-
+
+
{{range $name, $taxonomy := .Site.Taxonomies.tags}} {{ $cnt := .Count }} {{ with $.Site.GetPage (printf "/tags/%s" $name) }} @@ -35,8 +35,8 @@ {{ end }} {{ $.Scratch.Set "curLetter" $firstChar }}
-

{{ $firstChar }}

-
    +

    {{ $firstChar }}

    +
      {{ end }} {{ if gt $cnt $offset }} diff --git a/themes/brainbaking-minimal/layouts/partials/js.html b/themes/brainbaking-minimal/layouts/partials/js.html index e78b033a..7408d335 100644 --- a/themes/brainbaking-minimal/layouts/partials/js.html +++ b/themes/brainbaking-minimal/layouts/partials/js.html @@ -4,6 +4,8 @@ {{- if (ne hugo.Environment "development") }} - + + {{- end }}