the new awhile design: blog post
This commit is contained in:
parent
63c9863b6f
commit
2ea96e3108
|
|
@ -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.
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
And in with the new:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
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.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 90 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
<footer class="bottom">
|
||||
<p class="copyright text-muted">
|
||||
↑ <a href='#top'>Top</a> <svg class='icon icon-small' width='16' height='16'><title>lightbulb icon</title><use xlink:href='#bulb'></use></svg> <a href='/bv'>Brain Baking bv</a> | <a href='/archives'>Archives</a> | <a href='/copyright-and-tracking-policy'>© CC BY 4.0 License</a>.
|
||||
↑ <a href='#top'>Top</a> | <a href='/archives'>Archives</a> | <a href='/subscribe'>RSS Feed</a> | <a href='/bv'>bv</a> | <a href='/copyright-and-tracking-policy'>© CC BY 4.0 License</a>.
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue