diff --git a/config.toml b/config.toml index 60d0e11..8866078 100755 --- a/config.toml +++ b/config.toml @@ -20,6 +20,9 @@ extensions = [ "hardLineBreak" ] custom_css = ['css/custom.css'] custom_js = [] +[params.blog] + headline = "Thoughts about tech, politics, and more" + [params.social] Github = "mxmehl" Git = "https://src.mehl.mx/mxmehl" diff --git a/content/blog/creating-a-new-theme.md b/content/blog/creating-a-new-theme.md index b6ae663..23a06d2 100755 --- a/content/blog/creating-a-new-theme.md +++ b/content/blog/creating-a-new-theme.md @@ -4,7 +4,7 @@ date: 2014-09-28 linktitle: Creating a New Theme title: Creating a New Theme highlight: true -draft: true +draft: false --- diff --git a/content/blog/goisforlovers.md b/content/blog/goisforlovers.md index 99bb6ff..38dff62 100755 --- a/content/blog/goisforlovers.md +++ b/content/blog/goisforlovers.md @@ -14,7 +14,9 @@ categories = [ "golang", ] highlight = "true" -draft = true +draft = false +headerimage = "placeholder.jpg" +headercredits = "Unsplash, [Dlanor S](https://unsplash.com/photos/2xEQDxB0ss4)" +++ Hugo uses the excellent [go][] [html/template][gohtmltemplate] library for diff --git a/content/blog/hugoisforlovers.md b/content/blog/hugoisforlovers.md index 75b9166..4a1a2f3 100755 --- a/content/blog/hugoisforlovers.md +++ b/content/blog/hugoisforlovers.md @@ -13,7 +13,7 @@ categories = [ "golang", ] highlight = "true" -draft = true +draft = false +++ ## Step 1. Install Hugo diff --git a/content/blog/migrate-from-jekyll.md b/content/blog/migrate-from-jekyll.md index 2937517..a4fb9d6 100755 --- a/content/blog/migrate-from-jekyll.md +++ b/content/blog/migrate-from-jekyll.md @@ -3,7 +3,7 @@ date: 2014-03-10 linktitle: Migrating from Jekyll title: Migrate to Hugo from Jekyll highlight: "true" -draft: true +draft: false --- ## Move static content to `static` diff --git a/themes/hugo-sustain/layouts/_default/list.html b/themes/hugo-sustain/layouts/_default/list.html index 211d75a..00a98fd 100644 --- a/themes/hugo-sustain/layouts/_default/list.html +++ b/themes/hugo-sustain/layouts/_default/list.html @@ -1,31 +1,43 @@ {{ partial "head" . }} - -
- - {{ partial "header" . }} -
-

Archive

-
-
- {{ range .Data.Pages.ByPublishDate.Reverse }} -
-
-
- {{ .Date.Format "January 2, 2006" }} -
-
-
-
- {{ .Title | markdownify }} -
-
-
- {{ end }} + +
+ + {{ partial "header" . }} +
+

{{ .Site.Params.Blog.Headline }} + {{ if (isset .Data "Singular") }} +
({{ .Data.Singular | humanize }}: {{lower .Title}}) + + {{ else }} + + {{ end }} +

+ {{ if .Site.Params.Social.CommentsProvider }} +

Subscribe to my Blog via Diaspora, Mastodon, Friendica or GNU Social. Never miss a article! Reshare, like and discuss it!

+ {{ end }} +

+ All + {{ range $name, $taxonomy := .Site.Taxonomies.categories }} + + {{ humanize $name }} + + {{ end }} +

+ +
+
+ {{ range .Data.Pages.ByPublishDate.Reverse }} +
+

{{ .Title | markdownify }}

+
Posted on {{ .Date.Format "2 January 2006" }} - Tagged with {{ range $i, $tag := .Params.tags }}{{ if $i }}, {{ end }}{{ $tag }}{{ end }}
+

{{ .Summary }}

-
+ {{ end }} +
- - {{ partial "footer" . }} - +
+ + {{ partial "footer" . }} + diff --git a/themes/hugo-sustain/layouts/_default/single.html b/themes/hugo-sustain/layouts/_default/single.html index 815c958..155ee9a 100644 --- a/themes/hugo-sustain/layouts/_default/single.html +++ b/themes/hugo-sustain/layouts/_default/single.html @@ -6,24 +6,27 @@ {{ partial "header" . }}
-

{{ .Title }}

-
{{ if ne .Params.page true }} -
-

- {{ .Date.Format "January 2, 2006" }} +
+

+ {{ .Date.Format "2 January 2006" }}    {{ range .Params.tags }} - {{ . }} - + {{ . }} {{ end }} -

+

{{ end }}
+ {{ if isset .Params "headerimage" }} +
+ +

{{ with .Params.headercredits }}{{ . | markdownify }}{{ end }}

+
+ {{ end }} {{ .Content }} {{ if or (eq .Params.related true) (ne .Params.page true) }} @@ -34,7 +37,7 @@
- {{ .Date.Format "January 2, 2006" }} + {{ .Date.Format "2 January 2006" }}
diff --git a/themes/hugo-sustain/static/css/custom.css b/themes/hugo-sustain/static/css/custom.css index e213fb5..c7f394d 100644 --- a/themes/hugo-sustain/static/css/custom.css +++ b/themes/hugo-sustain/static/css/custom.css @@ -11,13 +11,24 @@ div.footer { .container a:hover { color: #12437A; } -div.container.links .label-success { +.container .label-success { background-color: rgba(92, 139, 184, 0.6); + color: #FFF; } -div.container h1 { +.container a.label-success:hover { + background-color: rgba(92, 139, 184, 0.9); + color: #FFF; +} +.container h1 { font-weight: bold; color: #0D76EC; } +.container h4 a { + color: #0D76EC; +} +.container h4 a:hover { + color: #0060CC; +} /* Avoid scrollbar jumps in centering * see https://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/ @@ -63,3 +74,49 @@ div.contact p { .social-links li a:hover i { transform: scale(1); } + +/* BLOG */ +.categories { + font-size: 18px; + margin: 1em 0 3em 0; +} +.blog-summary { + padding-bottom: 1em; +} +.metadata { + font-size: 0.8em; + opacity: 0.7; +} +.blogpost .header-image img { + width: 100%; + height: auto; + padding-bottom: 2px; +} +.blogpost .header-image p { + opacity: 0.7; + font-size: 0.8em; + text-align: center; + line-height: 1em; + margin-bottom: 1.5em; +} + +a.learn-more { + font-size: 1.8em; + line-height: 0.8em; + font-weight: 700; + font-variant: small-caps; + text-transform: lowercase; + padding: 0 1em 0 .3em; + position: absolute; +} +a.learn-more::after { + position: absolute; + right: 0.3em; + content: " » "; + opacity: .8; + transition: all 150ms linear; +} +a.learn-more:hover::after { + right: 0; + opacity: 1; +}