tAdd theme - andersdamsgaard.com - my photography webpage | |
git clone git://src.adamsgaard.dk/andersdamsgaard.com | |
Log | |
Files | |
Refs | |
Submodules | |
README | |
LICENSE | |
--- | |
commit 4babb3cf6afab84f88942f5d7e68038bb8892e5e | |
parent f8cbaff0165481fa50d1cec90918255f40b80d10 | |
Author: Anders Damsgaard <[email protected]> | |
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(-) | |
--- | |
diff --git a/themes/tale-mod/archetypes/default.md b/themes/tale-mod/archetypes… | |
t@@ -0,0 +1,2 @@ | |
++++ | |
++++ | |
diff --git a/themes/tale-mod/assets/scss/tale.scss b/themes/tale-mod/assets/scs… | |
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'; | |
diff --git a/themes/tale-mod/assets/scss/tale/_base.scss b/themes/tale-mod/asse… | |
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%; | |
+} | |
+ | |
diff --git a/themes/tale-mod/assets/scss/tale/_catalogue.scss b/themes/tale-mod… | |
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; | |
+ } | |
+} | |
diff --git a/themes/tale-mod/assets/scss/tale/_code.scss b/themes/tale-mod/asse… | |
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; | |
+ } | |
+} | |
diff --git a/themes/tale-mod/assets/scss/tale/_layout.scss b/themes/tale-mod/as… | |
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; | |
+ } | |
+} | |
diff --git a/themes/tale-mod/assets/scss/tale/_pagination.scss b/themes/tale-mo… | |
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; | |
+ } | |
+} | |
diff --git a/themes/tale-mod/assets/scss/tale/_post.scss b/themes/tale-mod/asse… | |
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; | |
+ } | |
+} | |
diff --git a/themes/tale-mod/assets/scss/tale/_syntax.scss b/themes/tale-mod/as… | |
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.D… | |
+.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.I… | |
+.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; } | |
diff --git a/themes/tale-mod/assets/scss/tale/_variables.scss b/themes/tale-mod… | |
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 Anti… | |
+$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; | |
+} | |
diff --git a/themes/tale-mod/images/screenshot.png b/themes/tale-mod/images/scr… | |
Binary files differ. | |
diff --git a/themes/tale-mod/images/tn.png b/themes/tale-mod/images/tn.png | |
Binary files differ. | |
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 hom… | |
+ </center> | |
+ </div> | |
+ </main> | |
+{{ end }} | |
diff --git a/themes/tale-mod/layouts/_default/baseof.html b/themes/tale-mod/lay… | |
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> | |
diff --git a/themes/tale-mod/layouts/_default/list.html b/themes/tale-mod/layou… | |
diff --git a/themes/tale-mod/layouts/_default/single.html b/themes/tale-mod/lay… | |
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 th… | |
+ {{- 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"… | |
+ width="{{ $image.Width }}" height="{{ $image.Height }… | |
+ <!-- <figcaption> --> | |
+ <!-- <small> --> | |
+ <!-- <center> --> | |
+ <!-- {{ $scratch.Get "basename" }} {{ printf "… | |
+ <!-- </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" . }} | |
diff --git a/themes/tale-mod/layouts/_default/summary.html b/themes/tale-mod/la… | |
t@@ -0,0 +1,50 @@ | |
+{{- if .Params.gallery }} | |
+{{- else}} | |
+<time datetime="{{ .PublishDate }}" class="catalogue-time">{{ .PublishDate.For… | |
+{{- end}} | |
+ | |
+<h1 class="catalogue-title">{{ .Title }}</h1> | |
+<div class="catalogue-line"></div> | |
+ | |
+{{- if .Params.gallery }} | |
+ | |
+ <!-- <a href="{{ .Permalink }}"> --> | |
+ <!-- <img src="{{ .Permalink }}/{{ .Params.thumbnail }}" alt="{{ .Titl… | |
+ <!-- </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" ( $scr… | |
+ 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 }} | |
diff --git a/themes/tale-mod/layouts/about/list.html b/themes/tale-mod/layouts/… | |
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" . }} | |
diff --git a/themes/tale-mod/layouts/index.html b/themes/tale-mod/layouts/index… | |
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 ar… | |
+ {{ end }} | |
+ {{ if .Paginator.HasNext }} | |
+ <a href="{{ .Paginator.NextPage.URL }}" class="right a… | |
+ | |
+ <span>{{ .Paginator.PageNumber }}</span> | |
+ {{ end }} | |
+ </div> | |
+ </center> | |
+</main> | |
+ | |
+{{ partial "footer.html" . }} | |
diff --git a/themes/tale-mod/layouts/partials/footer.html b/themes/tale-mod/lay… | |
t@@ -0,0 +1,7 @@ | |
+ <footer> | |
+ <span> | |
+ © <time datetime="{{ now }}">{{ now.Format "2006"… | |
+ </span> | |
+ </footer> | |
+ </body> | |
+</html> | |
diff --git a/themes/tale-mod/layouts/partials/head.html b/themes/tale-mod/layou… | |
t@@ -0,0 +1,35 @@ | |
+<head> | |
+ <meta charset="UTF-8"> | |
+ <meta name="viewport" content="width=device-width, initial-sca… | |
+ {{- if eq .URL "/" }} | |
+ <meta name="description" content="{{ .Site.Params.Desc… | |
+ {{- 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 "… | |
+ {{- $style := resources.Get "scss/tale.… | |
+ <link rel="stylesheet" href="{{ $style.RelPermalink }}"> | |
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?… | |
+ <link rel="stylesheet" href="css/w3.css"> | |
+ | |
+ <!-- Favicon --> | |
+ <link rel="icon" type="image/png" sizes="32x32" href="{{ .Site… | |
+ <link rel="icon" type="image/png" sizes="16x16" href="{{ .Site… | |
+ <link rel="apple-touch-icon" sizes="180x180" href="{{ .Site.Ba… | |
+ | |
+ <!-- RSS --> | |
+ <link href="{{ .RSSLink }}" rel="alternate" type="application/… | |
+ </head> | |
+ | |
diff --git a/themes/tale-mod/layouts/partials/header.html b/themes/tale-mod/lay… | |
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><a href="{{ .Site.BaseURL }}prints">Prints… | |
+ <li><a href="{{ .Site.BaseURL }}about">About</… | |
+ </ul> | |
+ </div> | |
+ </nav> | |
diff --git a/themes/tale-mod/layouts/prints/list.html b/themes/tale-mod/layouts… | |
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" . }} | |
diff --git a/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b… | |
t@@ -0,0 +1 @@ | |
+*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-b… | |
diff --git a/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b… | |
t@@ -0,0 +1 @@ | |
+{"Target":"css/style.css","MediaType":"text/css","Data":{}} | |
+\ No newline at end of file | |
diff --git a/themes/tale-mod/static/css/w3.css b/themes/tale-mod/static/css/w3.… | |
t@@ -0,0 +1,14 @@ | |
+.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.… | |
+.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-ba… | |
+.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:lef… | |
+.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999… | |
+.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.3333… | |
+.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66… | |
+@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}… | |
+.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{widt… | |
+.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-co… | |
+@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}… | |
+.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.3333… | |
+.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66… | |
+.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-pad… | |
+.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-b… | |
diff --git a/themes/tale-mod/static/images/apple-touch-icon.png b/themes/tale-m… | |
Binary files differ. | |
diff --git a/themes/tale-mod/static/images/favicon-16x16.png b/themes/tale-mod/… | |
Binary files differ. | |
diff --git a/themes/tale-mod/static/images/favicon-32x32.png b/themes/tale-mod/… | |
Binary files differ. | |
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 the… | |
+homepage = "https://github.com/EmielH/tale-hugo" | |
+tags = ["minimal", "clean", "responsive", "simple", "personal", "blog", "start… | |
+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" |