diff --git a/content/copyright-and-tracking-policy.md b/content/copyright-and-tracking-policy.md index 5b72fbfd..08576047 100644 --- a/content/copyright-and-tracking-policy.md +++ b/content/copyright-and-tracking-policy.md @@ -19,6 +19,16 @@ Please find a full copy of the CC BY 4.0 license in the [LICENSE](https://git.br All figures and other material used are part of _Brain Baking_ and therefore subject to the above license unless otherwise stated. +## Attribution + +This website and its theming is lovingly hand-crafted with the help of the generous folks behind these open source tools and materials: + +- The HTML was generated by the static site generator [Hugo](https://gohugo.io) +- The icons used in the header and text are [Hero Icons](https://heroicons.com/) +- The background pattern was drawn in [Inkscape](https://inkscape.org/) and compiled with [Pattern Ninja](https://patterninja.com/) +- The code and content was written in a licenced version of [Sublime Text](https://www.sublimetext.com/) +- The Spectral font [by Production Type](https://github.com/productiontype/Spectral) + ## No Tracking Who doesn't like cookies? [I'm a baker](/about)---I would know. Well, I don't like cookies on websites, because they rise privacy concerns. That is why, inspired by [Laura Kalbag's "I don't track you"](https://laurakalbag.com/i-dont-track-you/) philosophy, I do everything I can to _not_ track you, but to track **traffic** instead. diff --git a/content/post/2024/06/introducing-the-new-brainbaking-theme.md b/content/post/2024/06/introducing-the-new-brainbaking-theme.md new file mode 100644 index 00000000..bebe777f --- /dev/null +++ b/content/post/2024/06/introducing-the-new-brainbaking-theme.md @@ -0,0 +1,40 @@ +--- +title: Introducing The New Brain Baking Theme +date: 2024-06-17T20:14:00+02:00 +categories: + - webdesign +--- + +After four years of faithful service, I'm retiring the `brainbaking-minimal` website theme. I got tired of the clean look. It didn't spark joy and I didn't really like looking at my website any more: the minimal theme perhaps became _too_ clean. The more other personal blogs I discovered with popping colours screaming personality, the more depressed I became with my own take at a minimal design. + +Take a look at these websites and tell me you're not smiling: + +- [Henrique Dias' pencils](https://hacdias.com/articles/) in his article overview; +- [Rach Smith's rainbow colours](https://rachsmith.com/) and cursor trails; +- [Jw's "oddly strange personal blog"](https://so1o.xyz/); +- [Mike's intricate Shell Sharks logo](https://shellsharks.com/); +- [Jim Fisher's funny selfie video](https://jameshfisher.com/) on his home page; +- [Joel Chrono's logo and pixel art](https://joelchrono.xyz/about/) design; +- ... + +Even my own [Gaming Codex' site](https://jefklakscodex.com/) design has something going for it. Clearly, what _Brain Baking_ is missing is **personality**. Well, you know what they say---out with the old: + +![](../home-minimal.jpg "The landing page in the old minimal theme.") + +![](../article-minimal.jpg "An article in the old minimal theme.") + +And in with the new: + +![](../home-awhile.jpg "The landing page in the new theme.") + +![](../article-awhile.jpg "An article in the new theme.") + +It's still not as flashy or cool as other personal sites out there, but I'm not a very flashy guy, so that's cool. The new design is called `awhile-design` and is inspired by my [old website from 2002](/post/2020/10/a-personal-journey-through-the-history-of-webdesign/)---[this one](https://web.archive.org/web/20021128122545/http://awhile.gamingclones.com/)---when I conjured up a so-called webdesign company _aWhile [D3$!GN]_ (yeah I know). Brainstorming for theme ideas and designs led me straight to my webdesign museum and the combination of the green header, the yellow links, and the grey background somehow is very alluring to me. + +Additionally, a healthy injection of weird resulted in me fooling around with Inkscape and drawing silly background vector graphics that should accommodate every blog post category. I rather like the result. Feel free to look around to find even more silliness. I also updated the about page and my avatar---last one was from 2020. + +Even though many folks seem to be [against using web fonts](https://btxx.org/posts/webfonts/), system fonts don't exactly evoke spunk. I tried. The three `.woff2` files that make up the [Spectral Font](https://github.com/productiontype/Spectral) I'm using now account for `73.33 kB` in total, while my tiny JavaScript portion isn't even a single kilobyte. The jury is still out on the usage of a lightbox library. + +I'm sure some things are still rough around the edges, such as the mobile navigation as I got rid of that stupid sandwich bar system and the never-quite-working light/dark theme mode. Next up on the TODO list are grabbing a few nineties GIF badges or perhaps subscribing to a webring or two. + +I look old on that new avatar. Great. diff --git a/static/post/2024/06/article-awhile.jpg b/static/post/2024/06/article-awhile.jpg new file mode 100644 index 00000000..db04ba15 Binary files /dev/null and b/static/post/2024/06/article-awhile.jpg differ diff --git a/static/post/2024/06/article-minimal.jpg b/static/post/2024/06/article-minimal.jpg new file mode 100644 index 00000000..c63900a0 Binary files /dev/null and b/static/post/2024/06/article-minimal.jpg differ diff --git a/static/post/2024/06/home-awhile.jpg b/static/post/2024/06/home-awhile.jpg new file mode 100644 index 00000000..3a9eccf9 Binary files /dev/null and b/static/post/2024/06/home-awhile.jpg differ diff --git a/static/post/2024/06/home-minimal.jpg b/static/post/2024/06/home-minimal.jpg new file mode 100644 index 00000000..46485b45 Binary files /dev/null and b/static/post/2024/06/home-minimal.jpg differ diff --git a/themes/awhile-design/assets/sass/_awhile.sass b/themes/awhile-design/assets/sass/_awhile.sass index f2d5961c..6f2bf0d6 100644 --- a/themes/awhile-design/assets/sass/_awhile.sass +++ b/themes/awhile-design/assets/sass/_awhile.sass @@ -135,7 +135,7 @@ pre font-size: 0.7rem white-space: pre-wrap -p > code +p > code, li > code background-color: $graybg-alt1 padding: 2px 4px font-size: 0.8rem diff --git a/themes/awhile-design/layouts/partials/footer.html b/themes/awhile-design/layouts/partials/footer.html index 9ba06e50..8341598a 100644 --- a/themes/awhile-design/layouts/partials/footer.html +++ b/themes/awhile-design/layouts/partials/footer.html @@ -1,7 +1,7 @@