migrate to sass
This commit is contained in:
parent
f0ce6be518
commit
deb97bd39f
|
@ -5,5 +5,6 @@ public/
|
||||||
.gradle/
|
.gradle/
|
||||||
out/
|
out/
|
||||||
build/
|
build/
|
||||||
|
resources/
|
||||||
|
|
||||||
*.class
|
*.class
|
||||||
|
|
|
@ -22,9 +22,6 @@ enableGitInfo = true
|
||||||
disableComments = true
|
disableComments = true
|
||||||
accent = "purple"
|
accent = "purple"
|
||||||
showBorder = true
|
showBorder = true
|
||||||
twitter = "woutergroenev"
|
|
||||||
backgroundColor = "white"
|
|
||||||
font = "Source Serif Pro"
|
|
||||||
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. <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]
|
[Author]
|
||||||
|
|
|
@ -1,58 +0,0 @@
|
||||||
{{ partial "header" . }}
|
|
||||||
|
|
||||||
<main>
|
|
||||||
|
|
||||||
{{ if .Title }}
|
|
||||||
<h1>
|
|
||||||
<i class='fa {{ .Params.icontag }}'></i> {{ .Title }}
|
|
||||||
</h1>
|
|
||||||
<hr/>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ with .Content }}
|
|
||||||
<div class="text-justify">
|
|
||||||
{{ . }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if (not .Params.disableList) }}
|
|
||||||
<div class="list">
|
|
||||||
{{ range .Paginator.Pages.GroupByDate "2006" "desc" }}
|
|
||||||
<h2>{{ .Key }}</h2>
|
|
||||||
|
|
||||||
{{ range .Pages.GroupByDate "Jan" }}
|
|
||||||
<h3>{{ .Key }}</h3>
|
|
||||||
|
|
||||||
<ul class="list-ul">
|
|
||||||
{{ range .Pages.ByDate.Reverse }}
|
|
||||||
<li>
|
|
||||||
<span class="list-date">{{ .Date.Format ("02") }}</span>
|
|
||||||
<div class="list-title">
|
|
||||||
<h4>
|
|
||||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
|
||||||
</h4>
|
|
||||||
{{ .Params.subtitle }}
|
|
||||||
</div>
|
|
||||||
{{ if isset .Params "tags" }}
|
|
||||||
<div class="list-tags">
|
|
||||||
<i class='fa fa-tags' style='color: grey;'></i>
|
|
||||||
{{ range .Params.tags }}
|
|
||||||
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ template "_internal/pagination.html" . }}
|
|
||||||
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{{ partial "footer" . }}
|
|
|
@ -1,56 +0,0 @@
|
||||||
{{ partial "header" . }}
|
|
||||||
|
|
||||||
{{ if .Params.bigimg }}
|
|
||||||
<div class="jumbotron big-img" style='background-image: url("{{.Params.bigimg}}");'>
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<main>
|
|
||||||
|
|
||||||
<a name="top"></a>
|
|
||||||
{{ partial "list-item" . }}
|
|
||||||
|
|
||||||
<br> <div class="text-justify">{{ .Content }}</div>
|
|
||||||
|
|
||||||
<!-- related posts with the same tags -->
|
|
||||||
{{ $related := first 3 (where (where (where .Site.Pages.ByDate.Reverse ".Type" "==" "post") ".Params.tags" "intersect" .Params.tags) "Permalink" "!=" .Permalink) }}
|
|
||||||
|
|
||||||
{{ if $related }}
|
|
||||||
|
|
||||||
<h4 class="page-header"><i class="fa fa-newspaper-o"></i> Related Articles</h4>
|
|
||||||
|
|
||||||
<div class="text-justify">
|
|
||||||
{{ range $related }} {{ partial "related-item" . }} {{ end }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<hr/>
|
|
||||||
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<!-- commenting part -->
|
|
||||||
{{ if (not .Params.disableComments) }}
|
|
||||||
<h4 class="page-header"><i class="fa fa-comments-o"></i>
|
|
||||||
{{ if eq "essays" .Section }}
|
|
||||||
Discussieer mee
|
|
||||||
{{ else }}
|
|
||||||
Join the Discussion
|
|
||||||
{{ end }}
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
{{- if (ne hugo.Environment "development") }}
|
|
||||||
<script defer src="https://commento.brainbaking.com/js/commento.js"></script>
|
|
||||||
<script src="https://commento.brainbaking.com/js/count.js"></script>
|
|
||||||
<div id="commento"></div>
|
|
||||||
{{- end }}
|
|
||||||
|
|
||||||
{{ end }}
|
|
||||||
<h4 class="page-header"> </h4>
|
|
||||||
|
|
||||||
<i class='fa fa-arrow-circle-o-up'></i> <a href="#top">Top</a>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
|
|
@ -1,54 +0,0 @@
|
||||||
{{ partial "header" . }}
|
|
||||||
|
|
||||||
<main>
|
|
||||||
|
|
||||||
|
|
||||||
<h2><i class='fa {{ .Params.icontag }}'></i> {{ .Title }}</h2>
|
|
||||||
|
|
||||||
<hr/>
|
|
||||||
|
|
||||||
{{ with .Content }}
|
|
||||||
<div class="text-justify">
|
|
||||||
{{ . }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<div class="list">
|
|
||||||
|
|
||||||
<!-- https://discourse.gohugo.io/t/lists-of-content-divided-by-posts-first-letter/8534/2 - create a list with all uppercase letters -->
|
|
||||||
{{ $letters := split "ABCDEFGHIJKLMNOPQRSTUVWXYZ" "" }}
|
|
||||||
|
|
||||||
<!-- range all pages sorted by their title -->
|
|
||||||
{{ range .Data.Pages.ByTitle }}
|
|
||||||
<!-- get the first character of each title. Assumes that the title is never empty! -->
|
|
||||||
{{ $firstChar := substr .Title 0 1 | upper }}
|
|
||||||
|
|
||||||
<!-- in case $firstChar is a letter -->
|
|
||||||
{{ if $firstChar | in $letters }}
|
|
||||||
<!-- get the current letter -->
|
|
||||||
{{ $curLetter := $.Scratch.Get "curLetter" }}
|
|
||||||
<!-- if $curLetter isn't set or the letter has changed -->
|
|
||||||
{{ if ne $firstChar $curLetter }}
|
|
||||||
<!-- update the current letter and print it -->
|
|
||||||
</ul>
|
|
||||||
<hr style="clear: both;"/>
|
|
||||||
{{ $.Scratch.Set "curLetter" $firstChar }}
|
|
||||||
|
|
||||||
<h4 style="float: left; color: grey;">
|
|
||||||
<i class='fa fa-tag'></i> {{ $firstChar }}
|
|
||||||
</h4>
|
|
||||||
<ul style="text-align: left; float: left; margin-left: 20px; width: 80%; list-style-type: none; border-left: #eee 1px solid;">
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<h4>
|
|
||||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
|
||||||
</h4>
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
|
|
||||||
{{ partial "footer" . }}
|
|
|
@ -1,28 +0,0 @@
|
||||||
<style>
|
|
||||||
|
|
||||||
html body {
|
|
||||||
font-family: '{{ .Site.Params.font }}', sans-serif;
|
|
||||||
background-color: {{ .Site.Params.backgroundColor | default "white" }};
|
|
||||||
}
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--accent: {{ if .Params.accent }}{{ .Params.accent }}{{ else }}{{ .Site.Params.accent }}{{ end }};
|
|
||||||
--border-width: {{ if .Site.Params.showBorder | default false }} 5px {{ else }} 0 {{ end }};
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<!-- main -->
|
|
||||||
<link rel="stylesheet" href="{{ "css/main.css" | absURL }}">
|
|
||||||
|
|
||||||
<!-- custom -->
|
|
||||||
{{ range .Site.Params.css }} <link rel="stylesheet" href="{{ . | absURL }}"> {{ end }}
|
|
||||||
|
|
||||||
<!-- google fonts -->
|
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ .Site.Params.font }}">
|
|
||||||
|
|
||||||
<!-- bootstrap -->
|
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/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,57 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="{{ .Site.LanguageCode }}">
|
|
||||||
<head>
|
|
||||||
{{ partial "head-open" . }}
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<title>{{ .Title }}</title>
|
|
||||||
{{ if .Site.Params.favicon }}
|
|
||||||
<link rel="icon" href="{{ .Site.Params.favicon | absURL }}">
|
|
||||||
{{ end }}
|
|
||||||
{{ partial "css" . }} {{ partial "js" . }} {{ hugo.Generator }}
|
|
||||||
{{ with .OutputFormats.Get "RSS" }}
|
|
||||||
<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="Brain Baking" />
|
|
||||||
<link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml" title="Brain Baking" />
|
|
||||||
{{ end }}
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
{{ partial "body-open" . }}
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="navbar-header">
|
|
||||||
|
|
||||||
<a class="navbar-brand visible-xs" href="#">{{ .Title }}</a>
|
|
||||||
|
|
||||||
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse">
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
<span class="icon-bar"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse">
|
|
||||||
|
|
||||||
{{ if .Site.Menus.main }}
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
{{ range sort .Site.Menus.main }}
|
|
||||||
<li><a href="{{ .URL }}">{{ .Pre }} {{ .Name }}</a></li>
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Site.Menus.mainright }}
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
|
||||||
{{ range sort .Site.Menus.mainright }}
|
|
||||||
<li><a href="{{ .URL }}">{{ .Pre }} {{ .Name }}</a></li>
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</nav>
|
|
|
@ -1,39 +0,0 @@
|
||||||
<div class="item">
|
|
||||||
|
|
||||||
{{ if .Title }}
|
|
||||||
<h3>
|
|
||||||
{{ with .Params.icontag }}
|
|
||||||
<i class='fa {{ . }}'></i>
|
|
||||||
{{ end }}
|
|
||||||
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
|
||||||
</h3>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") | $.Scratch.Set "subtitle" }}
|
|
||||||
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
|
|
||||||
{{ if isset $.Params "subtitle" }}
|
|
||||||
<h4>{{ .Params.subtitle }}</h4>
|
|
||||||
<h5>
|
|
||||||
<span style="color: grey;">
|
|
||||||
<span title="Created Date">
|
|
||||||
<i class='fa fa-calendar'></i> {{ $.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") }}
|
|
||||||
</span> |
|
|
||||||
<span title="Comments">
|
|
||||||
<i class="fa fa-comments-o"></i> <a href="{{ .Permalink }}#commento"></a>
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</h5>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
|
|
||||||
{{ if isset $.Params "tags" }}
|
|
||||||
<i class='fa fa-tags' style='color: grey;'></i>
|
|
||||||
{{ end }}
|
|
||||||
{{ range .Params.tags }}
|
|
||||||
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
</div>
|
|
|
@ -1,390 +0,0 @@
|
||||||
.list {
|
|
||||||
text-align: left;
|
|
||||||
padding-left: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list h2 {
|
|
||||||
border-top: 1px solid #eee;
|
|
||||||
padding-top: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list h3 {
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
padding-bottom: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.list h3 {
|
|
||||||
float: left;
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-ul {
|
|
||||||
padding-left: 7rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-ul li {
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-ul .list-date {
|
|
||||||
font-weight: normal;
|
|
||||||
padding-left: 0.6rem;
|
|
||||||
padding-right: 0.6rem;
|
|
||||||
color: white;
|
|
||||||
background-color: var(--accent);
|
|
||||||
border-radius: 2rem;
|
|
||||||
margin-top: 1.5rem;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-ul div {
|
|
||||||
margin-left: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
|
||||||
background-color: white !important;
|
|
||||||
border-color: var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** commento specific **/
|
|
||||||
.commento-root .commento-round-check input[type=checkbox]:checked+label:before,
|
|
||||||
.commento-root .commento-round-check input[type=radio]:checked+label:before {
|
|
||||||
background: var(--accent) !important;
|
|
||||||
border: 1px solid var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-root .commento-markdown-help tr td pre {
|
|
||||||
padding: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-button {
|
|
||||||
color: white !important;
|
|
||||||
background: var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-google-button:before {
|
|
||||||
content: "\f1a0";
|
|
||||||
font-family: FontAwesome;
|
|
||||||
display: inline-block;
|
|
||||||
padding-right: 3px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.commento-github-button:before {
|
|
||||||
content: "\f09b";
|
|
||||||
font-family: FontAwesome;
|
|
||||||
display: inline-block;
|
|
||||||
padding-right: 3px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.commento-twitter-button:before {
|
|
||||||
content: "\f099";
|
|
||||||
font-family: FontAwesome;
|
|
||||||
display: inline-block;
|
|
||||||
padding-right: 3px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-oauth-buttons button {
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-root a,
|
|
||||||
.commento-email-button {
|
|
||||||
color: var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-name {
|
|
||||||
font-size: 14pt !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-root .commento-card .commento-body p,
|
|
||||||
.commento-root textarea {
|
|
||||||
font-size: 12pt !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.commento-root *,
|
|
||||||
.commento-root-font * {
|
|
||||||
font-family: 'Source Serif Pro', sans-serif !important;
|
|
||||||
line-height: 1.7 !important;
|
|
||||||
color: #333;
|
|
||||||
text-align: left !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** index.html **/
|
|
||||||
|
|
||||||
ul {
|
|
||||||
list-style: circle;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.highlight {
|
|
||||||
padding-top: 1.5rem;
|
|
||||||
padding-bottom: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-justify img {
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
border: 1px solid #ccc !important;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-top: 1.5em;
|
|
||||||
margin-bottom: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure img {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure {
|
|
||||||
margin-bottom: 1.5em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure figcaption {
|
|
||||||
margin-top: 1rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
figure figcaption h4, figure figcaption p {
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
font-size: 1.7rem !important;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #aaa;
|
|
||||||
}
|
|
||||||
|
|
||||||
.avatar-container {
|
|
||||||
width: 50px;
|
|
||||||
margin-left: 45px;
|
|
||||||
}
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro .freshly-baked {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
margin-top: -150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 500px) {
|
|
||||||
.intro .freshly-baked {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
|
||||||
.intro {
|
|
||||||
margin-top: -40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.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%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/** general **/
|
|
||||||
|
|
||||||
/* -- Typography overrides bootstrap.
|
|
||||||
-- default CSS included, can't override less settings from https://getbootstrap.com/docs/3.3/customize/ */
|
|
||||||
main, blockquote {
|
|
||||||
font-size: 14pt !important;
|
|
||||||
line-height: 1.7;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav {
|
|
||||||
font-family: 'Open Sans', sans-serif !important;
|
|
||||||
font-size: 14px !important;
|
|
||||||
line-height: 1.4 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- voor 20'+ breedbeeldschermen */
|
|
||||||
@media only screen and (min-width: 1600px) {
|
|
||||||
/* de main content verhogen */
|
|
||||||
main {
|
|
||||||
max-width: 930px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.big-img .container {
|
|
||||||
height: 250px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* -- voor fatsoenlijke schermen */
|
|
||||||
@media only screen and (min-width: 768px) {
|
|
||||||
/* indien header image, hoogte vergroten */
|
|
||||||
.big-img .container {
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
color: #888 !important;
|
|
||||||
border-left: 5px solid var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
padding-top: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
main .text-justify p {
|
|
||||||
margin: 0 0 20px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
main .text-justify blockquote p {
|
|
||||||
margin: 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link, a:visited {
|
|
||||||
color: var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.big-img {
|
|
||||||
background: no-repeat center center;
|
|
||||||
-webkit-background-size: cover;
|
|
||||||
-moz-background-size: cover;
|
|
||||||
background-size: cover;
|
|
||||||
-o-background-size: cover;
|
|
||||||
|
|
||||||
border-top: 2px solid lightgray;
|
|
||||||
border-bottom: 1px solid var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-tag {
|
|
||||||
color: var(--accent);
|
|
||||||
background-color: white !important;
|
|
||||||
border: 1px solid var(--accent);
|
|
||||||
font-size: 1.3rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* --- goodreads widget styles --- */
|
|
||||||
.goodreadswidget {
|
|
||||||
border-bottom: 3px solid var(--accent);
|
|
||||||
padding: 0px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodreadswidget h2 {
|
|
||||||
visibility: hidden;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.goodreadswidget .gr_grid_branding {
|
|
||||||
padding-right: 20px;
|
|
||||||
font-size: 14pt !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
|
||||||
.gr_grid_book_container {
|
|
||||||
height: 600px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.gr_grid_book_container {
|
|
||||||
float: left;
|
|
||||||
width: 25%;
|
|
||||||
height: 300px;
|
|
||||||
padding: 5px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gr_grid_book_container img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gr_grid_book_container:hover img {
|
|
||||||
opacity: 0.3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gr_grid_book_container img:hover {
|
|
||||||
background: rgba(100, 100, 100, 0.7);
|
|
||||||
}
|
|
|
@ -0,0 +1,387 @@
|
||||||
|
html body
|
||||||
|
font-family: 'Source Serif Pro', sans-serif
|
||||||
|
|
||||||
|
.list
|
||||||
|
text-align: left
|
||||||
|
padding-left: 4rem
|
||||||
|
|
||||||
|
|
||||||
|
.list h2
|
||||||
|
border-top: 1px solid #eee
|
||||||
|
padding-top: 1rem
|
||||||
|
|
||||||
|
|
||||||
|
.list h3
|
||||||
|
color: #999
|
||||||
|
|
||||||
|
|
||||||
|
.list-ul
|
||||||
|
list-style: none
|
||||||
|
margin: 0
|
||||||
|
padding: 0
|
||||||
|
padding-bottom: 4rem
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 768px)
|
||||||
|
.list h3
|
||||||
|
float: left
|
||||||
|
margin-top: 1.5rem
|
||||||
|
|
||||||
|
|
||||||
|
.list-ul
|
||||||
|
padding-left: 7rem
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.list-ul li
|
||||||
|
padding: 1rem
|
||||||
|
|
||||||
|
|
||||||
|
.list-ul .list-date
|
||||||
|
font-weight: normal
|
||||||
|
padding-left: 0.6rem
|
||||||
|
padding-right: 0.6rem
|
||||||
|
color: white
|
||||||
|
background-color: var(--accent)
|
||||||
|
border-radius: 2rem
|
||||||
|
margin-top: 1.5rem
|
||||||
|
float: left
|
||||||
|
|
||||||
|
|
||||||
|
.list-ul div
|
||||||
|
margin-left: 60px
|
||||||
|
|
||||||
|
|
||||||
|
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
|
||||||
|
background-color: white !important
|
||||||
|
border-color: var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
/** commento specific **/
|
||||||
|
.commento-root .commento-round-check input[type=checkbox]:checked+label:before,
|
||||||
|
.commento-root .commento-round-check input[type=radio]:checked+label:before
|
||||||
|
background: var(--accent) !important
|
||||||
|
border: 1px solid var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-root .commento-markdown-help tr td pre
|
||||||
|
padding: 0 !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-button
|
||||||
|
color: white !important
|
||||||
|
background: var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-google-button:before
|
||||||
|
content: "\f1a0"
|
||||||
|
font-family: FontAwesome
|
||||||
|
display: inline-block
|
||||||
|
padding-right: 3px
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
.commento-github-button:before
|
||||||
|
content: "\f09b"
|
||||||
|
font-family: FontAwesome
|
||||||
|
display: inline-block
|
||||||
|
padding-right: 3px
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
.commento-twitter-button:before
|
||||||
|
content: "\f099"
|
||||||
|
font-family: FontAwesome
|
||||||
|
display: inline-block
|
||||||
|
padding-right: 3px
|
||||||
|
vertical-align: middle
|
||||||
|
|
||||||
|
|
||||||
|
.commento-oauth-buttons button
|
||||||
|
width: auto !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-root a,
|
||||||
|
.commento-email-button
|
||||||
|
color: var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-name
|
||||||
|
font-size: 14pt !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-root .commento-card .commento-body p,
|
||||||
|
.commento-root textarea
|
||||||
|
font-size: 12pt !important
|
||||||
|
|
||||||
|
|
||||||
|
.commento-root *,
|
||||||
|
.commento-root-font *
|
||||||
|
font-family: 'Source Serif Pro', sans-serif !important
|
||||||
|
line-height: 1.7 !important
|
||||||
|
color: #333
|
||||||
|
text-align: left !important
|
||||||
|
|
||||||
|
|
||||||
|
/** index.html **/
|
||||||
|
|
||||||
|
ul
|
||||||
|
list-style: circle
|
||||||
|
|
||||||
|
|
||||||
|
div.highlight
|
||||||
|
padding-top: 1.5rem
|
||||||
|
padding-bottom: 1.5rem
|
||||||
|
|
||||||
|
|
||||||
|
.text-justify img
|
||||||
|
display: block
|
||||||
|
margin-left: auto
|
||||||
|
margin-right: auto
|
||||||
|
border: 1px solid #ccc !important
|
||||||
|
border-radius: 4px
|
||||||
|
margin-top: 1.5em
|
||||||
|
margin-bottom: 1.5em
|
||||||
|
|
||||||
|
|
||||||
|
figure img
|
||||||
|
margin-bottom: 0
|
||||||
|
|
||||||
|
|
||||||
|
figure
|
||||||
|
margin-bottom: 1.5em !important
|
||||||
|
|
||||||
|
|
||||||
|
figure figcaption
|
||||||
|
margin-top: 1rem !important
|
||||||
|
|
||||||
|
|
||||||
|
figure figcaption h4, figure figcaption p
|
||||||
|
text-align: center
|
||||||
|
margin-top: 0 !important
|
||||||
|
font-size: 1.7rem !important
|
||||||
|
font-style: italic
|
||||||
|
font-weight: normal
|
||||||
|
color: #aaa
|
||||||
|
|
||||||
|
|
||||||
|
.avatar-container
|
||||||
|
width: 50px
|
||||||
|
margin-left: 45px
|
||||||
|
|
||||||
|
.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
|
||||||
|
|
||||||
|
|
||||||
|
.intro .freshly-baked
|
||||||
|
visibility: hidden
|
||||||
|
|
||||||
|
|
||||||
|
.intro
|
||||||
|
margin-top: -150px
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (min-width: 500px)
|
||||||
|
.intro .freshly-baked
|
||||||
|
visibility: visible
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (min-width: 768px)
|
||||||
|
.intro
|
||||||
|
margin-top: -40px
|
||||||
|
|
||||||
|
|
||||||
|
.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%
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** general **/
|
||||||
|
|
||||||
|
main, blockquote
|
||||||
|
font-size: 14pt !important
|
||||||
|
line-height: 1.7
|
||||||
|
|
||||||
|
|
||||||
|
nav
|
||||||
|
font-family: 'Open Sans', sans-serif !important
|
||||||
|
font-size: 14px !important
|
||||||
|
line-height: 1.4 !important
|
||||||
|
|
||||||
|
|
||||||
|
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
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* -- voor 20'+ breedbeeldschermen */
|
||||||
|
@media only screen and (min-width: 1600px)
|
||||||
|
main
|
||||||
|
max-width: 930px !important
|
||||||
|
|
||||||
|
|
||||||
|
.big-img .container
|
||||||
|
height: 250px !important
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* -- voor fatsoenlijke schermen */
|
||||||
|
@media only screen and (min-width: 768px)
|
||||||
|
/* indien header image, hoogte vergroten */
|
||||||
|
.big-img .container
|
||||||
|
height: 200px
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
blockquote
|
||||||
|
color: #888 !important
|
||||||
|
border-left: 5px solid var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
main
|
||||||
|
padding-top: 0 !important
|
||||||
|
|
||||||
|
|
||||||
|
main .text-justify p
|
||||||
|
margin: 0 0 20px !important
|
||||||
|
|
||||||
|
|
||||||
|
main .text-justify blockquote p
|
||||||
|
margin: 0 !important
|
||||||
|
|
||||||
|
|
||||||
|
a:link, a:visited
|
||||||
|
color: var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
.big-img
|
||||||
|
background: no-repeat center center
|
||||||
|
-webkit-background-size: cover
|
||||||
|
-moz-background-size: cover
|
||||||
|
background-size: cover
|
||||||
|
-o-background-size: cover
|
||||||
|
|
||||||
|
border-top: 2px solid lightgray
|
||||||
|
border-bottom: 1px solid var(--accent)
|
||||||
|
|
||||||
|
|
||||||
|
.item-tag
|
||||||
|
color: var(--accent)
|
||||||
|
background-color: white !important
|
||||||
|
border: 1px solid var(--accent)
|
||||||
|
font-size: 1.3rem
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* --- goodreads widget styles --- */
|
||||||
|
.goodreadswidget
|
||||||
|
border-bottom: 3px solid var(--accent)
|
||||||
|
padding: 0px
|
||||||
|
padding-bottom: 10px
|
||||||
|
|
||||||
|
|
||||||
|
.goodreadswidget h2
|
||||||
|
visibility: hidden
|
||||||
|
display: none
|
||||||
|
|
||||||
|
|
||||||
|
.goodreadswidget .gr_grid_branding
|
||||||
|
padding-right: 20px
|
||||||
|
font-size: 14pt !important
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width: 768px)
|
||||||
|
.gr_grid_book_container
|
||||||
|
height: 600px !important
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.gr_grid_book_container
|
||||||
|
float: left
|
||||||
|
width: 25%
|
||||||
|
height: 300px
|
||||||
|
padding: 5px
|
||||||
|
overflow: hidden
|
||||||
|
|
||||||
|
|
||||||
|
.gr_grid_book_container img
|
||||||
|
width: 100%
|
||||||
|
height: 100%
|
||||||
|
|
||||||
|
|
||||||
|
.gr_grid_book_container:hover img
|
||||||
|
opacity: 0.3
|
||||||
|
|
||||||
|
|
||||||
|
.gr_grid_book_container img:hover
|
||||||
|
background: rgba(100, 100, 100, 0.7)
|
|
@ -0,0 +1,15 @@
|
||||||
|
/* latin-ext */
|
||||||
|
@font-face
|
||||||
|
font-family: 'Source Serif Pro'
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 400
|
||||||
|
src: local('Source Serif Pro'), local('SourceSerifPro-Regular'), url(/css/sourceserifpro-latin-ext.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: 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
|
|
@ -0,0 +1,100 @@
|
||||||
|
html, body
|
||||||
|
height: 100%
|
||||||
|
|
||||||
|
|
||||||
|
body
|
||||||
|
padding-top: 55px
|
||||||
|
display: flex
|
||||||
|
text-align: center
|
||||||
|
flex-direction: column
|
||||||
|
|
||||||
|
|
||||||
|
main
|
||||||
|
margin: auto
|
||||||
|
padding: 25px
|
||||||
|
flex: 1 0 auto
|
||||||
|
max-width: 750px
|
||||||
|
|
||||||
|
|
||||||
|
/*footer*/
|
||||||
|
|
||||||
|
.copyright
|
||||||
|
margin: 15px 0
|
||||||
|
|
||||||
|
|
||||||
|
/*home page*/
|
||||||
|
|
||||||
|
.intro
|
||||||
|
transform: translateY(22vh)
|
||||||
|
|
||||||
|
|
||||||
|
.intro > h1
|
||||||
|
color: #212121
|
||||||
|
font-size: 12vh
|
||||||
|
|
||||||
|
|
||||||
|
.intro > h2
|
||||||
|
color: #757575
|
||||||
|
font-size: 3vmin
|
||||||
|
|
||||||
|
|
||||||
|
.intro > .profile
|
||||||
|
width: 10vh
|
||||||
|
height: 10vh
|
||||||
|
border-radius: 50%
|
||||||
|
|
||||||
|
|
||||||
|
/*apply accent colour to links*/
|
||||||
|
|
||||||
|
a:link, a:visited
|
||||||
|
color: var(--accent)
|
||||||
|
|
||||||
|
|
||||||
|
a.icon:hover
|
||||||
|
text-decoration: none
|
||||||
|
|
||||||
|
|
||||||
|
a:hover
|
||||||
|
color: var(--accent) !important
|
||||||
|
|
||||||
|
|
||||||
|
/*paginator at bottom of list view*/
|
||||||
|
|
||||||
|
.pages
|
||||||
|
padding: 15px 0
|
||||||
|
|
||||||
|
|
||||||
|
.pages-icon
|
||||||
|
padding: 0 15px
|
||||||
|
|
||||||
|
|
||||||
|
/*list item for posts and projects*/
|
||||||
|
|
||||||
|
.item
|
||||||
|
padding: 10px 0
|
||||||
|
|
||||||
|
|
||||||
|
.item-tag
|
||||||
|
background-color: var(--accent)
|
||||||
|
|
||||||
|
|
||||||
|
/*navigation bar icons*/
|
||||||
|
|
||||||
|
.navbar-icon
|
||||||
|
font-size: 125%
|
||||||
|
display: inline-block !important
|
||||||
|
|
||||||
|
|
||||||
|
/*coloured borders at top and bottom of the page*/
|
||||||
|
|
||||||
|
.navbar.navbar-default
|
||||||
|
border-top: var(--border-width) solid var(--accent)
|
||||||
|
|
||||||
|
|
||||||
|
footer
|
||||||
|
border-bottom: var(--border-width) solid var(--accent)
|
||||||
|
|
||||||
|
|
||||||
|
img
|
||||||
|
max-width: 100%
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
@import 'fonts'
|
||||||
|
@import 'minimal'
|
||||||
|
@import 'brainbaking'
|
|
@ -2,12 +2,57 @@
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<h2>{{ .Title }}</h2>
|
{{ if .Title }}
|
||||||
|
<h1>
|
||||||
|
<i class='fa {{ .Params.icontag }}'></i> {{ .Title }}
|
||||||
|
</h1>
|
||||||
|
<hr/>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ with .Content }}
|
||||||
|
<div class="text-justify">
|
||||||
|
{{ . }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ if (not .Params.disableList) }}
|
||||||
|
<div class="list">
|
||||||
|
{{ range .Paginator.Pages.GroupByDate "2006" "desc" }}
|
||||||
|
<h2>{{ .Key }}</h2>
|
||||||
|
|
||||||
|
{{ range .Pages.GroupByDate "Jan" }}
|
||||||
|
<h3>{{ .Key }}</h3>
|
||||||
|
|
||||||
|
<ul class="list-ul">
|
||||||
|
{{ range .Pages.ByDate.Reverse }}
|
||||||
|
<li>
|
||||||
|
<span class="list-date">{{ .Date.Format ("02") }}</span>
|
||||||
|
<div class="list-title">
|
||||||
|
<h4>
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
</h4>
|
||||||
|
{{ .Params.subtitle }}
|
||||||
|
</div>
|
||||||
|
{{ if isset .Params "tags" }}
|
||||||
|
<div class="list-tags">
|
||||||
|
<i class='fa fa-tags' style='color: grey;'></i>
|
||||||
|
{{ range .Params.tags }}
|
||||||
|
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
{{ template "_internal/pagination.html" . }}
|
||||||
|
|
||||||
{{ range (.Paginator 5).Pages }} {{ partial "list-item" . }} {{ end }}
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
{{ partial "paginator" . }}
|
|
||||||
|
|
||||||
{{ partial "footer" . }}
|
{{ partial "footer" . }}
|
||||||
|
|
|
@ -1,7 +1,16 @@
|
||||||
{{ partial "header" . }}
|
{{ partial "header" . }}
|
||||||
|
|
||||||
|
{{ if .Params.bigimg }}
|
||||||
|
<div class="jumbotron big-img" style='background-image: url("{{.Params.bigimg}}");'>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
|
<a name="top"></a>
|
||||||
{{ partial "list-item" . }}
|
{{ partial "list-item" . }}
|
||||||
|
|
||||||
<br> <div class="text-justify">{{ .Content }}</div>
|
<br> <div class="text-justify">{{ .Content }}</div>
|
||||||
|
@ -11,19 +20,36 @@
|
||||||
|
|
||||||
{{ if $related }}
|
{{ if $related }}
|
||||||
|
|
||||||
<h4 class="page-header">Related</h4>
|
<h4 class="page-header"><i class="fa fa-newspaper-o"></i> Related Articles</h4>
|
||||||
|
|
||||||
{{ range $related }} {{ partial "list-item" . }} {{ end }}
|
<div class="text-justify">
|
||||||
|
{{ range $related }} {{ partial "related-item" . }} {{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr/>
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if and .Site.DisqusShortname (not .Params.disableComments) }}
|
<!-- commenting part -->
|
||||||
|
{{ if (not .Params.disableComments) }}
|
||||||
|
<h4 class="page-header"><i class="fa fa-comments-o"></i>
|
||||||
|
{{ if eq "essays" .Section }}
|
||||||
|
Discussieer mee
|
||||||
|
{{ else }}
|
||||||
|
Join the Discussion
|
||||||
|
{{ end }}
|
||||||
|
</h4>
|
||||||
|
|
||||||
<h4 class="page-header">Comments</h4>
|
{{- if (ne hugo.Environment "development") }}
|
||||||
|
<script defer src="https://commento.brainbaking.com/js/commento.js"></script>
|
||||||
{{ template "_internal/disqus.html" . }}
|
<script src="https://commento.brainbaking.com/js/count.js"></script>
|
||||||
|
<div id="commento"></div>
|
||||||
|
{{- end }}
|
||||||
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
<h4 class="page-header"> </h4>
|
||||||
|
|
||||||
|
<i class='fa fa-arrow-circle-o-up'></i> <a href="#top">Top</a>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
|
@ -2,12 +2,53 @@
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<h2>{{ .Title }}</h2>
|
|
||||||
|
|
||||||
{{ range (.Paginator 5).Pages }} {{ partial "list-item" . }} {{ end }}
|
<h2><i class='fa {{ .Params.icontag }}'></i> {{ .Title }}</h2>
|
||||||
|
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
{{ with .Content }}
|
||||||
|
<div class="text-justify">
|
||||||
|
{{ . }}
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<div class="list">
|
||||||
|
|
||||||
|
<!-- https://discourse.gohugo.io/t/lists-of-content-divided-by-posts-first-letter/8534/2 - create a list with all uppercase letters -->
|
||||||
|
{{ $letters := split "ABCDEFGHIJKLMNOPQRSTUVWXYZ" "" }}
|
||||||
|
|
||||||
|
<!-- range all pages sorted by their title -->
|
||||||
|
{{ range .Data.Pages.ByTitle }}
|
||||||
|
<!-- get the first character of each title. Assumes that the title is never empty! -->
|
||||||
|
{{ $firstChar := substr .Title 0 1 | upper }}
|
||||||
|
|
||||||
|
<!-- in case $firstChar is a letter -->
|
||||||
|
{{ if $firstChar | in $letters }}
|
||||||
|
<!-- get the current letter -->
|
||||||
|
{{ $curLetter := $.Scratch.Get "curLetter" }}
|
||||||
|
<!-- if $curLetter isn't set or the letter has changed -->
|
||||||
|
{{ if ne $firstChar $curLetter }}
|
||||||
|
<!-- update the current letter and print it -->
|
||||||
|
</ul>
|
||||||
|
<hr style="clear: both;"/>
|
||||||
|
{{ $.Scratch.Set "curLetter" $firstChar }}
|
||||||
|
|
||||||
|
<h4 style="float: left; color: grey;">
|
||||||
|
<i class='fa fa-tag'></i> {{ $firstChar }}
|
||||||
|
</h4>
|
||||||
|
<ul style="text-align: left; float: left; margin-left: 20px; width: 80%; list-style-type: none; border-left: #eee 1px solid;">
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h4>
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
</h4>
|
||||||
|
</li>
|
||||||
|
{{ end }}
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
{{ partial "paginator" . }}
|
|
||||||
|
|
||||||
{{ partial "footer" . }}
|
{{ partial "footer" . }}
|
||||||
|
|
|
@ -1,31 +1,18 @@
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
html body {
|
:root {
|
||||||
font-family: '{{ .Site.Params.font }}', sans-serif;
|
--accent: {{ if .Params.accent }}{{ .Params.accent }}{{ else }}{{ .Site.Params.accent }}{{ end }};
|
||||||
background-color: {{ .Site.Params.backgroundColor | default "white" }};
|
--border-width: {{ if .Site.Params.showBorder | default false }} 5px {{ else }} 0 {{ end }};
|
||||||
}
|
}
|
||||||
|
|
||||||
:root {
|
|
||||||
--accent: {{ .Site.Params.accent | default "#2196F3" }};
|
|
||||||
--border-width: {{ if .Site.Params.showBorder | default false }} 5px {{ else }} 0 {{ end }};
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<!-- main -->
|
{{- $options := (dict "targetPath" "css/styles.css" "outputStyle" "compressed" "enableSourceMap" "true") -}}
|
||||||
<link rel="stylesheet" href="{{ "css/main.css" | absURL }}">
|
{{- $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 }}'>
|
||||||
<!-- custom -->
|
|
||||||
{{ range .Site.Params.css }} <link rel="stylesheet" href="{{ . | absURL }}"> {{ end }}
|
|
||||||
|
|
||||||
<!-- google fonts -->
|
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family={{ .Site.Params.font }}">
|
|
||||||
|
|
||||||
<!-- highlight.js -->
|
|
||||||
{{ if .Site.Params.highlight | default false }} <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/{{ .Site.Params.highlightStyle | default "default" }}.min.css"> {{ end }}
|
|
||||||
|
|
||||||
<!-- bootstrap -->
|
<!-- bootstrap -->
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
<link rel="stylesheet" href="/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
|
||||||
|
|
||||||
<!-- font awesome -->
|
<!-- 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">
|
<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,4 +1,5 @@
|
||||||
<link rel="stylesheet" href="{{ "css/brainbaking.css" | absURL }}">
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<!-- meta data tags, open graph -->
|
<!-- meta data tags, open graph -->
|
||||||
{{ if .Params.subtitle }}
|
{{ if .Params.subtitle }}
|
||||||
|
@ -92,20 +93,3 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{{- if (ne hugo.Environment "development") }}
|
|
||||||
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
|
|
||||||
<script>
|
|
||||||
(function(f, a, t, h, o, m){
|
|
||||||
a[h]=a[h]||function(){
|
|
||||||
(a[h].q=a[h].q||[]).push(arguments)
|
|
||||||
};
|
|
||||||
o=f.createElement('script'),
|
|
||||||
m=f.getElementsByTagName('script')[0];
|
|
||||||
o.async=1; o.src=t; o.id='fathom-script';
|
|
||||||
m.parentNode.insertBefore(o,m)
|
|
||||||
})(document, window, 'https://fathom.brainbaking.com/tracker.js', 'fathom');
|
|
||||||
fathom('set', 'siteId', '{{ .Site.Params.fathomid }}');
|
|
||||||
fathom('trackPageview');
|
|
||||||
</script>
|
|
||||||
<!-- / Fathom -->
|
|
||||||
{{- end }}
|
|
|
@ -1,2 +0,0 @@
|
||||||
<!-- Intentionally left empty. Override this partial in your website to insert code just after the
|
|
||||||
opening <head> tag. For example, to install Google Tag Manager. -->
|
|
|
@ -1,39 +1,17 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="{{ .Site.LanguageCode }}">
|
<html lang="{{ .Site.LanguageCode }}">
|
||||||
<head>
|
<head>
|
||||||
{{ partial "head-open" . }}
|
{{ partial "head-meta" . }}
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<title>{{ .Title }}</title>
|
<title>{{ .Title }}</title>
|
||||||
{{ if .Site.Params.favicon }}
|
{{ if .Site.Params.favicon }}
|
||||||
<link rel="icon" href="{{ .Site.Params.favicon | absURL }}">
|
<link rel="icon" href="{{ .Site.Params.favicon | absURL }}">
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ partial "css" . }} {{ partial "js" . }} {{ .Hugo.Generator }}
|
{{ partial "css" . }} {{ partial "js" . }} {{ hugo.Generator }}
|
||||||
{{ if .RSSLink }}
|
{{ with .OutputFormats.Get "RSS" }}
|
||||||
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
|
<link href="{{ .RelPermalink }}" rel="alternate" type="application/rss+xml" title="Brain Baking" />
|
||||||
<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
|
<link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml" title="Brain Baking" />
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
{{ if .Site.GoogleAnalytics }}
|
|
||||||
<!-- Global Site Tag (gtag.js) - Google Analytics -->
|
|
||||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{ .Site.GoogleAnalytics }}"></script>
|
|
||||||
<script>
|
|
||||||
window.dataLayer = window.dataLayer || [];
|
|
||||||
function gtag(){dataLayer.push(arguments)};
|
|
||||||
gtag('js', new Date());
|
|
||||||
|
|
||||||
gtag('config', '{{ .Site.GoogleAnalytics }}');
|
|
||||||
</script>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
{{ if .Site.Params.MathJax | default true }}
|
|
||||||
<!-- adds MathJax support -->
|
|
||||||
<script type="text/javascript" async
|
|
||||||
src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
|
|
||||||
</script>
|
|
||||||
{{ end }}
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{{ partial "body-open" . }}
|
{{ partial "body-open" . }}
|
||||||
<nav class="navbar navbar-default navbar-fixed-top">
|
<nav class="navbar navbar-default navbar-fixed-top">
|
||||||
|
@ -57,15 +35,15 @@
|
||||||
{{ if .Site.Menus.main }}
|
{{ if .Site.Menus.main }}
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
{{ range sort .Site.Menus.main }}
|
{{ range sort .Site.Menus.main }}
|
||||||
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
|
<li><a href="{{ .URL }}">{{ .Pre }} {{ .Name }}</a></li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
{{ if .Site.Menus.icon }}
|
{{ if .Site.Menus.mainright }}
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
{{ range sort .Site.Menus.icon }}
|
{{ range sort .Site.Menus.mainright }}
|
||||||
<li class="navbar-icon"><a href="{{ .URL }}"><i class="fa fa-{{ .Name }}"></i></a></li>
|
<li><a href="{{ .URL }}">{{ .Pre }} {{ .Name }}</a></li>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</ul>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -74,4 +52,4 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</nav>
|
</nav>
|
|
@ -1,12 +1,24 @@
|
||||||
|
|
||||||
<!-- custom -->
|
<script src="/js/jquery.min.js"></script>
|
||||||
{{ range .Site.Params.js }} <script src="{{ . | absURL }}"></script> {{ end }}
|
<script src="/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
<!-- jquery -->
|
|
||||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
|
||||||
|
|
||||||
<!-- bootstrap -->
|
|
||||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<!-- dismiss expanded navigation bar with click -->
|
<!-- dismiss expanded navigation bar with click -->
|
||||||
<script>$(document).on('click', function() { $('.collapse').collapse('hide'); })</script>
|
<script>$(document).on('click', function() { $('.collapse').collapse('hide'); })</script>
|
||||||
|
|
||||||
|
{{- if (ne hugo.Environment "development") }}
|
||||||
|
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
|
||||||
|
<script>
|
||||||
|
(function(f, a, t, h, o, m){
|
||||||
|
a[h]=a[h]||function(){
|
||||||
|
(a[h].q=a[h].q||[]).push(arguments)
|
||||||
|
};
|
||||||
|
o=f.createElement('script'),
|
||||||
|
m=f.getElementsByTagName('script')[0];
|
||||||
|
o.async=1; o.src=t; o.id='fathom-script';
|
||||||
|
m.parentNode.insertBefore(o,m)
|
||||||
|
})(document, window, 'https://fathom.brainbaking.com/tracker.js', 'fathom');
|
||||||
|
fathom('set', 'siteId', '{{ .Site.Params.fathomid }}');
|
||||||
|
fathom('trackPageview');
|
||||||
|
</script>
|
||||||
|
<!-- / Fathom -->
|
||||||
|
{{- end }}
|
||||||
|
|
|
@ -1,25 +1,39 @@
|
||||||
<div class="item">
|
<div class="item">
|
||||||
|
|
||||||
{{ $.Scratch.Set "link" .RelPermalink }}
|
{{ if .Title }}
|
||||||
{{ with .Params.repo }}
|
<h3>
|
||||||
{{ $repoHost := default "github" $.Params.repoHost }}
|
{{ with .Params.icontag }}
|
||||||
{{ if eq "github" $repoHost }}
|
<i class='fa {{ . }}'></i>
|
||||||
{{ printf "https://github.com/%s/%s/" $.Site.Params.githubUsername . | $.Scratch.Set "link" }}
|
|
||||||
{{ else if eq "gitlab" $repoHost }}
|
|
||||||
{{ printf "https://gitlab.com/%s/%s/" $.Site.Params.gitlabUsername . | $.Scratch.Set "link" }}
|
|
||||||
{{ else if eq "bitbucket" $repoHost }}
|
|
||||||
{{ printf "https://bitbucket.org/%s/%s/" $.Site.Params.bitbucketUsername . | $.Scratch.Set "link" }}
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
|
||||||
|
</h3>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ with .Params.link }} {{ $.Scratch.Set "link" . }} {{ end }}
|
|
||||||
|
|
||||||
{{ .Date.Format (.Site.Params.dateFormat | default "January 2, 2006") | $.Scratch.Set "subtitle" }}
|
{{ .Date.Format (.Site.Params.dateFormat | default "2 January 2006") | $.Scratch.Set "subtitle" }}
|
||||||
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
|
{{ with .Description }} {{ $.Scratch.Set "subtitle" . }} {{ end }}
|
||||||
|
{{ if isset $.Params "subtitle" }}
|
||||||
|
<h4>{{ .Params.subtitle }}</h4>
|
||||||
|
<h5>
|
||||||
|
<span style="color: grey;">
|
||||||
|
<span title="Created Date">
|
||||||
|
<i class='fa fa-calendar'></i> {{ $.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") }}
|
||||||
|
</span> |
|
||||||
|
<span title="Comments">
|
||||||
|
<i class="fa fa-comments-o"></i> <a href="{{ .Permalink }}#commento"></a>
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</h5>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
<h4><a href="{{ .Scratch.Get "link" }}">{{ .Title }}</a></h4>
|
|
||||||
<h5>{{ $.Scratch.Get "subtitle" }}</h5>
|
{{ if isset $.Params "tags" }}
|
||||||
|
<i class='fa fa-tags' style='color: grey;'></i>
|
||||||
|
{{ end }}
|
||||||
{{ range .Params.tags }}
|
{{ range .Params.tags }}
|
||||||
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
|
<a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}"><kbd class="item-tag">{{ . }}</kbd></a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,97 +0,0 @@
|
||||||
html, body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
padding-top: 55px;
|
|
||||||
display: flex;
|
|
||||||
text-align: center;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
main {
|
|
||||||
margin: auto;
|
|
||||||
padding: 25px;
|
|
||||||
flex: 1 0 auto;
|
|
||||||
max-width: 750px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*footer*/
|
|
||||||
|
|
||||||
.copyright {
|
|
||||||
margin: 15px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*home page*/
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
transform: translateY(22vh);
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro > h1 {
|
|
||||||
color: #212121;
|
|
||||||
font-size: 12vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro > h2 {
|
|
||||||
color: #757575;
|
|
||||||
font-size: 3vmin;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro > .profile {
|
|
||||||
width: 10vh;
|
|
||||||
height: 10vh;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*apply accent colour to links*/
|
|
||||||
|
|
||||||
a:link, a:visited {
|
|
||||||
color: var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.icon:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: var(--accent) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*paginator at bottom of list view*/
|
|
||||||
|
|
||||||
.pages {
|
|
||||||
padding: 15px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-icon {
|
|
||||||
padding: 0 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*list item for posts and projects*/
|
|
||||||
|
|
||||||
.item {
|
|
||||||
padding: 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*navigation bar icons*/
|
|
||||||
|
|
||||||
.navbar-icon {
|
|
||||||
font-size: 125%;
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*coloured borders at top and bottom of the page*/
|
|
||||||
|
|
||||||
.navbar.navbar-default {
|
|
||||||
border-top: var(--border-width) solid var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
border-bottom: var(--border-width) solid var(--accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue