tAdd theme - andersdamsgaard.com - my photography webpage
(HTM) git clone git://src.adamsgaard.dk/andersdamsgaard.com
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) Submodules
(DIR) README
(DIR) LICENSE
---
(DIR) commit 4babb3cf6afab84f88942f5d7e68038bb8892e5e
(DIR) parent f8cbaff0165481fa50d1cec90918255f40b80d10
(HTM) Author: Anders Damsgaard <anders@adamsgaard.dk>
Date: Fri, 2 Nov 2018 11:05:47 +0100
Add theme
Diffstat:
A themes/tale-mod/archetypes/default… | 2 ++
A themes/tale-mod/assets/scss/tale.s… | 8 ++++++++
A themes/tale-mod/assets/scss/tale/_… | 77 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 39 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 46 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 92 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 44 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 63 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 65 +++++++++++++++++++++++++++++++
A themes/tale-mod/assets/scss/tale/_… | 29 +++++++++++++++++++++++++++++
A themes/tale-mod/images/screenshot.… | 0
A themes/tale-mod/images/tn.png | 0
A themes/tale-mod/layouts/404.html | 10 ++++++++++
A themes/tale-mod/layouts/_default/b… | 11 +++++++++++
A themes/tale-mod/layouts/_default/l… | 0
A themes/tale-mod/layouts/_default/s… | 63 +++++++++++++++++++++++++++++++
A themes/tale-mod/layouts/_default/s… | 50 +++++++++++++++++++++++++++++++
A themes/tale-mod/layouts/about/list… | 25 +++++++++++++++++++++++++
A themes/tale-mod/layouts/index.html | 29 +++++++++++++++++++++++++++++
A themes/tale-mod/layouts/partials/f… | 7 +++++++
A themes/tale-mod/layouts/partials/h… | 35 +++++++++++++++++++++++++++++++
A themes/tale-mod/layouts/partials/h… | 18 ++++++++++++++++++
A themes/tale-mod/layouts/prints/lis… | 25 +++++++++++++++++++++++++
A themes/tale-mod/resources/_gen/ass… | 1 +
A themes/tale-mod/resources/_gen/ass… | 2 ++
A themes/tale-mod/static/css/w3.css | 14 ++++++++++++++
A themes/tale-mod/static/images/appl… | 0
A themes/tale-mod/static/images/favi… | 0
A themes/tale-mod/static/images/favi… | 0
A themes/tale-mod/theme.toml | 21 +++++++++++++++++++++
30 files changed, 776 insertions(+), 0 deletions(-)
---
(DIR) diff --git a/themes/tale-mod/archetypes/default.md b/themes/tale-mod/archetypes/default.md
t@@ -0,0 +1,2 @@
++++
++++
(DIR) diff --git a/themes/tale-mod/assets/scss/tale.scss b/themes/tale-mod/assets/scss/tale.scss
t@@ -0,0 +1,8 @@
+@import 'tale/variables';
+@import 'tale/base';
+@import 'tale/code';
+@import 'tale/post';
+@import 'tale/syntax';
+@import 'tale/layout';
+@import 'tale/pagination';
+@import 'tale/catalogue';
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_base.scss b/themes/tale-mod/assets/scss/tale/_base.scss
t@@ -0,0 +1,77 @@
+* {
+ @include box-sizing;
+ line-height: 1.5;
+}
+
+html,
+body {
+ color: $default-color;
+ margin: 0;
+ padding: 0;
+}
+
+html {
+ font-family: $serif-primary;
+ font-size: 14px;
+ overflow-y: scroll;
+
+ @media (min-width: 600px) {
+ font-size: 16px;
+ }
+}
+
+body {
+ -webkit-text-size-adjust: 100%;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: $default-shade;
+ font-family: $sans-serif;
+ line-height: normal;
+}
+
+a {
+ color: $blue;
+ text-decoration: none;
+}
+
+blockquote {
+ border-left: .25rem solid $grey-2;
+ color: $grey-1;
+ margin: .8rem 0;
+ padding: .5rem 1rem;
+
+ p:last-child {
+ margin-bottom: 0;
+ }
+
+ @media (min-width: 600px) {
+ padding: 0 5rem 0 1.25rem;
+ }
+}
+
+img {
+ display: block;
+ margin: 0 0 1rem;
+ max-width: 100%;
+}
+
+td {
+ vertical-align: top;
+}
+
+.post__thumbnail {
+ max-width: 1030px;
+ margin: 0 0 20px;
+ margin-bottom: 0 0 1.25rem;
+}
+
+.post__thumbnail img {
+ width: 100%;
+}
+
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_catalogue.scss b/themes/tale-mod/assets/scss/tale/_catalogue.scss
t@@ -0,0 +1,39 @@
+.catalogue {
+ &-item {
+ border-bottom: 1px solid $grey-2;
+ color: $default-color;
+ display: inline-block;
+ padding: 2rem 0;
+
+ &:hover .catalogue-line,
+ &:focus .catalogue-line {
+ width: 5rem;
+ }
+
+ &:last-child {
+ border: 0;
+ }
+ }
+
+ &-time {
+ color: $default-tint;
+ font-family: $serif-secondary;
+ letter-spacing: .5px;
+ }
+
+ &-title {
+ color: $default-shade;
+ display: block;
+ font-family: $sans-serif;
+ font-size: 2rem;
+ font-weight: 700;
+ margin: .5rem 0;
+ }
+
+ &-line {
+ @include transition(all .3s ease-out);
+ border-top: .2rem solid $default-shade;
+ display: block;
+ width: 2rem;
+ }
+}
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_code.scss b/themes/tale-mod/assets/scss/tale/_code.scss
t@@ -0,0 +1,46 @@
+pre,
+code {
+ font-family: $monospaced;
+}
+
+code {
+ background-color: $grey-3;
+ border-radius: 3px;
+ color: $code-color;
+ font-size: 85%;
+ padding: .25em .5em;
+}
+
+pre {
+ margin: 0 0 1rem;
+}
+
+pre code {
+ background-color: transparent;
+ color: inherit;
+ font-size: 100%;
+ padding: 0;
+}
+
+.highlight {
+ background-color: $grey-3;
+ border-radius: 3px;
+ line-height: 1.4;
+ margin: 0 0 1rem;
+ padding: 1rem;
+
+ pre {
+ margin-bottom: 0;
+ overflow-x: auto;
+ }
+
+ .lineno {
+ color: $default-tint;
+ display: inline-block; // Ensures the null space also isn't selectable
+ padding: 0 .75rem 0 .25rem;
+ // Make sure numbers aren't selectable
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ }
+}
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_layout.scss b/themes/tale-mod/assets/scss/tale/_layout.scss
t@@ -0,0 +1,92 @@
+.container {
+ margin: 0 auto;
+ max-width: 800px;
+ width: 80%;
+}
+
+main,
+footer,
+.nav-container {
+ display: block;
+ margin: 0 auto;
+ max-width: 800px;
+ width: 80%;
+}
+
+.nav {
+ box-shadow: 0 2px 2px -2px $shadow-color;
+ overflow: auto;
+
+ &-container {
+ margin: 1rem auto;
+ position: relative;
+ text-align: center;
+ }
+
+ &-title {
+ @include transition(all .2s ease-out);
+ color: $default-color;
+ display: inline-block;
+ margin: 0;
+ padding-right: .2rem;
+
+ &:hover,
+ &:focus {
+ opacity: .6;
+ }
+ }
+
+ ul {
+ list-style-type: none;
+ margin: 1rem 0 0;
+ padding: 0;
+ text-align: center;
+ }
+
+ li {
+ @include transition(all .2s ease-out);
+ color: $default-color;
+ display: inline-block;
+ opacity: .6;
+ padding: 0 2rem 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ &:hover,
+ &:focus {
+ opacity: 1;
+ }
+ }
+
+ a {
+ color: $default-color;
+ font-family: $sans-serif;
+ }
+}
+
+@media (min-width: 600px) {
+ .nav {
+ &-container {
+ text-align: left;
+ }
+
+ ul {
+ bottom: 0;
+ position: absolute;
+ right: 0;
+ }
+ }
+}
+
+footer {
+ font-family: $serif-secondary;
+ padding: 2rem 0;
+ text-align: center;
+
+ span {
+ color: $default-color;
+ font-size: .8rem;
+ }
+}
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_pagination.scss b/themes/tale-mod/assets/scss/tale/_pagination.scss
t@@ -0,0 +1,44 @@
+.pagination {
+ border-top: .5px solid $grey-2;
+ font-family: $serif-secondary;
+ padding-top: 2rem;
+ position: relative;
+ text-align: center;
+
+ span {
+ color: $default-shade;
+ font-size: 1.1rem;
+ }
+
+ .top {
+ @include transition(all .3s ease-out);
+ color: $default-color;
+ font-family: $sans-serif;
+ font-size: 1.1rem;
+ opacity: .6;
+
+ &:hover {
+ opacity: 1;
+ }
+ }
+
+ .arrow {
+ @include transition(all .3s ease-out);
+ color: $default-color;
+ position: absolute;
+
+ &:hover,
+ &:focus {
+ opacity: .6;
+ text-decoration: none;
+ }
+ }
+
+ .left {
+ left: 0;
+ }
+
+ .right {
+ right: 0;
+ }
+}
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_post.scss b/themes/tale-mod/assets/scss/tale/_post.scss
t@@ -0,0 +1,63 @@
+.post {
+ padding: 3rem 0;
+
+ &-info {
+ color: $default-tint;
+ font-family: $serif-secondary;
+ letter-spacing: 0.5px;
+ text-align: center;
+
+ span {
+ font-style: italic;
+ }
+ }
+
+ &-title {
+ color: $default-shade;
+ font-family: $sans-serif;
+ font-size: 4rem;
+ margin: 1rem 0;
+ text-align: center;
+ }
+
+ &-line {
+ border-top: 0.4rem solid $default-shade;
+ display: block;
+ margin: 0 auto 3rem;
+ width: 4rem;
+ }
+
+ p {
+ margin: 0 0 1rem;
+ text-align: justify;
+ }
+
+ a:hover {
+ text-decoration: underline;
+ }
+
+ img {
+ margin: 0 auto 0.5rem;
+ }
+
+ img + em {
+ color: $default-tint;
+ display: block;
+ font-family: $sans-serif;
+ font-size: 0.9rem;
+ font-style: normal;
+ text-align: center;
+ }
+
+ // CSS for making emoji inline
+ img.emoji {
+ display: inline-block;
+ left: 0;
+ transform: none;
+ width: 1rem;
+ height: 1rem;
+ vertical-align: text-top;
+ padding: 0;
+ margin: 0;
+ }
+}
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_syntax.scss b/themes/tale-mod/assets/scss/tale/_syntax.scss
t@@ -0,0 +1,65 @@
+.highlight .hll { background-color: #ffc; }
+.highlight .c { color: #999; } /* Comment */
+.highlight .err { color: #a00; background-color: #faa } /* Error */
+.highlight .k { color: #069; } /* Keyword */
+.highlight .o { color: #555 } /* Operator */
+.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #099 } /* Comment.Preproc */
+.highlight .c1 { color: #999; } /* Comment.Single */
+.highlight .cs { color: #999; } /* Comment.Special */
+.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #f00 } /* Generic.Error */
+.highlight .gh { color: #030; } /* Generic.Heading */
+.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
+.highlight .go { color: #aaa } /* Generic.Output */
+.highlight .gp { color: #009; } /* Generic.Prompt */
+.highlight .gs { } /* Generic.Strong */
+.highlight .gu { color: #030; } /* Generic.Subheading */
+.highlight .gt { color: #9c6 } /* Generic.Traceback */
+.highlight .kc { color: #069; } /* Keyword.Constant */
+.highlight .kd { color: #069; } /* Keyword.Declaration */
+.highlight .kn { color: #069; } /* Keyword.Namespace */
+.highlight .kp { color: #069 } /* Keyword.Pseudo */
+.highlight .kr { color: #069; } /* Keyword.Reserved */
+.highlight .kt { color: #078; } /* Keyword.Type */
+.highlight .m { color: #f60 } /* Literal.Number */
+.highlight .s { color: #d44950 } /* Literal.String */
+.highlight .na { color: #4f9fcf } /* Name.Attribute */
+.highlight .nb { color: #366 } /* Name.Builtin */
+.highlight .nc { color: #0a8; } /* Name.Class */
+.highlight .no { color: #360 } /* Name.Constant */
+.highlight .nd { color: #99f } /* Name.Decorator */
+.highlight .ni { color: #999; } /* Name.Entity */
+.highlight .ne { color: #c00; } /* Name.Exception */
+.highlight .nf { color: #c0f } /* Name.Function */
+.highlight .nl { color: #99f } /* Name.Label */
+.highlight .nn { color: #0cf; } /* Name.Namespace */
+.highlight .nt { color: #2f6f9f; } /* Name.Tag */
+.highlight .nv { color: #033 } /* Name.Variable */
+.highlight .ow { color: #000; } /* Operator.Word */
+.highlight .w { color: #bbb } /* Text.Whitespace */
+.highlight .mf { color: #f60 } /* Literal.Number.Float */
+.highlight .mh { color: #f60 } /* Literal.Number.Hex */
+.highlight .mi { color: #f60 } /* Literal.Number.Integer */
+.highlight .mo { color: #f60 } /* Literal.Number.Oct */
+.highlight .sb { color: #c30 } /* Literal.String.Backtick */
+.highlight .sc { color: #c30 } /* Literal.String.Char */
+.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
+.highlight .s2 { color: #c30 } /* Literal.String.Double */
+.highlight .se { color: #c30; } /* Literal.String.Escape */
+.highlight .sh { color: #c30 } /* Literal.String.Heredoc */
+.highlight .si { color: #a00 } /* Literal.String.Interpol */
+.highlight .sx { color: #c30 } /* Literal.String.Other */
+.highlight .sr { color: #3aa } /* Literal.String.Regex */
+.highlight .s1 { color: #c30 } /* Literal.String.Single */
+.highlight .ss { color: #fc3 } /* Literal.String.Symbol */
+.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #033 } /* Name.Variable.Class */
+.highlight .vg { color: #033 } /* Name.Variable.Global */
+.highlight .vi { color: #033 } /* Name.Variable.Instance */
+.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
+
+.css .o,
+.css .o + .nt,
+.css .nt + .nt { color: #999; }
(DIR) diff --git a/themes/tale-mod/assets/scss/tale/_variables.scss b/themes/tale-mod/assets/scss/tale/_variables.scss
t@@ -0,0 +1,29 @@
+// Colors
+$default-color: #555;
+$default-shade: #353535;
+$default-tint: #aaa;
+$grey-1: #979797;
+$grey-2: #e5e5e5;
+$grey-3: #f9f9f9;
+$white: #fff;
+$blue: #4a9ae1;
+$shadow-color: rgba(0, 0, 0, .2);
+$code-color: #bf616a;
+
+// Fonts
+$serif-primary: 'Libre Baskerville', 'Times New Roman', Times, serif;
+$serif-secondary: Palatino, 'Palatino LT STD', 'Palatino Linotype', 'Book Antiqua', 'Georgia', serif;
+$sans-serif: 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
+$monospaced: Menlo, Monaco, monospace;
+
+@mixin box-sizing($type: border-box) {
+ -webkit-box-sizing: $type;
+ -moz-box-sizing: $type;
+ box-sizing: $type;
+}
+
+@mixin transition($args...) {
+ -webkit-transition: $args;
+ -moz-transition: $args;
+ transition: $args;
+}
(DIR) diff --git a/themes/tale-mod/images/screenshot.png b/themes/tale-mod/images/screenshot.png
Binary files differ.
(DIR) diff --git a/themes/tale-mod/images/tn.png b/themes/tale-mod/images/tn.png
Binary files differ.
(DIR) diff --git a/themes/tale-mod/layouts/404.html b/themes/tale-mod/layouts/404.html
t@@ -0,0 +1,10 @@
+{{ define "main"}}
+ <main id="main">
+ <div>
+ <center>
+ <h1 id="title">Page not found</h1>
+ <p><a href="{{ "/" | relURL }}">Click here to go to the website home</a></h1>
+ </center>
+ </div>
+ </main>
+{{ end }}
(DIR) diff --git a/themes/tale-mod/layouts/_default/baseof.html b/themes/tale-mod/layouts/_default/baseof.html
t@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+ {{- partial "head.html" . -}}
+ <body>
+ {{- partial "header.html" . -}}
+ <div id="content">
+ {{- block "main" . }}{{- end }}
+ </div>
+ {{- partial "footer.html" . -}}
+ </body>
+</html>
(DIR) diff --git a/themes/tale-mod/layouts/_default/list.html b/themes/tale-mod/layouts/_default/list.html
(DIR) diff --git a/themes/tale-mod/layouts/_default/single.html b/themes/tale-mod/layouts/_default/single.html
t@@ -0,0 +1,63 @@
+{{- partial "header.html" . }}
+
+<main>
+ <div class="post">
+ <div class="post-info">
+ {{- if .Params.Author }}
+ {{ .Params.Author }}
+ {{/*- else */}}
+ {{/* .Site.Params.Author */}}
+ {{- end }}
+ </div>
+
+ <h1 class="post-title">{{ .Title }}</h1>
+ <div class="post-line"></div>
+
+ {{ .Content }}
+
+ {{/* Loop over images, insert them with a width of 700 px, and name them incrementally */}}
+ {{- if .Params.gallery }}
+ {{ $scratch := newScratch }}
+ {{ $scratch.Set "basename" .Title }}
+ {{ with .Resources.ByType "image" }}
+ {{ $scratch.Set "counter" 0 }}
+ {{ range . }}
+
+ {{ $scratch.Set "image" (.Resize "700x q90") }}
+ {{ $image := $scratch.Get "image" }}
+ {{/* $image.Sharpen 0.5 */}}
+ <figure style="padding: 0.0rem; margin: 2rem 0;
+ background-color: #ffffff">
+ <img src='{{ $image.RelPermalink }}'
+ title='{{ $scratch.Get "basename" }} {{ printf "%02d" ( $scratch.Get "counter" ) }}'
+ width="{{ $image.Width }}" height="{{ $image.Height }}">
+ <!-- <figcaption> -->
+ <!-- <small> -->
+ <!-- <center> -->
+ <!-- {{ $scratch.Get "basename" }} {{ printf "%02d" ( $scratch.Get "counter" ) }} -->
+ <!-- </center> -->
+ <!-- </small> -->
+ <!-- </figcaption> -->
+ </figure>
+ <br>
+ {{ $scratch.Add "counter" 1 }}
+ {{ end }}
+ {{ end }}
+ {{- end }}
+ </div>
+
+ <div class="pagination">
+ {{- if .PrevPage }}
+ <a href="{{ .PrevPage.URL }}" class="left arrow">← Previous</a>
+ {{- end }}
+ {{- if .NextPage }}
+ <a href="{{ .NextPage.URL }}" class="right arrow">Next →</a>
+ {{- end }}
+
+ <a href="{{ .Site.BaseURL }}" class="top">Home</a>
+
+ <!-- <a href="#" class="top">Top</a> -->
+ </div>
+</main>
+
+{{- partial "footer.html" . }}
(DIR) diff --git a/themes/tale-mod/layouts/_default/summary.html b/themes/tale-mod/layouts/_default/summary.html
t@@ -0,0 +1,50 @@
+{{- if .Params.gallery }}
+{{- else}}
+<time datetime="{{ .PublishDate }}" class="catalogue-time">{{ .PublishDate.Format "January 2, 2006" }}</time>
+{{- end}}
+
+<h1 class="catalogue-title">{{ .Title }}</h1>
+<div class="catalogue-line"></div>
+
+{{- if .Params.gallery }}
+
+ <!-- <a href="{{ .Permalink }}"> -->
+ <!-- <img src="{{ .Permalink }}/{{ .Params.thumbnail }}" alt="{{ .Title }}" /> -->
+ <!-- </a> -->
+
+ <br>
+ <!-- <div class="w3-row"> -->
+ <!-- <div class="w3-col s12 m4 l4"> -->
+ {{ $scratch := newScratch }}
+ {{ $scratch.Set "pagetitle" .Title }}
+ {{ with .Resources.ByType "image" }}
+ {{ $scratch.Set "counter" 0 }}
+ {{ range first 3 . }}
+ {{/* $scratch.Set "image" (.Resize "200x") */}}
+ {{ $scratch.Set "image" (.Fill "200x200") }}
+ {{ $image := $scratch.Get "image" }}
+ <img src="{{ $image.RelPermalink }}"
+ style="display: inline;"
+ title='{{ $scratch.Get "pagetitle" }} {{ printf "%02d" ( $scratch.Get "counter" ) }}'
+ width="{{ $image.Width }}" height="{{ $image.Height }}">
+
+
+ {{ $scratch.Add "counter" 1 }}
+ {{ end }}
+ {{ end }}
+ <!-- </div> -->
+ <!-- <div class="w3-col s12 m8 l8"> -->
+ <!-- <p> -->
+ {{/* .Summary */}}
+ <!-- </p> -->
+ <!-- </div> -->
+ <!-- </div> -->
+
+ <!-- <footer> -->
+ <!-- <a href='{{ .Permalink }}'><nobr>See more →</nobr></a> -->
+ <!-- </footer> -->
+{{- else }}
+ <br>
+ {{ .Summary }}
+ <a href='{{ .Permalink }}'><nobr>Read more →</nobr></a>
+{{- end }}
(DIR) diff --git a/themes/tale-mod/layouts/about/list.html b/themes/tale-mod/layouts/about/list.html
t@@ -0,0 +1,25 @@
+{{ partial "header.html" . }}
+
+<main>
+ <div class="post">
+
+ <h1 class="post-title">{{ .Title }}</h1>
+ <div class="post-line"></div>
+
+ {{ .Content }}
+
+ </div>
+
+ <div class="pagination">
+ {{ if .PrevPage }}
+ <a href="{{ .PrevPage.URL }}" class="left arrow">←</a>
+ {{ end }}
+ {{ if .NextPage }}
+ <a href="{{ .NextPage.URL }}" class="right arrow">→</a>
+ {{ end }}
+
+ <a href="#" class="top">Top</a>
+ </div>
+</main>
+
+{{ partial "footer.html" . }}
(DIR) diff --git a/themes/tale-mod/layouts/index.html b/themes/tale-mod/layouts/index.html
t@@ -0,0 +1,29 @@
+{{ partial "header.html" . }}
+
+<main>
+ <center>
+ <div class="catalogue">
+
+ {{ range (.Paginate .Pages).Pages }}
+ <a href="{{ .Permalink }}" class="catalogue-item">
+ <div>
+ {{- .Render "summary" }}
+ </div>
+ </a>
+ {{ end }}
+ </div>
+
+ <div class="pagination">
+ {{ if .Paginator.HasPrev }}
+ <a href="{{ .Paginator.PrevPage.URL }}" class="left arrow">←</a>
+ {{ end }}
+ {{ if .Paginator.HasNext }}
+ <a href="{{ .Paginator.NextPage.URL }}" class="right arrow">→</a>
+
+ <span>{{ .Paginator.PageNumber }}</span>
+ {{ end }}
+ </div>
+ </center>
+</main>
+
+{{ partial "footer.html" . }}
(DIR) diff --git a/themes/tale-mod/layouts/partials/footer.html b/themes/tale-mod/layouts/partials/footer.html
t@@ -0,0 +1,7 @@
+ <footer>
+ <span>
+ © <time datetime="{{ now }}">{{ now.Format "2006" }}</time> {{ .Site.Params.Author }}
+ </span>
+ </footer>
+ </body>
+</html>
(DIR) diff --git a/themes/tale-mod/layouts/partials/head.html b/themes/tale-mod/layouts/partials/head.html
t@@ -0,0 +1,35 @@
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ {{- if eq .URL "/" }}
+ <meta name="description" content="{{ .Site.Params.Description }}">
+ {{- else if .Description }}
+ <meta name="description" content="{{ .Description }}">
+ {{- end }}
+
+ <title>
+ {{- if eq .URL "/" }}
+ {{ .Site.Title }}
+ {{- else }}
+ {{ .Title }} · {{ .Site.Title }}
+ {{- end }}
+ </title>
+
+ <!-- CSS -->
+ {{- $inServerMode := .Site.IsServer }}
+ {{- $cssTarget := "css/style.css" }}
+ {{- $cssOptions := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
+ {{- $style := resources.Get "scss/tale.scss" | toCSS $cssOptions }}
+ <link rel="stylesheet" href="{{ $style.RelPermalink }}">
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i,700">
+ <link rel="stylesheet" href="css/w3.css">
+
+ <!-- Favicon -->
+ <link rel="icon" type="image/png" sizes="32x32" href="{{ .Site.BaseURL }}images/favicon-32x32.png">
+ <link rel="icon" type="image/png" sizes="16x16" href="{{ .Site.BaseURL }}images/favicon-16x16.png">
+ <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.BaseURL}}images/apple-touch-icon.png">
+
+ <!-- RSS -->
+ <link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
+ </head>
+
(DIR) diff --git a/themes/tale-mod/layouts/partials/header.html b/themes/tale-mod/layouts/partials/header.html
t@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+ {{ partial "head.html" . }}
+
+ <body>
+ <nav class="nav">
+ <div class="nav-container">
+ <a href="{{ .Site.BaseURL }}/">
+ <h2 class="nav-title">{{ .Site.Title }}</h2>
+ </a>
+ <ul>
+ <li><a href="{{ .Site.BaseURL }}">Portfolio</a></li>
+ <li><a href="{{ .Site.BaseURL }}prints">Prints</a></li>
+ <li><a href="{{ .Site.BaseURL }}about">About</a></li>
+ </ul>
+ </div>
+ </nav>
(DIR) diff --git a/themes/tale-mod/layouts/prints/list.html b/themes/tale-mod/layouts/prints/list.html
t@@ -0,0 +1,25 @@
+{{ partial "header.html" . }}
+
+<main>
+ <div class="post">
+
+ <h1 class="post-title">{{ .Title }}</h1>
+ <div class="post-line"></div>
+
+ {{ .Content }}
+
+ </div>
+
+ <div class="pagination">
+ {{ if .PrevPage }}
+ <a href="{{ .PrevPage.URL }}" class="left arrow">←</a>
+ {{ end }}
+ {{ if .NextPage }}
+ <a href="{{ .NextPage.URL }}" class="right arrow">→</a>
+ {{ end }}
+
+ <a href="#" class="top">Top</a>
+ </div>
+</main>
+
+{{ partial "footer.html" . }}
(DIR) diff --git a/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.content b/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.content
t@@ -0,0 +1 @@
+*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.5}html,body{color:#555;margin:0;padding:0}html{font-family:"Libre Baskerville","Times New Roman",Times,serif;font-size:14px;overflow-y:scroll}@media (min-width: 600px){html{font-size:16px}}body{-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#353535;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;line-height:normal}a{color:#4a9ae1;text-decoration:none}blockquote{border-left:0.25rem solid #e5e5e5;color:#979797;margin:.8rem 0;padding:.5rem 1rem}blockquote p:last-child{margin-bottom:0}@media (min-width: 600px){blockquote{padding:0 5rem 0 1.25rem}}img{display:block;margin:0 0 1rem;max-width:100%}td{vertical-align:top}pre,code{font-family:Menlo,Monaco,monospace}code{background-color:#f9f9f9;border-radius:3px;color:#bf616a;font-size:85%;padding:.25em .5em}pre{margin:0 0 1rem}pre code{background-color:transparent;color:inherit;font-size:100%;padding:0}.highlight{background-color:#f9f9f9;border-radius:3px;line-height:1.4;margin:0 0 1rem;padding:1rem}.highlight pre{margin-bottom:0;overflow-x:auto}.highlight .lineno{color:#aaa;display:inline-block;padding:0 .75rem 0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post{padding:3rem 0}.post-info{color:#aaa;font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;letter-spacing:0.5px;text-align:center}.post-info span{font-style:italic}.post-title{color:#353535;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:4rem;margin:1rem 0;text-align:center}.post-line{border-top:0.4rem solid #353535;display:block;margin:0 auto 3rem;width:4rem}.post p{margin:0 0 1rem;text-align:justify}.post a:hover{text-decoration:underline}.post img{margin:0 auto 0.5rem}.post img+em{color:#aaa;display:block;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:0.9rem;font-style:normal;text-align:center}.post img.emoji{display:inline-block;left:0;transform:none;width:1rem;height:1rem;vertical-align:text-top;padding:0;margin:0}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:#f00}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}.container{margin:0 auto;max-width:800px;width:80%}main,footer,.nav-container{display:block;margin:0 auto;max-width:800px;width:80%}.nav{box-shadow:0 2px 2px -2px rgba(0,0,0,0.2);overflow:auto}.nav-container{margin:1rem auto;position:relative;text-align:center}.nav-title{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#555;display:inline-block;margin:0;padding-right:.2rem}.nav-title:hover,.nav-title:focus{opacity:.6}.nav ul{list-style-type:none;margin:1rem 0 0;padding:0;text-align:center}.nav li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#555;display:inline-block;opacity:.6;padding:0 2rem 0 0}.nav li:last-child{padding-right:0}.nav li:hover,.nav li:focus{opacity:1}.nav a{color:#555;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif}@media (min-width: 600px){.nav-container{text-align:left}.nav ul{bottom:0;position:absolute;right:0}}footer{font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;padding:2rem 0;text-align:center}footer span{color:#555;font-size:.8rem}.pagination{border-top:0.5px solid #e5e5e5;font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;padding-top:2rem;position:relative;text-align:center}.pagination span{color:#353535;font-size:1.1rem}.pagination .top{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#555;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:1.1rem;opacity:.6}.pagination .top:hover{opacity:1}.pagination .arrow{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#555;position:absolute}.pagination .arrow:hover,.pagination .arrow:focus{opacity:.6;text-decoration:none}.pagination .left{left:0}.pagination .right{right:0}.catalogue-item{border-bottom:1px solid #e5e5e5;color:#555;display:inline-block;padding:2rem 0}.catalogue-item:hover .catalogue-line,.catalogue-item:focus .catalogue-line{width:5rem}.catalogue-item:last-child{border:0}.catalogue-time{color:#aaa;font-family:Palatino,"Palatino LT STD","Palatino Linotype","Book Antiqua","Georgia",serif;letter-spacing:.5px}.catalogue-title{color:#353535;display:block;font-family:"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;margin:.5rem 0}.catalogue-line{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border-top:0.2rem solid #353535;display:block;width:2rem}
(DIR) diff --git a/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.json b/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.json
t@@ -0,0 +1 @@
+{"Target":"css/style.css","MediaType":"text/css","Data":{}}
+\ No newline at end of file
(DIR) diff --git a/themes/tale-mod/static/css/w3.css b/themes/tale-mod/static/css/w3.css
t@@ -0,0 +1,14 @@
+.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
+.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
+.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
+.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
+.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
+.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
+@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
+.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
+.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
+@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
+.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
+.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
+.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
+.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
(DIR) diff --git a/themes/tale-mod/static/images/apple-touch-icon.png b/themes/tale-mod/static/images/apple-touch-icon.png
Binary files differ.
(DIR) diff --git a/themes/tale-mod/static/images/favicon-16x16.png b/themes/tale-mod/static/images/favicon-16x16.png
Binary files differ.
(DIR) diff --git a/themes/tale-mod/static/images/favicon-32x32.png b/themes/tale-mod/static/images/favicon-32x32.png
Binary files differ.
(DIR) diff --git a/themes/tale-mod/theme.toml b/themes/tale-mod/theme.toml
t@@ -0,0 +1,21 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "Tale"
+license = "MIT"
+licenselink = "https://github.com/EmielH/tale-hugo/blob/master/LICENSE"
+description = "A port of the Tale theme for Hugo. Tale is a minimal Jekyll theme curated for storytellers."
+homepage = "https://github.com/EmielH/tale-hugo"
+tags = ["minimal", "clean", "responsive", "simple", "personal", "blog", "starter", "light", "typography"]
+features = ["pagination"]
+min_version = "0.43"
+
+[author]
+ name = "Emiel Hollander"
+ homepage = "https://www.emielhollander.nl"
+
+# If porting an existing theme
+[original]
+ name = "Chester How"
+ homepage = "https://github.com/chesterhow/tale"
+ repo = "https://github.com/chesterhow/tale"