wgroeneveld
/
brainbaking
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dump jquery and bootstrap! yay!

This commit is contained in:
wgroeneveld 2020-05-29 17:39:33 +02:00
parent c10dd17294
commit 97d716af06
24 changed files with 679 additions and 167 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
config.toml
View File

@ -22,7 +22,7 @@ enableGitInfo = true
disableComments = true
accent = "purple"
showBorder = true
copyright = "No <i class='fa fa-copyright'></i> reserved - sharing is caring. <i class='fa fa-github'></i> <a href='https://github.com/wgroeneveld/brainbaking/'>Hack away</a>! <i class='fa fa-lightbulb-o'></i> <a href='/'>Brain Baking</a>"
copyright = "No <i class='fa fa-copyright'></i> reserved - sharing is caring. <svg class='icon icon-small'><use xlink:href='#github'></use></svg> <a href='https://github.com/wgroeneveld/brainbaking/'>Hack away</a>! <svg class='icon icon-small'><use xlink:href='#bulb'></use></svg> <a href='/'>Brain Baking</a>"
[Author]
name = "Wouter Groeneveld"
@ -55,31 +55,31 @@ enableGitInfo = true
[[menu.main]]
name = "Tech Blog"
pre = "<i class='fa fa-file-code-o'></i>"
pre = "<svg><use xlink:href='#tech'></use></svg> "
url = "/post"
weight = 1
[[menu.main]]
name = "Essays"
pre = "<i class='fa fa-book'></i>"
pre = "<svg><use xlink:href='#book'></use></svg> "
url = "/essays"
weight = 2
[[menu.main]]
name = "Tags"
pre = "<i class='fa fa-tags'></i>"
pre = "<svg><use xlink:href='#tag'></use></svg> "
url = "/tags"
weight = 3
[[menu.mainright]]
name = "About Me"
pre = "<i class='fa fa-user'></i>"
pre = "<svg><use xlink:href='#about'></use></svg> "
url = "/about"
weight = 4
[[menu.mainright]]
name = "Teaching"
pre = "<i class='fa fa-graduation-cap'></i>"
pre = "<svg><use xlink:href='#teaching'></use></svg> "
url = "/teaching"
weight = 5

8
content/about.md
View File

