cleanup mainpage
This commit is contained in:
parent
dcdfdf7689
commit
e70c8dddd1
|
@ -1,7 +1,6 @@
|
|||
languageCode = "en-us"
|
||||
title = "Brain Baking"
|
||||
baseurl = "https://brainbaking.com/"
|
||||
enableEmoji = true
|
||||
theme = "minimal"
|
||||
pygmentsUseClasses = true
|
||||
pygmentCodeFences = true
|
||||
|
@ -9,10 +8,10 @@ googleAnalytics = "UA-45748221-1"
|
|||
publishDir = "docs"
|
||||
|
||||
[taxonomies]
|
||||
tag = "tags"
|
||||
tag = "tags"
|
||||
|
||||
[params]
|
||||
description = "Freshly baked thoughts."
|
||||
description = "Freshly baked thought"
|
||||
# see single.html, DisqusShortname also needed
|
||||
disableComments = true
|
||||
accent = "purple"
|
||||
|
@ -22,7 +21,7 @@ publishDir = "docs"
|
|||
highlightStyle = "paraiso-dark"
|
||||
highlightLanguages = ["c#", "java", "scala", "javascript"]
|
||||
font = "Open Sans"
|
||||
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='/'>Brainbaking</a>"
|
||||
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>"
|
||||
|
||||
[Author]
|
||||
name = "Wouter Groeneveld"
|
||||
|
|
|
@ -5,6 +5,6 @@ icontag: fa-file-code-o
|
|||
|
||||
> No Art and Science serve alone; Patience must in the work be shown. - Goethe
|
||||
|
||||
A 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 the 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.
|
||||
A 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 [technical blog](/post) and [essayistic works](/essays) by separating them in different categories, each with their own intention and language.
|
|
@ -5,7 +5,7 @@ subtitle: Software ontwerp in termen van objecten
|
|||
tags:
|
||||
- tech
|
||||
- teaching
|
||||
published: true
|
||||
published: false
|
||||
---
|
||||
|
||||
Software schrijven is niet veel anders dan een wereld beschrijven. Dé wereld, waarin wij leven, is één wereld. Met software kunnen we dus theoretisch gezien onze wereld beschrijven. Als we even niet aan software ontwikkeling denken, hoe beschrijven we dan een of de wereld? Hoe bouw ik een fantasie wereld op in een roman waarbij mijn lezers zich comfortabel kunnen inleven in die wereld?
|
||||
|
|
|
@ -6,6 +6,9 @@ title = "Teaching"
|
|||
icontag = "fa-graduation-cap"
|
||||
+++
|
||||
|
||||
> I cannot teach anybody anything, I can only make them think. - Socrates
|
||||
|
||||
Transforming knowledge into well-digestible material is <i class='fa fa-lightbulb-o'></i> <a href="/">my mission</a>. The best way to learn something is to teach it, and I fully agree with that quote. It makes me come outside my comfort zone to break down something I _think_ I know really well into abstract concepts to be able to redefine something together with eager learners.
|
||||
|
||||
#### 2018
|
||||
|
||||
|
|
|
@ -2,16 +2,63 @@
|
|||
|
||||
<main>
|
||||
|
||||
<div class="intro">
|
||||
<div class="intro" style="margin-top: -40px;">
|
||||
|
||||
{{ with .Site.Params.profilePic }} <img class="profile" src="{{ . }}"> {{ end }}
|
||||
|
||||
<h1>{{ .Site.Title }}</h1>
|
||||
<h1 style="color: #555">
|
||||
<span style="float: left;">Brain</span>
|
||||
<div class="avatar-container" style="float: left;">
|
||||
<div class="avatar-img-border">
|
||||
<a title="{{ .Site.Title }}" href="{{ .Site.BaseURL }}">
|
||||
<img class="avatar-img" src="/img/avatar-icon.png" alt="{{ .Site.Title }}" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<span style="float: left;">Baking</span>
|
||||
</h1>
|
||||
|
||||
<h2>{{ markdownify .Site.Params.Description }}</h2>
|
||||
<blockquote class="text-justify" style="clear: both;">
|
||||
<em><i class="fa fa-lightbulb-o"></i> <a href="/">Brain Baking</a>:</em> transforming
|
||||
<span style="white-space: nowrap;">
|
||||
<i class='fa fa-user'></i> <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>
|
||||
</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>
|
||||
</span>,
|
||||
<span style="white-space: nowrap;">
|
||||
<i class='fa fa-book'></i> <a href="/essays">philosophy</a>
|
||||
</span> and
|
||||
<span style="white-space: nowrap;">
|
||||
<i class='fa fa-tags'></i> <a href="/tags">the world</a>
|
||||
</span>.
|
||||
</blockquote>
|
||||
|
||||
<hr/>
|
||||
<h2>
|
||||
<i class="fa fa-newspaper-o"></i> {{ markdownify .Site.Params.Description }}:
|
||||
</h2>
|
||||
|
||||
{{ range (.Paginator 1).Pages.ByDate.Reverse }}
|
||||
{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") | $.Scratch.Set "subtitle" }}
|
||||
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
|
||||
|
||||
<h4>
|
||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||
</h4>
|
||||
{{ .Params.subtitle }} <span style="color: lightgrey;"><i class='fa fa-calendar'></i> {{ $.Scratch.Get "subtitle" }}</span>
|
||||
{{ end }}
|
||||
|
||||
<hr/>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
|
||||
{{ partial "footer" . }}
|
||||
|
|
|
@ -1,5 +1,46 @@
|
|||
<style>
|
||||
|
||||
.avatar-container {
|
||||
width: 50px;
|
||||
margin-left: 40px;
|
||||
}
|
||||
.avatar-container .avatar-img-border {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
margin-left: -50%;
|
||||
display: inline-block;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
||||
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .8);
|
||||
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
|
||||
}
|
||||
.avatar-container .avatar-img {
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.avatar-container {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.avatar-container .avatar-img-border {
|
||||
width: 100%;
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
|
||||
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
|
||||
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .8);
|
||||
}
|
||||
|
||||
.avatar-container .avatar-img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
color: #888 !important;
|
||||
border-left: 5px solid var(--accent) !important;
|
||||
}
|
||||
|
||||
main {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
@ -8,6 +49,11 @@ main .text-justify p {
|
|||
margin: 0 0 20px !important;
|
||||
}
|
||||
|
||||
main .text-justify blockquote p {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.big-img {
|
||||
background: no-repeat center center;
|
||||
-webkit-background-size: cover;
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 133 KiB |
Loading…
Reference in New Issue