dump jquery and bootstrap! yay!
This commit is contained in:
parent
c10dd17294
commit
97d716af06
12
config.toml
12
config.toml
|
@ -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
|
||||
|
||||
|
|
|
@ -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> Github account](https://github.com/wgroeneveld) or [<i class='fa fa-paperclip'></i> 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> 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> 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> 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> 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.
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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> technical blog](/post) and [<i class='fa fa-book'></i> 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.
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Tags
|
||||
icontag: fa-tags
|
||||
icontag: tag
|
||||
---
|
||||
|
||||
> The good life is one inspired by love and guided by knowledge. - Russell
|
||||
|
|
|
@ -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> <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> <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> <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> <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> <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> <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> {{ 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 }}
|
||||
<span style="color: lightgrey;"><i class='fa fa-calendar'></i> {{ $.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 "© All rights reserved. Powered by [Hugo](https://gohugo.io) and [Minimal](https://github.com/calintat/minimal)" | markdownify }}</p>
|
||||
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
|
|
|
@ -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();
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
});
|
|
@ -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
|
|
@ -38,4 +38,4 @@
|
|||
.intro
|
||||
margin-top: -150px
|
||||
@media (min-width: 768px)
|
||||
margin-top: -40px
|
||||
margin-top: -100px
|
||||
|
|
|
@ -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
|
||||
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
|
||||
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,78 +101,27 @@ 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
|
||||
|
||||
|
||||
@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
|
||||
font-size: 1rem !important
|
||||
|
||||
|
||||
.big-img .container
|
||||
|
@ -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
|
||||
display: block
|
||||
line-height: 1.7
|
||||
margin: auto
|
||||
padding: 25px
|
||||
|
@ -182,8 +170,11 @@ main
|
|||
.item
|
||||
padding: 10px 0
|
||||
|
||||
.item-tag
|
||||
kbd
|
||||
color: var(--accent)
|
||||
background-color: white
|
||||
border: 1px solid var(--accent)
|
||||
font-size: 1.3rem
|
||||
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)
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -1,6 +1,8 @@
|
|||
$grey: #333
|
||||
$code: #c7254e
|
||||
|
||||
@import 'fonts'
|
||||
@import 'bootstrap-minimal'
|
||||
@import 'brainbaking'
|
||||
@import 'brainbaking-intro'
|
||||
@import 'listing'
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
|
||||
{{ if .Title }}
|
||||
<h1>
|
||||
<i class='fa {{ .Params.icontag }}'></i> {{ .Title }}
|
||||
<svg class='icon'><use xlink:href="#{{ .Params.icontag }}"></use></svg> {{ .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>
|
||||
<svg class='icon icon-inline'><use xlink:href="#tag"></use></svg>
|
||||
{{ range .Params.tags }}
|
||||
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
|
||||
{{ end }}
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
{{ if $related }}
|
||||
|
||||
<h4 class="page-header"><i class="fa fa-newspaper-o"></i> 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>
|
||||
<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"> </h4>
|
||||
|
||||
<i class='fa fa-arrow-circle-o-up'></i> <a href="#top">Top</a>
|
||||
<svg class='icon icon-text'><use xlink:href='#up'></use></svg><a href="#top">Top</a>
|
||||
|
||||
</main>
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<main>
|
||||
|
||||
<h2>
|
||||
<i class='fa fa-tags'></i> 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>
|
||||
<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 }}
|
||||
|
|
|
@ -3,7 +3,9 @@
|
|||
<main>
|
||||
|
||||
|
||||
<h2><i class='fa {{ .Params.icontag }}'></i> {{ .Title }}</h2>
|
||||
<h1>
|
||||
<svg class='icon'><use xlink:href="#{{ .Params.icontag }}"></use></svg> {{ .Title }}
|
||||
</h1>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
@ -35,7 +37,7 @@
|
|||
{{ $.Scratch.Set "curLetter" $firstChar }}
|
||||
|
||||
<h4 style="float: left; color: grey;">
|
||||
<i class='fa fa-tag'></i> {{ $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 }}
|
||||
|
|
|
@ -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,3 +1,4 @@
|
|||
|
||||
<footer>
|
||||
|
||||
<p class="copyright text-muted">{{ .Site.Params.copyright | default "© All rights reserved. Powered by [Hugo](https://gohugo.io) and [Minimal](https://github.com/calintat/minimal)" | markdownify }}</p>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
After Width: | Height: | Size: 6.6 KiB |
|
@ -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 -->
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
{{ if .Title }}
|
||||
<h3>
|
||||
{{ with .Params.icontag }}
|
||||
<i class='fa {{ . }}'></i>
|
||||
<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> {{ $.Scratch.Get "subtitle" }}
|
||||
<svg class='icon icon-text'><use xlink:href='#cal1'></use></svg>{{ $.Scratch.Get "subtitle" }}
|
||||
</span> |
|
||||
<span title="Last Modified Date">
|
||||
<i class='fa fa-calendar-check-o'></i> {{ .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> |
|
||||
<span title="Comments">
|
||||
<i class="fa fa-comments-o"></i> <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>
|
||||
<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>
|
||||
|
|
|
@ -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 }}
|
|
@ -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> {{ $.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>
|
||||
|
|
Loading…
Reference in New Issue