- -[^1]: This website uses an [anonymized IP](https://support.google.com/analytics/answer/2763052?hl=en) form of Google Analytics for the sole purpose of tracking website traffic. -[^2]: [https://en.wikipedia.org/wiki/Polymath](https://en.wikipedia.org/wiki/Polymath) \ No newline at end of file diff --git a/content/essays/_index.md b/content/essays/_index.md index 0ecf0470..eb33c23d 100644 --- a/content/essays/_index.md +++ b/content/essays/_index.md @@ -3,7 +3,7 @@ title: Essays icontag: book --- -> Filosofie is voor het vinden van een baan misschien het minst bruikbaar van alle studies, maar het is niettemin de beste studie. - Aristoteles +> Filosofie is voor het vinden van een baan misschien het minst bruikbaar van alle studies, maar het is niettemin de beste studie. Aristoteles De essentie van [Brain Baking](/) bevindt zich hier, het bakken van in eerste instantie **mijn** hersenen, met het reflectieve karakter van de filosofie als aroma. Ik schrijf voor mezelf, om mijzelf te helpen anderen te kunnen helpen. _Baked brains_ met een krokante korst zijn goed verteerbare verhoudingen tussen mijzelf en de wereld, geïnspireerd op de Groten als Kant (_Kritik der reinen Vernunft_), Wittgenstein (_tractatus logico-philosophicus_) en Montaigne (_Essais_). diff --git a/content/essays/de-zin-en-onzin-van-conferenties.md b/content/essays/de-zin-en-onzin-van-conferenties.md index bb04dbde..6e518a54 100644 --- a/content/essays/de-zin-en-onzin-van-conferenties.md +++ b/content/essays/de-zin-en-onzin-van-conferenties.md @@ -25,7 +25,7 @@ Uiteraard pleit ook ik schuldig. Ik heb presentaties gegeven voor volle filmzale Verhaaltjes vertellen trekt niet alleen kinderen aan, maar doet ook je publiek _opletten_: -> Time after time, when faced with the task of persuading a group of managers... to get enthusiastic about a major change, storytelling was the only thing that worked. (Stephen Denning, The Leader's Guide to Storytelling) +> Time after time, when faced with the task of persuading a group of managers... to get enthusiastic about a major change, storytelling was the only thing that worked. Stephen Denning, The Leader's Guide to Storytelling Het '_presenteren voor publiceren_' motto slaat op niets en werkt bovenstaande punten volledig in de hand. Nog niet de helft van de aanvaarde papers zijn interessant genoeg om iets over te vertellen, en dat geldt ook voor mijn eigen werk. Zonder praktische demo's zijn de erg snel op elkaar volgende sessies na een tijdje moeilijker verteerbaar. diff --git a/content/essays/healing-creative-scars.md b/content/essays/healing-creative-scars.md index d65cf8df..12a0889c 100644 --- a/content/essays/healing-creative-scars.md +++ b/content/essays/healing-creative-scars.md @@ -5,9 +5,9 @@ bigimg: /img/boekjesheader.png url: /post/healing-creative-scars/ subtitle: My ultimate secret weapon for self improvement tags: - - learning - - self improvement - journaling + - self improvement + - learning published: true --- diff --git a/content/essays/journaling-in-practice.md b/content/essays/journaling-in-practice.md index 57436baa..8f2ca6b7 100644 --- a/content/essays/journaling-in-practice.md +++ b/content/essays/journaling-in-practice.md @@ -7,6 +7,7 @@ subtitle: My guide to keeping a journal tags: - journaling - self improvement + - learning - fountain pens published: true --- diff --git a/content/no-copyright-no-tracking.md b/content/no-copyright-no-tracking.md new file mode 100644 index 00000000..97cc39b8 --- /dev/null +++ b/content/no-copyright-no-tracking.md @@ -0,0 +1,25 @@ +--- +title: No copyright - No Tracking +subtitle: Because sharing is caring. +disableComments: true +--- + +## No Copyright + +Inspired by Leo Babauta's ["uncopyright and the minimalist mindset"](https://mnmlist.com/uncopyright-and-a-minimalist-mindset/), I decided to apply this to my own website. + +I've always detested the _'this is mine!'_-mindset, especially when it comes to intellectual property. Everyone benefits if everything is open and everyone can build upon each other's work. A possible financial loss is not an excuse. Leo has found copyrights not to be particularly helpful, so he simply got rid of them. He sells thousands of ebooks monthly. You have the right to share them with friends. He would rather have you buy them, but this way his work reaches a broader audience. + +The source of this website is available at my Brain Baking [Github repository](https://github.com/wgroeneveld/brainbaking). Feel free to do with it whatever you want: copy excerpts, republish images, use code partials, rip the theme, ... There's a reason the repository is **public**. + +> Love only grows by sharing. You can only have more for yourself by giving it away to others. Brian Tracy + +Of course I would be really grateful if you would still attribute Brain Baking as the source of your used material. However, I do not want to oblige you to do so using a confusing Creative Commons licence. + +## No Tracking + +Who doesn't like cookies? I'm [a baker](https://redzuurdesem.be/) - 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. + +I achieved this by ditching Google Analytics and hosting third-party libraries myself. So _rest assured_, Google does not know you were here! Instead, I use [Fathom](https://usefathom.com), a simple and privacy-focused analytics system that is self-hosted. It does require one simple cookie but it's on my own SSL-verified domain. + +When a YouTube video is embedded into one of these pages, it will run in "no cookie" mode. That means content will be served from youtube-nocookie.com, preventing Google from tracking my visitors. diff --git a/content/post/_index.md b/content/post/_index.md index 71e6b010..e68dfbfe 100644 --- a/content/post/_index.md +++ b/content/post/_index.md @@ -3,7 +3,7 @@ title: Tech Blog icontag: tech --- -> No Art and Science serve alone; Patience must in the work be shown. - Goethe +> 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](https://en.wikipedia.org/wiki/Lifelong_learning). As a great deal of my life is dedicated to Computer Science, so it's only natural to do some heavy [_Brain Baking_](/) work in that technical area of expertise. 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. diff --git a/content/post/a-decade-in-the-industry.md b/content/post/a-decade-in-the-industry.md index 842b531b..e653375e 100644 --- a/content/post/a-decade-in-the-industry.md +++ b/content/post/a-decade-in-the-industry.md @@ -7,7 +7,6 @@ tags: - braindump - craftsmanship - development - - journaling published: true --- diff --git a/content/tags/_index.md b/content/tags/_index.md index 6fd4751f..56e9438b 100644 --- a/content/tags/_index.md +++ b/content/tags/_index.md @@ -3,6 +3,6 @@ title: Tags icontag: tag --- -> The good life is one inspired by love and guided by knowledge. - Russell +> The good life is one inspired by love and guided by knowledge. Russell Not finding what you're looking for? Behold a list of alphabetically sorted tags used in every article on this very website. Related articles share a set of tags. \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index a079b392..fffdc396 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -18,22 +18,22 @@
- Brain Baking: transforming + Brain Baking: transforming - personal - thoughts about thoughts into + personal + thoughts about thoughts into - well-digestible - material. The reflective aroma of burnt nervous tissue.diff --git a/themes/brainbaking-minimal/assets/js/brainbaking.js b/themes/brainbaking-minimal/assets/js/brainbaking.js index 23e0c5fd..165d9ddd 100644 --- a/themes/brainbaking-minimal/assets/js/brainbaking.js +++ b/themes/brainbaking-minimal/assets/js/brainbaking.js @@ -27,4 +27,17 @@ document.addEventListener("DOMContentLoaded",function() { }); })(); + const lightbox = () => { + [...document.querySelectorAll('main img')].forEach(el => { + if(el.parentNode.nodeName !== 'A') { + el.parentNode.innerHTML = `${el.outerHTML}`; + } else { + el.parentNode.setAttribute('class', 'lbox'); + } + }) + const box = new SimpleLightbox('.lbox', { /* options */ }); + }; + lightbox(); + + }); diff --git a/themes/brainbaking-minimal/assets/sass/_blockquote.sass b/themes/brainbaking-minimal/assets/sass/_blockquote.sass new file mode 100644 index 00000000..23e66784 --- /dev/null +++ b/themes/brainbaking-minimal/assets/sass/_blockquote.sass @@ -0,0 +1,50 @@ +blockquote + font-family: $font-alt-stack + @media (min-width: 960px) + width: calc(100% - -220px + 0px) + margin-left: -90px + + @media (min-width: 1120px) + width: calc(100% - -260px + 0px) + margin-left: -130px + + opacity: 0.8 + position: relative + quotes: '\201C''\201D''\2018''\2019' + margin: 1.2rem 0 + display: flex + flex-flow: row wrap + position: relative + &::before + mask: url('/img/icons/quote.svg') + -webkit-mask: url('/img/icons/quote.svg') + mask-size: cover + -webkit-mask-size: cover + content: '' + display: inline-block + background-color: var(--accent) + position: absolute + width: 40px + height: 40px + margin-left: -40px + margin-top: -10px + + p + @media (min-width: 960px) + font-size: 1.8rem !important + @media (min-width: 1120px) + font-size: 2rem !important + + padding-left: 0.5rem 0 !important + font-size: 1.5rem !important + letter-spacing: -0.1rem + width: 100% + font-weight: 300 + font-style: italic + + span + opacity: 0.6 + font-size: 1.3rem + white-space: pre + &::before + content: '\A -- '; \ No newline at end of file diff --git a/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass b/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass index b32c4199..274542a3 100644 --- a/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass +++ b/themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass @@ -1,5 +1,5 @@ h1 - font-size: 2.2rem + font-size: 3rem h2 font-size: 2.0rem h3 @@ -20,20 +20,10 @@ h4, h5, h6 margin-bottom: 10px h1, h2, h3, h4, h5, h6 - font-family: inherit - font-weight: 500 - line-height: 1.1 - color: inherit + line-height: 1.8 + font-weight: 700 -blockquote - padding: 10px 20px - margin: 0 0 20px - border-left: 5px solid #eee - border-left-width: 5px - border-left-style: solid - border-left-color: rgb(238, 238, 238) - pre overflow: auto display: block @@ -53,7 +43,7 @@ code font-family: Menlo,Monaco,Consolas,"Courier New",monospace padding: 2px 4px font-size: 90% - color: $code + color: var(--accent2) background-color: #f9f2f4 border-radius: 4px diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass index b9e38ce2..bdaf0380 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass @@ -4,7 +4,9 @@ .intro > h1 color: #212121 - font-size: 12vh + font-size: 8vh + @media (min-width: 768px) + font-size: 12vh .intro > h2 @@ -20,6 +22,7 @@ .avatar-container width: 100px margin-left: 45px + margin-top: 1rem .avatar-img-border width: 100% diff --git a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass index 379a1766..3a30cfe4 100644 --- a/themes/brainbaking-minimal/assets/sass/_brainbaking.sass +++ b/themes/brainbaking-minimal/assets/sass/_brainbaking.sass @@ -15,6 +15,7 @@ pre body margin: 0 + min-height: calc(100vh - 55px) color: #333 padding-top: 55px display: flex @@ -55,6 +56,9 @@ main &-text @extend %icon-in-text + &-float + @extend %icon-in-text + float: left &-inline float: left @@ -112,10 +116,6 @@ a:hover text-decoration: underline -h1, h2, h3, h4, h5, h6 - line-height: 1.8 !important - font-weight: bold !important - h4 a font-weight: normal @@ -131,12 +131,6 @@ pre height: 250px !important -blockquote - line-height: 1.7 - color: #888 - border-left: 5px solid var(--accent) !important - - main display: block line-height: 1.7 @@ -167,8 +161,20 @@ main border-bottom: 1px solid var(--accent) -.item - padding: 10px 0 +.item + margin: auto + padding-top: 1rem + padding-bottom: 1.5rem + max-width: 80% + + h1 + color: var(--accent) + h2 + margin-top: -1rem + h2, h3 + font-weight: normal + h3 + font-size: 1.3rem kbd color: var(--accent) diff --git a/themes/brainbaking-minimal/assets/sass/_fonts.sass b/themes/brainbaking-minimal/assets/sass/_fonts.sass index 3a603d6a..a094fc1e 100644 --- a/themes/brainbaking-minimal/assets/sass/_fonts.sass +++ b/themes/brainbaking-minimal/assets/sass/_fonts.sass @@ -4,7 +4,8 @@ padding-right: 3px vertical-align: middle -$font-stack: 'Source Serif Pro', sans-serif; +$font-stack: 'Source Serif Pro', sans-serif +$font-alt-stack: 'Metropolis', sans-serif /* latin-ext */ @font-face @@ -21,3 +22,28 @@ $font-stack: 'Source Serif Pro', sans-serif; font-weight: 400 src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(/css/sourceserifpro-latin.woff2) format('woff2') unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD + +/* latin-ext */ +@font-face + font-family: 'Source Serif Pro' + font-style: normal + font-weight: 700 + font-display: swap + src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'), url(/css/sourceserifpro-latin-ext-700.woff2) format('woff2') + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF + +/* latin */ +@font-face + font-family: 'Source Serif Pro' + font-style: normal + font-weight: 700 + font-display: swap + src: local('Source Serif Pro Bold'), local('SourceSerifPro-Bold'), url(/css/sourceserifpro-latin-700.woff2) format('woff2') + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD + + +@font-face + font-family: 'Metropolis' + font-style: normal + font-weight: 300 + src: local('Metropolis Light'), local('Metropolis-Light'), url('/css/Metropolis-Light.woff2') format('woff2') diff --git a/themes/brainbaking-minimal/assets/sass/_goodreads.sass b/themes/brainbaking-minimal/assets/sass/_goodreads.sass index 765c2957..360a752a 100644 --- a/themes/brainbaking-minimal/assets/sass/_goodreads.sass +++ b/themes/brainbaking-minimal/assets/sass/_goodreads.sass @@ -24,7 +24,7 @@ .gr_grid_book_container float: left - width: 25% + width: 24.3% height: 300px padding: 5px overflow: hidden diff --git a/themes/brainbaking-minimal/assets/sass/_listing.sass b/themes/brainbaking-minimal/assets/sass/_listing.sass index c4b1c448..155a3ef9 100644 --- a/themes/brainbaking-minimal/assets/sass/_listing.sass +++ b/themes/brainbaking-minimal/assets/sass/_listing.sass @@ -1,6 +1,7 @@ .list text-align: left padding-left: 2rem + padding-bottom: 2rem h2 border-top: 1px solid #eee diff --git a/themes/brainbaking-minimal/assets/sass/main.sass b/themes/brainbaking-minimal/assets/sass/main.sass index 0499eae4..300be634 100644 --- a/themes/brainbaking-minimal/assets/sass/main.sass +++ b/themes/brainbaking-minimal/assets/sass/main.sass @@ -1,10 +1,10 @@ $grey: #333 -$code: #c7254e @import 'fonts' @import 'bootstrap-minimal' @import 'brainbaking' @import 'brainbaking-intro' +@import 'blockquote' @import 'listing' @import 'commento' @import 'goodreads' diff --git a/themes/brainbaking-minimal/layouts/_default/list.html b/themes/brainbaking-minimal/layouts/_default/list.html index 3572fae3..865c21cc 100644 --- a/themes/brainbaking-minimal/layouts/_default/list.html +++ b/themes/brainbaking-minimal/layouts/_default/list.html @@ -28,9 +28,9 @@
- Includes a crispy crust of relations between + well-digestible + material. The reflective aroma of burnt nervous tissue. + Includes a crispy crust of relations between - technology - , + technology + , - philosophy - and + philosophy + and - the world + the world .