commit 4babb3cf6afab84f88942f5d7e68038bb8892e5e parent f8cbaff0165481fa50d1cec90918255f40b80d10 Author: Anders Damsgaard <anders@adamsgaard.dk> Date: Fri, 2 Nov 2018 11:05:47 +0100 Add theme Diffstat:
30 files changed, 776 insertions(+), 0 deletions(-)
diff --git a/themes/tale-mod/archetypes/default.md b/themes/tale-mod/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/themes/tale-mod/assets/scss/tale.scss b/themes/tale-mod/assets/scss/tale.scss @@ -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/assets/scss/tale/_base.scss @@ -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/assets/scss/tale/_catalogue.scss @@ -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/assets/scss/tale/_code.scss @@ -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/assets/scss/tale/_layout.scss @@ -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-mod/assets/scss/tale/_pagination.scss @@ -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/assets/scss/tale/_post.scss @@ -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/assets/scss/tale/_syntax.scss @@ -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; } diff --git a/themes/tale-mod/assets/scss/tale/_variables.scss b/themes/tale-mod/assets/scss/tale/_variables.scss @@ -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; +} diff --git a/themes/tale-mod/images/screenshot.png b/themes/tale-mod/images/screenshot.png 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 @@ -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 }} diff --git a/themes/tale-mod/layouts/_default/baseof.html b/themes/tale-mod/layouts/_default/baseof.html @@ -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/layouts/_default/list.html diff --git a/themes/tale-mod/layouts/_default/single.html b/themes/tale-mod/layouts/_default/single.html @@ -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" . }} diff --git a/themes/tale-mod/layouts/_default/summary.html b/themes/tale-mod/layouts/_default/summary.html @@ -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 }} diff --git a/themes/tale-mod/layouts/about/list.html b/themes/tale-mod/layouts/about/list.html @@ -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.html @@ -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" . }} diff --git a/themes/tale-mod/layouts/partials/footer.html b/themes/tale-mod/layouts/partials/footer.html @@ -0,0 +1,7 @@ + <footer> + <span> + © <time datetime="{{ now }}">{{ now.Format "2006" }}</time> {{ .Site.Params.Author }} + </span> + </footer> + </body> +</html> diff --git a/themes/tale-mod/layouts/partials/head.html b/themes/tale-mod/layouts/partials/head.html @@ -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> + diff --git a/themes/tale-mod/layouts/partials/header.html b/themes/tale-mod/layouts/partials/header.html @@ -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> diff --git a/themes/tale-mod/layouts/prints/list.html b/themes/tale-mod/layouts/prints/list.html @@ -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_33d66d0b5f8b04b1d41c1da7ba50ddae.content b/themes/tale-mod/resources/_gen/assets/scss/scss/tale.scss_33d66d0b5f8b04b1d41c1da7ba50ddae.content @@ -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} 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 @@ -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.css @@ -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} 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. diff --git a/themes/tale-mod/static/images/favicon-16x16.png b/themes/tale-mod/static/images/favicon-16x16.png Binary files differ. diff --git a/themes/tale-mod/static/images/favicon-32x32.png b/themes/tale-mod/static/images/favicon-32x32.png Binary files differ. diff --git a/themes/tale-mod/theme.toml b/themes/tale-mod/theme.toml @@ -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"