@ -20,16 +20,16 @@ Those areas of knowledge include:
* I love dynamic languages. I have taught Javascript as a dynamic and functional language. Every excuse to write in something dynamic is a good one.
* Pair programming used as a tool to learn from each other and to improve code quality are two values I firmly believe in.
Take a look at my [<i class='fa fa-github'></i>&nbsp;Github account](https://github.com/wgroeneveld) or [<i class='fa fa-paperclip'></i>&nbsp;Curriculum Vitae](/files/groeneveldw_cv.pdf) in Dutch.
Take a look at my [<svg class='icon'><use xlink:href='#github'></use></svg>Github account](https://github.com/wgroeneveld).
#### Baking
* I hold a [professional bread baker's degree](/post/learning-to-become-a-baker/) so naturally I love to think of myself as a real baker.
* My passion within baking is [<i class='fa fa-flask'></i>&nbsp;sourdough bread](https://redzuurdesem.be), spreading the word by organizing workshops to repopularize its use.
* My passion within baking is [<svg class='icon icon-text'><use xlink:href='#bread'></use></svg>sourdough bread](https://redzuurdesem.be), spreading the word by organizing workshops to repopularize its use.
#### Writing and philosophizing
* I'm a [fountain pen addict](/post/fountain-pens-first-look/) and avid [<i class='fa fa-pencil'></i>&nbsp;journaler](/post/journaling-in-practice/).
* I'm a [fountain pen addict](/post/fountain-pens-first-look/) and avid [<svg class='icon icon-text'><use xlink:href='#book'></use></svg>journaler](/post/journaling-in-practice/).
* This website[^1] is the ideal base for writing down my thoughts about virtually anything, primarily intended to amuse myself and not others.
* I like to integrate Philosophical and Psychological approaches into my research.
@ -39,7 +39,7 @@ Take a look at my [<i class='fa fa-github'></i>&nbsp;Github account](https://git
### Where good ideas come from: books
I keep an active <a href="https://www.goodreads.com/user/show/5451893-wouter" target="_blank"><i class='fa fa-book'></i>&nbsp;Goodreads</a> account where I manage everything I've read and want to read. I invite you to join the community there. Marking a book as read and writing a (short) review never was that satisfying...
I keep an active <a href="https://www.goodreads.com/user/show/5451893-wouter" target="_blank"><svg class='icon'><use xlink:href='#goodreads'></use></svg>Goodreads</a> account where I manage everything I've read and want to read. I invite you to join the community there. Marking a book as read and writing a (short) review never was that satisfying...
I used to be almost exclusively a fantasy reader. Now I mostly read non-fiction on the most diverse topics, but I do have a soft spot for things like philosophy, art, mindful food and software engineering.

2
content/essays/_index.md
View File

@ -1,6 +1,6 @@
---
title: Essays
icontag: fa-book
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

4
content/post/_index.md
View File

@ -1,10 +1,10 @@
---
title: Tech Blog
icontag: fa-file-code-o
icontag: tech
---
> 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.
I wanted to make the profound difference clear between a [<i class='fa fa-file-code-o'></i>&nbsp;technical blog](/post) and [<i class='fa fa-book'></i>&nbsp;essayistic works](/essays) by separating them in different categories, each with their own intention and language.
I wanted to make the profound difference clear between a [<svg class='icon'><use xlink:href='#tech'></use></svg>technical blog](/post) and [<svg class='icon'><use xlink:href='#book'></use></svg>essayistic works](/essays) by separating them in different categories, each with their own intention and language.

2
content/tags/_index.md
View File

@ -1,6 +1,6 @@
---
title: Tags
icontag: fa-tags
icontag: tag
---
> The good life is one inspired by love and guided by knowledge. - Russell

32
layouts/index.html
View File

@ -1,7 +1,6 @@
{{ partial "header" . }}
<main>
<div class="intro">
{{ with .Site.Params.profilePic }} <img class="profile" src="{{ . }}"> {{ end }}
@ -19,22 +18,22 @@
</h1>
<blockquote class="text-justify" style="clear: both;">
<em><i class="fa fa-lightbulb-o"></i>&nbsp;<a href="/">Brain Baking</a>:</em> transforming
<em><svg class='icon icon-text'><use xlink:href='#bulb'></use></svg><a href="/">Brain Baking</a>:</em> transforming
<span style="white-space: nowrap;">
<i class='fa fa-user'></i>&nbsp;<a href="/about">personal</a>
<svg class='icon icon-text'><use xlink:href='#about'></use></svg><a href="/about">personal</a>
</span> thoughts about thoughts into
<span style="white-space: nowrap;">
<i class='fa fa-graduation-cap'></i>&nbsp;<a href="/teaching">well-digestible</a>
<svg class='icon icon-text'><use xlink:href='#teaching'></use></svg><a href="/teaching">well-digestible</a>
</span> material. The reflective aroma of burnt nervous tissue. <br/>
Includes a crispy crust of relations between
<span style="white-space: nowrap;">
<i class='fa fa-file-code-o'></i>&nbsp;<a href="/post">technology</a>
<svg class='icon icon-text'><use xlink:href='#tech'></use></svg><a href="/post">technology</a>
</span>,
<span style="white-space: nowrap;">
<i class='fa fa-book'></i>&nbsp;<a href="/essays">philosophy</a>
<svg class='icon icon-text'><use xlink:href='#book'></use></svg><a href="/essays">philosophy</a>
</span> and
<span style="white-space: nowrap;">
<i class='fa fa-tags'></i>&nbsp;<a href="/tags">the world</a>
<svg class='icon icon-text'><use xlink:href='#tag'></use></svg><a href="/tags">the world</a>
</span>.
</blockquote>
@ -42,7 +41,7 @@
<div class="freshly-baked">
<h3>
<i class="fa fa-newspaper-o"></i>&nbsp;{{ markdownify .Site.Params.Description }}:
<svg class='icon'><use xlink:href='#news'></use></svg>{{ markdownify .Site.Params.Description }}:
</h3>
{{ range (.Paginator 1).Pages.ByDate.Reverse }}
@ -53,16 +52,21 @@
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h4>
{{ .Params.subtitle }}&nbsp;&nbsp;
<span style="color: lightgrey;"><i class='fa fa-calendar'></i>&nbsp;{{ $.Scratch.Get "subtitle" }}</span>
<span style="color: lightgrey;"><svg class='icon icon-text'><use xlink:href='#cal1'></use></svg> {{ $.Scratch.Get "subtitle" }}</span>
{{ end }}
<hr/>
</div>
</div>
</main>
{{ partial "footer" . }}
<footer style="position: fixed; bottom: 0; width: 100%">
<p class="copyright text-muted">{{ .Site.Params.copyright | default "&copy; All rights reserved. Powered by [Hugo](https://gohugo.io) and [Minimal](https://github.com/calintat/minimal)" | markdownify }}</p>
</footer>
</body>
</html>

30
themes/brainbaking-minimal/assets/js/brainbaking.js Normal file
View File

@ -0,0 +1,30 @@
window._domloaded = false;
document.addEventListener("DOMContentLoaded",function() {
if(window._domloaded) return;
window._domloaded = true;
(function sandwich() {
var navbar = document.querySelector('.navbar-collapse');
var navtoggle = document.querySelector('.navbar-toggle');
function navCollapse() {
navbar.setAttribute('class', 'navbar-collapse collapse');
}
function navCollapsing() {
navbar.setAttribute('class', 'navbar-collapse collapsing');
}
document.querySelector('main').addEventListener('click', function() {
navCollapse();
})
document.querySelector('nav').addEventListener('click', function() {
if(window.getComputedStyle(navtoggle)['display'] === 'none') return;
if(navbar.getAttribute('class').indexOf('collapsing') >= 0) {
navCollapse();
} else {
navCollapsing();
}
});
})();
});

456
themes/brainbaking-minimal/assets/sass/_bootstrap-minimal.sass Normal file
View File

@ -0,0 +1,456 @@
h1
font-size: 2.2rem
h2
font-size: 2.0rem
h3
font-size: 1.9rem
h4
font-size: 1.5rem
h5
font-size: 1.3rem
h6
font-size: 1.2rem
h1, h2, h3
margin-top: 20px
margin-bottom: 10px
h4, h5, h6
margin-top: 10px
margin-bottom: 10px
h1, h2, h3, h4, h5, h6
font-family: inherit
font-weight: 500
line-height: 1.1
color: inherit
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
padding: 9.5px
margin: 0 0 10px
font-size: 13px
line-height: 1.42857143
color: #333
word-break: break-all
word-wrap: break-word
background-color: #f5f5f5
border: 1px solid #ccc
border-radius: 4px
font-family: Menlo,Monaco,Consolas,Courier New,monospace
code
font-family: Menlo,Monaco,Consolas,"Courier New",monospace
padding: 2px 4px
font-size: 90%
color: $code
background-color: #f9f2f4
border-radius: 4px
pre code
padding: 0
font-size: inherit
color: inherit
white-space: pre-wrap
background-color: transparent
border-radius: 0
.row
margin-right: -15px
margin-left: -15px
&:after
display: table
content: " "
clear: both
.col-md-6
position: relative
min-height: 1px
padding-right: 15px
padding-left: 15px
@media (min-width: 992px)
float: left
width: 46%
.text-justify
text-align: justify
.page-header
padding-bottom: 9px
margin: 40px 0 20px
border-bottom: 1px solid #eee
.jumbotron
padding-top: 30px
padding-bottom: 30px
margin-bottom: 30px
color: inherit
@media screen and (min-width: 768px)
padding-top: 48px
padding-bottom: 48px
.container
@media (min-width: 768px)
width: 750px
@media (min-width: 992px)
width: 970px
@media (min-width: 1200px)
width: 1170px
padding-right: 15px
padding-left: 15px
margin-right: auto
margin-left: auto
&:after
display: table
content: " "
clear: both
.navbar-icon
font-size: 125%
display: inline-block !important
.navbar.navbar-default
border-top: 5px solid var(--accent)
border-bottom: 1px solid #e7e7e7
.navbar-right
@media (min-width: 768px)
float: right!important
margin-right: -15px
nav
background-color: rgba(243, 243, 243, 0.8)
border-color: #e7e7e7
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
line-height: 1.4 !important
a:hover
background-color: #e7e7e7
text-decoration: none
.navbar-nav
margin: 7.5px -15px
@media (min-width: 768px)
float: left
margin: 0
.navbar-nav>li
@media (min-width: 768px)
float: left
.nav
padding-left: 0
margin-bottom: 0
list-style: none
&>li
position: relative
display: block
.navbar-nav>li>a
@media (min-width: 768px)
padding-top: 15px
padding-bottom: 15px
padding: 10px 15px
line-height: 20px
position: relative
display: block
.navbar-fixed-bottom, .navbar-fixed-top
position: fixed
right: 0
left: 0
z-index: 1030
.navbar-fixed-top
top: 0
border-width: 0 0 1px
border-radius: 0
.navbar
min-height: 50px
margin-bottom: 0
border: 1px solid transparent
.visible-lg, .visible-md, .visible-sm, .visible-xs
display: none !important
@media (max-width: 767px)
display: block !important
.navbar-brand
float: left
height: 50px
font-size: 18px
position: relative
top: 15px
left: 30px
line-height: 20px
font-weight: bold
footer
border-bottom: 5px solid var(--accent)
background-color: rgba(243, 243, 243, 0.8)
.navbar-default .navbar-toggle
border-color: #ddd
.navbar-toggle
@media (min-width: 768px)
display: none
position: relative
float: right
padding: 9px 10px
margin-top: 8px
margin-right: 15px
margin-bottom: 8px
background-color: transparent
background-image: none
border: 1px solid transparent
border-radius: 4px
.icon-bar
background-color: #888
.icon-bar
display: block
width: 22px
height: 2px
border-radius: 1px
&+.icon-bar
margin-top: 4px
button, input, select, textarea
font-family: inherit
font-size: inherit
line-height: inherit
button, html input[type=button], input[type=reset], input[type=submit]
-webkit-appearance: button
cursor: pointer
button, select
text-transform: none
button
overflow: visible
button, input, optgroup, select, textarea
margin: 0
font: inherit
color: inherit
.navbar-default .navbar-collapse, .navbar-default .navbar-form
border-color: #e7e7e7
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
margin-right: -15px
margin-left: -15px
@media (min-width: 768px)
margin-right: 0
margin-left: 0
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
max-height: 340px
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse
@media (min-width: 768px)
padding-right: 0
padding-left: 0
.navbar-collapse.collapse
@media (min-width: 768px)
display: block!important
height: auto!important
padding-bottom: 0
overflow: visible!important
.navbar-collapse
@media (min-width: 768px)
width: auto
border-top: 0
-webkit-box-shadow: none
box-shadow: none
.navbar-collapse
padding-right: 15px
padding-left: 15px
overflow-x: visible
-webkit-overflow-scrolling: touch
border-top: 1px solid transparent
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
.collapse
display: none
.collapsing
padding-top: 40px
animation: 1s fadeIn
animation-fill-mode: forwards
@keyframes fadeIn
0%
opacity: 0
100%
visibility: visible
opacity: 1
hr
margin-top: 20px
margin-bottom: 20px
border: 0
border-top: 1px solid #eee
height: 0
-webkit-box-sizing: content-box
-moz-box-sizing: content-box
box-sizing: content-box
.pagination
display: inline-block
padding-left: 0
margin: 20px 0
border-radius: 4px
.pagination > li
display: inline
.pagination > li > a,
.pagination > li > span
position: relative
float: left
padding: 6px 12px
margin-left: -1px
line-height: 1.42857143
text-decoration: none
background-color: #fff
border: 1px solid #ddd
.pagination > li:first-child > a,
.pagination > li:first-child > span
margin-left: 0
border-top-left-radius: 4px
border-bottom-left-radius: 4px
.pagination > li:last-child > a,
.pagination > li:last-child > span
border-top-right-radius: 4px
border-bottom-right-radius: 4px
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus
z-index: 2
color: #23527c
background-color: #eee
border-color: #ddd
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
z-index: 3
cursor: default
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus
color: #777
cursor: not-allowed
background-color: #fff
border-color: #ddd
.pagination-lg > li > a,
.pagination-lg > li > span
padding: 10px 16px
font-size: 18px
line-height: 1.3333333
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span
border-top-left-radius: 6px
border-bottom-left-radius: 6px
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span
border-top-right-radius: 6px
border-bottom-right-radius: 6px
.pagination-sm > li > a,
.pagination-sm > li > span
padding: 5px 10px
font-size: 12px
line-height: 1.5
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span
border-top-left-radius: 3px
border-bottom-left-radius: 3px
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span
border-top-right-radius: 3px
border-bottom-right-radius: 3px
.pager
padding-left: 0
margin: 20px 0
text-align: center
list-style: none
.pager li
display: inline
.pager li > a,
.pager li > span
display: inline-block
padding: 5px 14px
background-color: #fff
border: 1px solid #ddd
border-radius: 15px
.pager li > a:hover,
.pager li > a:focus
text-decoration: none
background-color: #eee
.pager .next > a,
.pager .next > span
float: right
.pager .previous > a,
.pager .previous > span
float: left
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span
color: #777
cursor: not-allowed
background-color: #fff

2
themes/brainbaking-minimal/assets/sass/_brainbaking-intro.sass
View File

@ -38,4 +38,4 @@
.intro
margin-top: -150px
@media (min-width: 768px)
margin-top: -40px
margin-top: -100px

163
themes/brainbaking-minimal/assets/sass/_brainbaking.sass
View File

@ -1,30 +1,68 @@
html body
font-family: $font-stack
html, body
height: 100%
scroll-behavior: smooth
font-size: 1.0rem
@media (min-width: 768px)
font-size: 1.05rem
@media (min-width: 960px)
font-size: 1.1rem
pre
code
font-size: 0.9rem
body
padding-top: 55px
display: flex
text-align: center
flex-direction: column
margin: 0
color: #333
padding-top: 55px
display: flex
text-align: center
flex-direction: column
nav, footer
font-size: 0.85rem
nav
svg
width: 24px
height: 24px
float: left
%icon-in-text
position: relative
top: 5px
width: 24px !important
height: 24px !important
main
p
.icon
@extend %icon-in-text
.icon
width: 32px
height: 32px
padding-right: 0.3rem
&-small
position: relative
top: 2px
padding-right: 0.1rem
width: 16px !important
height: 16px !important
&-text
@extend %icon-in-text
&-inline
float: left
color: #999
.copyright
margin: 15px 0
.navbar-icon
font-size: 125%
display: inline-block !important
.navbar.navbar-default
border-top: 5px solid var(--accent)
footer
border-bottom: 5px solid var(--accent)
ul
list-style: circle
@ -49,13 +87,13 @@ img
figure
margin-bottom: 1.5em !important
img
margin-bottom: 0
margin-bottom: 0 !important
figcaption
margin-top: 1rem !important
h4, p
margin-top: 0.8rem !important
h4, p
font-size: 1.2rem
text-align: center
margin-top: 0 !important
font-size: 1.7rem !important
font-style: italic
font-weight: normal
color: #aaa
@ -63,80 +101,29 @@ figure
/** general **/
blockquote
font-size: 14pt !important
line-height: 1.7
a:link, a:visited
color: var(--accent) !important
a:link, a:visited, a
color: var(--accent)
text-decoration: none
a.icon:hover
text-decoration: none
a:hover
color: var(--accent) !important
nav
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
font-size: 14px !important
line-height: 1.4 !important
text-decoration: underline
h1, h2, h3, h4, h5, h6
line-height: 1.8 !important
font-weight: bold !important
h2
font-size: 26pt !important
h3
font-size: 22pt !important
h4
font-size: 16pt !important
h5
font-size: 14pt !important
h4 a
font-weight: normal
pre
font-size: 12pt !important
font-size: 1rem !important
@media (max-width: 767px)
main, blockquote
font-size: 12pt !important
h2
font-size: 24pt !important
h3
font-size: 20pt !important
h4
font-size: 14pt !important
h5
font-size: 13pt !important
pre
font-size: 10pt !important
.big-img .container
@media (min-width: 768px)
height: 200px
@ -145,12 +132,13 @@ pre
blockquote
color: #888 !important
line-height: 1.7
color: #888
border-left: 5px solid var(--accent) !important
main
font-size: 14pt !important
main
display: block
line-height: 1.7
margin: auto
padding: 25px
@ -182,8 +170,11 @@ main
.item
padding: 10px 0
.item-tag
color: var(--accent)
background-color: white
border: 1px solid var(--accent)
font-size: 1.3rem
kbd
color: var(--accent)
border: 1px solid var(--accent)
font-size: 1rem
padding: 2px 4px
border-radius: 3px
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)

12
themes/brainbaking-minimal/assets/sass/_listing.sass
View File

@ -1,6 +1,6 @@
.list
text-align: left
padding-left: 4rem
padding-left: 2rem
h2
border-top: 1px solid #eee
@ -16,17 +16,17 @@
list-style: none
margin: 0
padding: 0
padding-bottom: 4rem
padding-bottom: 1rem
@media (min-width: 768px)
padding-left: 7rem
padding-left: 4rem
li
padding: 1rem
padding: 0.8rem
.list-date
font-weight: normal
padding-left: 0.6rem
padding-right: 0.6rem
padding-left: 0.4rem
padding-right: 0.4rem
color: white
background-color: var(--accent)
border-radius: 2rem

2
themes/brainbaking-minimal/assets/sass/main.sass
View File

@ -1,6 +1,8 @@
$grey: #333
$code: #c7254e
@import 'fonts'
@import 'bootstrap-minimal'
@import 'brainbaking'
@import 'brainbaking-intro'
@import 'listing'

8
themes/brainbaking-minimal/layouts/_default/list.html
View File

@ -4,7 +4,7 @@
{{ if .Title }}
<h1>
<i class='fa {{ .Params.icontag }}'></i>&nbsp;{{ .Title }}
<svg class='icon'><use xlink:href="#{{ .Params.icontag }}"></use></svg>&nbsp;{{ .Title }}
</h1>
<hr/>
{{ end }}
@ -28,14 +28,14 @@
<li>
<span class="list-date">{{ .Date.Format ("02") }}</span>
<div class="list-title">
<h4>
<h5>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h4>
</h5>
{{ .Params.subtitle }}
</div>
{{ if isset .Params "tags" }}
<div class="list-tags">
<i class='fa fa-tags' style='color: grey;'></i>&nbsp;
<svg class='icon icon-inline'><use xlink:href="#tag"></use></svg>&nbsp;
{{ range .Params.tags }}
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
{{ end }}

6
themes/brainbaking-minimal/layouts/_default/single.html
View File

@ -20,7 +20,7 @@
{{ if $related }}
<h4 class="page-header"><i class="fa fa-newspaper-o"></i>&nbsp;Related Articles</h4>
<h4 class="page-header"><svg class='icon icon-text'><use xlink:href='#news'></use></svg>Related Articles</h4>
<div class="text-justify">
{{ range $related }} {{ partial "related-item" . }} {{ end }}
@ -32,7 +32,7 @@
<!-- commenting part -->
{{ if (not .Params.disableComments) }}
<h4 class="page-header"><i class="fa fa-comments-o"></i>&nbsp;
<h4 class="page-header"><svg class='icon icon-text'><use xlink:href='#discuss'></use></svg>
{{ if eq "essays" .Section }}
Discussieer mee
{{ else }}
@ -49,7 +49,7 @@
{{ end }}
<h4 class="page-header">&nbsp;</h4>
<i class='fa fa-arrow-circle-o-up'></i>&nbsp;<a href="#top">Top</a>
<svg class='icon icon-text'><use xlink:href='#up'></use></svg><a href="#top">Top</a>
</main>

4
themes/brainbaking-minimal/layouts/_default/taxonomy.html
View File

@ -3,7 +3,7 @@
<main>
<h2>
<i class='fa fa-tags'></i>&nbsp;Tagged with: <br/>"{{ .Title }}"
<svg class='icon'><use xlink:href='#tag'></use></svg>Tagged with: <br/>"{{ .Title }}"
</h2>
<div class="list">
@ -25,7 +25,7 @@
</div>
{{ if isset .Params "tags" }}
<div class="list-tags">
<i class='fa fa-tags' style='color: grey;'></i>&nbsp;
<svg class='icon icon-text'><use xlink:href='#tag'></use></svg>
{{ range .Params.tags }}
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
{{ end }}

6
themes/brainbaking-minimal/layouts/_default/terms.html
View File

@ -3,7 +3,9 @@
<main>
<h2><i class='fa {{ .Params.icontag }}'></i>&nbsp;{{ .Title }}</h2>
<h1>
<svg class='icon'><use xlink:href="#{{ .Params.icontag }}"></use></svg>&nbsp;{{ .Title }}
</h1>
<hr/>
@ -35,7 +37,7 @@
{{ $.Scratch.Set "curLetter" $firstChar }}
<h4 style="float: left; color: grey;">
<i class='fa fa-tag'></i>&nbsp;{{ $firstChar }}
<svg class='icon' style='position: relative; top: 5px'><use xlink:href='#tag'></use></svg>{{ $firstChar }}
</h4>
<ul style="text-align: left; float: left; margin-left: 20px; width: 80%; list-style-type: none; border-left: #eee 1px solid;">
{{ end }}

6
themes/brainbaking-minimal/layouts/partials/css.html
View File

@ -9,9 +9,3 @@
{{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
{{- $styles := resources.Get "sass/main.sass" | resources.ExecuteAsTemplate "main.sass" . | resources.ToCSS $options | resources.Fingerprint "sha512" }}
<link rel = 'stylesheet' href = '{{ $styles.Permalink }}' integrity = '{{ $styles.Data.Integrity }}'>
<!-- bootstrap -->
<link rel="stylesheet" href="/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- font awesome -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

1
themes/brainbaking-minimal/layouts/partials/footer.html
View File

@ -1,3 +1,4 @@
<footer>
<p class="copyright text-muted">{{ .Site.Params.copyright | default "&copy; All rights reserved. Powered by [Hugo](https://gohugo.io) and [Minimal](https://github.com/calintat/minimal)" | markdownify }}</p>

3
themes/brainbaking-minimal/layouts/partials/header.html
View File

@ -13,6 +13,7 @@
{{ end }}
</head>
<body>
{{ partial "icons" . }}
{{ partial "body-open" . }}
<nav class="navbar navbar-default navbar-fixed-top">
@ -22,7 +23,7 @@
<a class="navbar-brand visible-xs" href="#">{{ .Title }}</a>
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse">
<button class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

49
themes/brainbaking-minimal/layouts/partials/icons.html Normal file
View File

@ -0,0 +1,49 @@
<svg width="0" height="0" class="hidden">
<symbol viewBox="0 0 24 24" id="tech" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M9.54 15.65L11.63 17.74L10.35 19L7 15.65L10.35 12.3L11.63 13.56L9.54 15.65M17 15.65L13.65 19L12.38 17.74L14.47 15.65L12.38 13.56L13.65 12.3L17 15.65Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="tag" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M6.5 10C7.3 10 8 9.3 8 8.5S7.3 7 6.5 7 5 7.7 5 8.5 5.7 10 6.5 10M9 6L16 13L11 18L4 11V6H9M9 4H4C2.9 4 2 4.9 2 6V11C2 11.6 2.2 12.1 2.6 12.4L9.6 19.4C9.9 19.8 10.4 20 11 20S12.1 19.8 12.4 19.4L17.4 14.4C17.8 14 18 13.5 18 13C18 12.4 17.8 11.9 17.4 11.6L10.4 4.6C10.1 4.2 9.6 4 9 4M13.5 5.7L14.5 4.7L21.4 11.6C21.8 12 22 12.5 22 13S21.8 14.1 21.4 14.4L16 19.8L15 18.8L20.7 13L13.5 5.7Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="about" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="teaching" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="book" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M9.05,9H7.06V6H9.05V4.03H7.06V3.03C7.06,1.92 7.95,1.04 9.05,1.04H15.03V8L17.5,6.5L20,8V1.04H21C22.05,1.04 23,2 23,3.03V17C23,18.03 22.05,19 21,19H9.05C8,19 7.06,18.05 7.06,17V16H9.05V14H7.06V11H9.05V9M1,18H3V15H1V13H3V10H1V8H3V5H5V8H3V10H5V13H3V15H5V18H3V20H5V21H21V23H5A2,2 0 0,1 3,21V20H1V18Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="github" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="bread" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M5 22C3.68 22 3.15 19.64 3.04 18.7A5.56 5.56 0 0 1 3.36 16A2.5 2.5 0 0 1 5.23 14.38C6.4 14.18 7.23 14.88 8.29 15.12A1.21 1.21 0 0 0 9.85 13.75C9.41 12.03 6.28 12 5 12C5 10.14 7.04 9.9 8.5 10.04A10.8 10.8 0 0 1 11.04 10.6C11.54 10.77 12.12 11.2 12.67 11.16C13.5 11.09 13.67 10.23 13.31 9.6C12.44 8.12 9.97 8 8.5 8C8.5 6 10.23 5.62 11.89 5.92A11.58 11.58 0 0 1 14.38 6.71C14.89 6.93 15.5 7.35 16.06 7.16C17.5 6.72 16 5.18 15.36 4.81A6.6 6.6 0 0 0 13.94 4.23C13.4 4.07 12.74 4.13 13.23 3.5A5.13 5.13 0 0 1 15.96 2.26C17.85 1.82 20.46 1.74 20.92 4.12A5.3 5.3 0 0 1 20.07 7.7A38.96 38.96 0 0 1 13.22 16.33A36.6 36.6 0 0 1 8.62 20.32C7.62 21.04 6.3 22 5 22Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="goodreads" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M17,12.77C15.96,14.42 14.22,15.5 12.25,15.5C9.07,15.5 6.5,12.7 6.5,9.25C6.5,5.8 9.07,3 12.25,3C14.22,3 15.96,4.08 17,5.73V3H18V15.25C18,20.71 14.54,21 11.5,21C9,21 7.55,19.31 7.13,17H8.14C8.5,18.75 9.54,20 11.5,20C13.72,20 17,20.05 17,15.25V15.25L17,12.77M12.25,4C9.63,4 7.5,6.35 7.5,9.25C7.5,12.15 9.63,14.5 12.25,14.5C14.87,14.5 17,12.15 17,9.25C17,6.35 14.87,4 12.25,4Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="news" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M4 7V19H19V21H4C2 21 2 19 2 19V7H4M21 5V15H8V5H21M21.3 3H7.7C6.76 3 6 3.7 6 4.55V15.45C6 16.31 6.76 17 7.7 17H21.3C22.24 17 23 16.31 23 15.45V4.55C23 3.7 22.24 3 21.3 3M9 6H12V11H9V6M20 14H9V12H20V14M20 8H14V6H20V8M20 11H14V9H20V11Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="discuss" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M15,4V11H5.17L4,12.17V4H15M16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12V3A1,1 0 0,0 16,2M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="bulb" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47 16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1 12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05 8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0 12,4Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="up" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M12,7L17,12H14V16H10V12H7L12,7M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="cal1" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M7,12H9V14H7V12M21,6V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V6A2,2 0 0,1 5,4H6V2H8V4H16V2H18V4H19A2,2 0 0,1 21,6M5,8H19V6H5V8M19,20V10H5V20H19M15,14V12H17V14H15M11,14V12H13V14H11M7,16H9V18H7V16M15,18V16H17V18H15M11,18V16H13V18H11Z" />
</symbol>
<symbol viewBox="0 0 24 24" id="cal2" xmlns="http://www.w3.org/2000/svg">
<path fill="currentColor" d="M19,3H18V1H16V3H8V1H6V3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H10V19H5V8H19V9H21V5A2,2 0 0,0 19,3M21.7,13.35L20.7,14.35L18.65,12.35L19.65,11.35C19.85,11.14 20.19,11.13 20.42,11.35L21.7,12.63C21.89,12.83 21.89,13.15 21.7,13.35M12,18.94L18.07,12.88L20.12,14.88L14.06,21H12V18.94Z" />
</symbol>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

9
themes/brainbaking-minimal/layouts/partials/js.html
View File

@ -1,9 +1,8 @@
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- dismiss expanded navigation bar with click -->
<script>$(document).on('click', function() { $('.collapse').collapse('hide'); })</script>
{{- $mainScriptPath := "js/brainbaking.js" }}
{{- $scripts := resources.Get $mainScriptPath | resources.ExecuteAsTemplate $mainScriptPath . }}
<script src = '{{ $scripts.Permalink }}'></script>
<script src="/js/brainbaking.js"></script>
{{- if (ne hugo.Environment "development") }}
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->

10
themes/brainbaking-minimal/layouts/partials/list-item.html
View File

@ -3,7 +3,7 @@
{{ if .Title }}
<h3>
{{ with .Params.icontag }}
<i class='fa {{ . }}'></i>&nbsp;
<svg class='icon'><use xlink:href='#{{ . }}'></use></svg>
{{ end }}
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h3>
@ -16,13 +16,13 @@
<h5>
<span style="color: grey;">
<span title="Created Date">
<i class='fa fa-calendar'></i>&nbsp;{{ $.Scratch.Get "subtitle" }}
<svg class='icon icon-text'><use xlink:href='#cal1'></use></svg>{{ $.Scratch.Get "subtitle" }}
</span>&nbsp;|&nbsp;
<span title="Last Modified Date">
<i class='fa fa-calendar-check-o'></i>&nbsp;{{ .Lastmod.Format (.Site.Params.dateFormat | default "2 January 2006") }}
<svg class='icon icon-text'><use xlink:href='#cal2'></use></svg>{{ .Lastmod.Format (.Site.Params.dateFormat | default "2 January 2006") }}
</span>&nbsp;|&nbsp;
<span title="Comments">
<i class="fa fa-comments-o"></i>&nbsp;<a href="{{ .Permalink }}#commento"></a>
<svg class='icon icon-text'><use xlink:href='#discuss'></use></svg><a href="{{ .Permalink }}#commento"></a>
</span>
</span>
</h5>
@ -30,7 +30,7 @@
{{ if isset $.Params "tags" }}
<i class='fa fa-tags' style='color: grey;'></i>&nbsp;
<svg class='icon icon-text'><use xlink:href='#tag'></use></svg>
{{ end }}
{{ range .Params.tags }}
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>

17
themes/brainbaking-minimal/layouts/partials/paginator.html
View File

@ -1,17 +0,0 @@
{{ if or .Paginator.HasPrev .Paginator.HasNext }}
<div class="pages">
{{ if .Paginator.HasPrev }}
<a class="icon pages-icon" href="{{ .Paginator.Prev.URL }}" rel="prev">
<i class="fa fa-arrow-left"></i>
</a>
{{ end }} {{ if .Paginator.HasNext }}
<a class="icon pages-icon" href="{{ .Paginator.Next.URL }}" rel="next">
<i class="fa fa-arrow-right"></i>
</a>
{{ end }}
</div>
{{ end }}

2
themes/brainbaking-minimal/layouts/partials/related-item.html
View File

@ -5,7 +5,7 @@
{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") | $.Scratch.Set "subtitle" }}
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
{{ if isset $.Params "subtitle" }}
{{ .Params.subtitle }} <span style="color: lightgrey;"><i class='fa fa-calendar'></i>&nbsp;{{ $.Scratch.Get "subtitle" }}</span>
{{ .Params.subtitle }} <span style="color: lightgrey;"><svg class='icon icon-text'><use xlink:href='#cal1'></use></svg> {{ $.Scratch.Get "subtitle" }}</span>
{{ end }}
</div>