From 113d4e53416ddf42212da6f217670bdc6f0c9dd8 Mon Sep 17 00:00:00 2001
From: Óscar Nájera <hi@oscarnajera.com>
Date: Sat, 1 Jan 2022 21:03:20 +0100
Subject: Import new minimalist design
---
layouts/404.html | 37 +++++++++------
layouts/_default/archive.terms.html | 21 ---------
layouts/_default/baseof.html | 9 +---
layouts/_default/list.html | 14 +++---
layouts/_default/search.html | 30 ------------
layouts/_default/single.html | 93 +++++++++++++------------------------
layouts/_default/summary.html | 25 ----------
layouts/_default/terms.html | 19 --------
layouts/index.html | 22 +++++++--
layouts/index.json | 7 ---
layouts/partials/author_card.html | 12 +++++
layouts/partials/footer.html | 10 ++--
layouts/partials/head.html | 57 +++++------------------
layouts/partials/header.html | 63 +++++++++----------------
layouts/partials/hero.html | 7 +++
layouts/partials/meta.html | 15 ------
layouts/partials/metadata.html | 24 ++++++++++
layouts/partials/open_section.html | 9 ++++
layouts/partials/pagination.html | 18 +++----
layouts/partials/post.html | 20 ++++++++
layouts/partials/post_pager.html | 10 ++++
layouts/section_page/single.html | 8 ++++
layouts/taxonomy/terms.html | 35 ++++++++++++++
23 files changed, 259 insertions(+), 306 deletions(-)
delete mode 100644 layouts/_default/archive.terms.html
delete mode 100644 layouts/_default/search.html
delete mode 100644 layouts/_default/summary.html
delete mode 100644 layouts/_default/terms.html
delete mode 100644 layouts/index.json
create mode 100644 layouts/partials/author_card.html
create mode 100644 layouts/partials/hero.html
delete mode 100644 layouts/partials/meta.html
create mode 100644 layouts/partials/metadata.html
create mode 100644 layouts/partials/open_section.html
create mode 100644 layouts/partials/post.html
create mode 100644 layouts/partials/post_pager.html
create mode 100644 layouts/section_page/single.html
create mode 100644 layouts/taxonomy/terms.html
(limited to 'layouts')
diff --git a/layouts/404.html b/layouts/404.html
index c2f0c31..eada35e 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,17 +1,28 @@
-{{ define "main" }}
-<div id="content" class="bg-near-white pb2 pt5">
- <header class="tc ph5 lh-copy">
- <h1 class="f1 f-headline-l code dib orange">404</h1>
- <h2 class="tc f1-l fw1">Sorry, we can't find the page you are looking for.</h2>
- </header>
+{{ define "main"}}
+<div class="mw7 center">
- <p class="fw1 i tc mt4 mt5-l f4 f3-l">Are you looking for one of these?</p>
+ <h1> Page not found</h1>
+
+ {{/* Suggest recently published pages to the user. */}}
+
+ <p>Perhaps you were looking for one of these?</p>
+
+ {{ $query := where (where (where (where site.RegularPages.ByDate.Reverse "Title" "!=" "") "Kind" "in" (slice "page" "section")) "Params.private" "!=" true) "Permalink" "!=" "" }}
+ {{ $count := len $query }}
+ {{ if gt $count 0 }}
+ <h2>{{ i18n "user_profile_latest" }}</h2>
+ <ul class="list pl0 ba br2">
+ {{ range first 10 $query }}
+ <li class="bb pa3 w3-hover-theme">
+ <a href="{{ .RelPermalink }}" class="link near-white">
+ <h4>{{ .Title }}</h4>
+ {{ .Summary }}</a>
+ {{ partial "metadata.html" . }}
+ </li>
+ {{ end }}
+ </ul>
+ {{ end }}
- <div class="db tc ma3 f6">
- {{ range .Site.Menus.main }}
- <a class="dib link dim ph3 pv2 ba br1 ttu f5 ma1" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
- {{ .Pre }} {{ .Name }}</a>
- {{ end }}
- </div>
</div>
+
{{ end }}
diff --git a/layouts/_default/archive.terms.html b/layouts/_default/archive.terms.html
deleted file mode 100644
index 7b5a540..0000000
--- a/layouts/_default/archive.terms.html
+++ /dev/null
@@ -1,21 +0,0 @@
-{{ define "main" }}
-<div id="content" class="bg-near-white pa2 pt5">
- {{ range (where .Site.RegularPages "Section" "post").GroupByDate "2006" }}
- <section class="f4 bb b--black-40 mw7 center">
- <h4 class="">{{ .Key }}</h4>
-
- {{ range .Pages.GroupByDate "January" }}
- <ul class="list mv1">
- <li class="b">{{ .Key }}</li>
-
- <ul class="pv2">
- {{ range .Pages }}
- <li class="black-50"><a href="{{ .Permalink }}" class="f4 dark-gray underline-hover">{{.Title}}</a> - {{ .Date.Format "Jan 2" }}</li>
- {{ end}}
- </ul>
- </ul>
- {{ end}}
- </section>
- {{ end }}
-</div>
-{{ end }}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index f5fb3d8..20e0c0c 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,16 +1,11 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
- <body class="bg-near-white sans-serif"
- style="background:url('{{ .Site.Params.coverImage | absURL }}') fixed;">
+ <body class="w3-theme-dark">
{{- partial "header.html" . -}}
-
- <div id="content" class="fl w-75-ns bg-black-10">
+ <div id="content" class="min-vh-100">
{{- block "main" . }}{{- end }}
</div>
-
{{- partial "footer.html" . -}}
-
- {{- block "footerfiles" . }}{{- end }}
</body>
</html>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index c9839f8..a1f0f08 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,10 @@
{{ define "main" }}
-<section class="bg-near-white pb2 pt4">
- {{ range .Paginator.Pages }}
- {{ .Render "summary" }}
- {{ end }}
- {{ partial "pagination.html" . }}
-</section>
+{{ partial "open_section.html" . }}
+
+{{ range .Paginator.Pages.ByPublishDate.Reverse }}
+<div class="stripe-dark">
+ {{ partial "post.html" . }}
+</div>
+{{ end }}
+{{ partial "pagination.html" . }}
{{ end }}
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
deleted file mode 100644
index 4bf77f2..0000000
--- a/layouts/_default/search.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{{ define "footerfiles" }}
-<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js"></script>
-<script src="{{ "js/search.js" | absURL }}"></script>
-{{ end }}
-
-{{ define "main" }}
-<section class="bg-near-white pt5">
- <div class="mw7 center pv4" >
- <form action="{{ .Permalink }}">
- <input id="search-query" name="s"/>
- </form>
- <div id="search-results">
- <h3>Matching pages</h3>
- </div>
- </div>
-</section>
-<!-- this template is sucked in by search.js and appended to the search-results div above. So editing here will adjust style -->
-<script id="search-result-template" type="text/x-js-template">
- <div id="summary-${key}" class="bt bb b--black-10 ph4">
- <h4><a href="${link}">${title}</a></h4>
- <p>${snippet}…</p>
-
-
- ${ isset tags }<p><i class="fa fa-tags"></i> Tags: ${tags}</p>${ end }
- ${ isset categories }<p><i class="fa fa-bookmark"></i> Categories: ${categories}</p>${ end }
- </div>
-</script>
-{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 6007308..3d75915 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,71 +1,42 @@
{{ define "main" }}
-<article>
- <div id="post-header-cover" class="bg-center cover bg-black-30"
- {{ with .Params.cover }}
- style="background-image:url({{ . }})"
- {{ end }} >
- <header class="dt pa2 mw6 center post-header white">
- <h1 class="f1 lh-title">
- {{ .Title }}</h1>
-
- {{ if not (eq .Params.showMeta false) }}
- <div class="f4 tracked mb3">{{ .Date.Format "Mon, Jan 2, 2006" }}</div>
- {{ partial "meta.html" . }}
+<article class="mw7 center ph2">
+ <header>
+ <h2 class="baskerville f2 lh-title mv3">
+ {{ .Title }}
+ </h2>
+
+ {{ with .Params.subtitle }}
+ <h3 class="f3 baskerville mv3">{{ . }}</h3>
+ {{end}}
+
+ {{ if isset .Params "image" }}
+ {{ $image := resources.Get .Params.image }}
+ {{ $image := $image.Fill (default "400x400" .Params.image_size) }}
+ <div class="relative">
+ <img src="{{ $image.RelPermalink }}" class="db center" alt= "{{ .Title }}">
+ {{ with .Params.caption }}
+ <a href="{{ .url }}" class="link near-white absolute bottom-0 right-0 pa2 bg-black-30 br2">
+ {{ .text }}
+ </a>
{{ end }}
- </header>
- </div>
-
- <div id="content" class="bg-near-white">
- <div class="mw7 center lh-copy pv4 ph2 black-70">
- {{ .Content }}
</div>
+ {{end}}
- <footer class="mw7 center ph3 pb2 bt bb cf b--black-50">
- {{ with .Params.tags }}
- <div class="fl-ns w-50-ns mb2">
-
- <h5 class="f5 ttu black-60"><i class="fa fa-lg fa-tags"></i> Tagged in</h5>
- {{ range . }}
- <a class="f5 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba"
- href="{{ $.Site.LanguagePrefix }}/tags/{{ . | urlize }}/">{{ . }}</a>
- {{ end }}
- </div>
- {{ end }}
-
- <div class="fl-ns w-50-ns mb2">
- <h5 class="f5 ttu black-60"><i class="fa fa-lg fa-share-alt"></i> Share in Social Networks</h5>
- {{ range .Site.Params.sharingOptions }}
- <a class="f4 link br1 ph3 pv2 blue dib hover-bg-light-blue hover-white ba" target="new" href="{{ printf .url $.Permalink }}">
- <i class="fa {{ .icon }}"></i>
- </a>
- {{ end }}
- </div>
- </footer>
+ {{ if isset .Params "metadata" }}
+ {{ partial "metadata.html" . }}
+ {{ end }}
- <!-- Pagination Actions for posts -->
- {{ if not (eq .Params.showActions false) }}
- <div class="mv3 tc">
- {{ with .NextInSection }}
- <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
- <i class="fa fa-angle-left"></i> Newer <br/>
- {{ .Title }}
- </a>
- {{ end}}
- {{ with .PrevInSection }}
- <a href="{{ .RelPermalink }}" class="dib f4 link br1 ma1 pa2 blue hover-bg-light-blue hover-white ba">
- Older <i class="fa fa-angle-right"></i> <br/>
- {{ .Title }}
- </a>
- {{ end}}
- </div>
- {{ end}}
+ </header>
- {{ if not (eq .Params.comments false) }}
- <div class="mw7 center mv4 pa2">
- {{ template "_internal/disqus.html" . }}
- </div>
- {{ end }}
+ <div class="main-content sans-serif f5 f4-ns lh-copy baskerville">
+{{ .Content }}
</div>
</article>
+<div class="sans-serif f5 f4-ns lh-copy pv2">
+{{ if isset .Params "metadata" }}
+{{ partial "author_card" . }}
+{{ end }}
+{{ partial "post_pager" . }}
+</div>
{{ end }}
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
deleted file mode 100644
index 20c8d9c..0000000
--- a/layouts/_default/summary.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<article class="ba br2 b--black-10 mw7 mh3-ns mv3 bg-near-white">
- <a href='{{ .Permalink }}' class="db pa4-ns pa2 black no-underline dim ">
- <header>
- <h1 class="f2 lh-title black-90">
- {{ .Title }}
- </h1>
- <div class="gray">{{ .Date.Format "Mon, Jan 2, 2006" }} - {{ .FuzzyWordCount }} Words - {{ .ReadingTime }} min read</div>
- </header>
- <p class="f4 lh-copy black-80">
- {{ .Summary }}
- </p>
- <footer>
-
- <nobr class="link">Continue reading →</nobr>
- {{ with .Params.thumbnailImage }}
- <img src="{{ . }}" class="mt2 br2 grow">
- {{ else }}
- {{ if .Params.cover }}
- <img src="{{ .Params.cover }}" class="mt2 br2 grow" />
- {{ end}}
- {{ end }}
-
- </footer>
- </a>
-</article>
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
deleted file mode 100644
index 42d5541..0000000
--- a/layouts/_default/terms.html
+++ /dev/null
@@ -1,19 +0,0 @@
-{{ define "main" }}
-<div id="content" class="bg-near-white pa2 pt5">
- <section class="mw7 center">
- {{ range .Data.Terms.ByCount }}
- <h4 class="f4">
- <a href="{{ .Name }}" class="dark-gray underline-hover">
- {{ .Name }} ({{ .Pages | len }})
- </a>
- </h4>
-
- <ul class="bb b--black-50 pb2">
- {{ range .Pages.ByDate.Reverse }}
- <li class="black-50"><a href="{{ .Permalink }}" class="f4 dark-gray underline-hover">{{.Title}}</a> - {{ .Date.Format "Jan 2, 2006" }}</li>
- {{ end}}
- </ul>
- {{ end }}
- </section>
-</div>
-{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index 9b143c0..b256f80 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,8 +1,20 @@
{{ define "main" }}
- <!-- Note that .Data.Pages is the equivalent of .Site.Pages on the homepage template. -->
- {{ $paginator := .Paginate (where .Data.Pages "Section" "post") }}
- {{ range $paginator.Pages }}
- {{ .Render "summary" }}
+{{ partial "hero.html" . }}
+
+<!-- Page Content -->
+{{ range $index, $element := where .Pages "Type" "in" .Site.Params.mainSections }}
+{{ partial "open_section.html" . }}
+
+ {{ range first .Params.index_show .Pages.ByPublishDate.Reverse }}
+ <div class="stripe-dark">
+ {{ partial "post.html" . }}
+ </div>
{{ end }}
- {{ partial "pagination.html" . }}
+
+ <div class="tc pa3">
+ <i class="fas fa-angle-right"></i>
+ <a href="{{ .Type }}" class="f3 link near-white">See all</a>
+ </div>
+ </div>
+{{ end }}
{{ end }}
diff --git a/layouts/index.json b/layouts/index.json
deleted file mode 100644
index b8559e7..0000000
--- a/layouts/index.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{{- $.Scratch.Add "index" slice -}}
-{{- range .Site.RegularPages -}}
-{{- if ne .Params.noindex true -}}
- {{- $.Scratch.Add "index" (dict "title" .Title "tags" .Params.tags "categories" .Params.categories "contents" .Plain "permalink" .Permalink) -}}
-{{- end -}}
-{{- end -}}
-{{- $.Scratch.Get "index" | jsonify -}}
diff --git a/layouts/partials/author_card.html b/layouts/partials/author_card.html
new file mode 100644
index 0000000..33c86b8
--- /dev/null
+++ b/layouts/partials/author_card.html
@@ -0,0 +1,12 @@
+<div class="mw7 center ph3 flex flex-column flex-row-ns">
+ <div class="w-10-ns">
+ <img src="{{ .Site.Params.Owner_avatar }}" class="br-100">
+ </div>
+ <div class="w-90-ns ph3-ns">
+ <h5 class="f3 mv1 berkshire-swash">{{ .Site.Params.Owner }}</h5>
+ <h6 class="f4 fw4 light-gray pa0 ma0">{{ .Site.Params.Role }}</h6>
+ <p class="f5 lh-copy">
+ {{ .Site.Params.bio }}
+ </p>
+ </div>
+</div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d437bde..a9e1474 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,5 +1,7 @@
-<footer id="footer" class="fl center pa2 bg-white-40">
- <span class="db tc black-80">
- © {{ now.Format "2006" }} {{ with .Site.Params.footer.copyright }}{{ . | safeHTML }}{{ else }}{{ with .Site.Author.name }}{{ . }}{{ else }}{{ with .Site.Title }}{{ . }}{{ end }}{{ end }}{{ end }}. All Rights Reserved
- </span>
+<footer class="bg-black">
+ <div class="w-100 ph3 pv3 tc">
+ {{ with .Site.GetPage "footer.md" }}
+ {{ .Content }}
+ {{ end }}
+ </div>
</footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index adaa5ab..48eaddd 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,45 +1,12 @@
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta charset="UTF-8">
-<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
-<!-- FontAwesome -->
-<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
-
-<!-- CustomCSS -->
- {{ range .Site.Params.customCSS }}
- {{ if isset . "href" }}
- <link {{ if not (isset . "rel") }}rel="stylesheet" {{ end }}{{ range $key, $value := . }} {{ if eq $key "href" }}{{ (printf "%s=\"%s\"" $key ($value | absURL)) | safeHTMLAttr }}{{ else }}{{ (printf "%s=\"%s\"" $key (string $value)) | safeHTMLAttr }}{{ end }}{{ end }}>
- {{ else }}
- <link rel="stylesheet" href="{{ . | absURL }}">
- {{ end }}
- {{ end }}
-
-<!-- Highligth.js -->
-<link rel="stylesheet"
- href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/zenburn.min.css">
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
-<script>hljs.initHighlightingOnLoad();</script>
-
-<!-- Mathjax -->
-<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
-
-<!-- CSS -->
-<style>
- a {
- text-decoration: none;
- color: #357edd;
- }
-
- #sidebar {
- text-shadow: 1px 1px 1px #111;
- }
-
- .post-header {
- text-shadow: 1px 2px 1px rgba(0,0,0,0.9);
- }
-
- pre {
- background: #3f3f3f;
- color: #dcdcdc;
- padding: 0.5em;}
-
-</style>
+<head>
+ <meta charset="utf-8">
+ <link rel="icon" href="/images/favicon.png">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ {{ $styles := resources.Get "scss/style.scss" | resources.ToCSS | resources.Minify }}
+ <link rel="stylesheet" href="{{ $styles.Permalink }}" type="text/css" media="screen" />
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+ {{ $title := print .Site.Title " | " .Title }}
+ {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
+ <title>{{ $title }}</title>
+</head>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9b2aaab..ef345ca 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,44 +1,27 @@
-{{ if .Site.Author.gravataremail }}
- {{ .Scratch.Set "authorPicture" (printf "//www.gravatar.com/avatar/%s" (urlize (md5 (.Site.Author.gravataremail )))) }}
-{{ else if .Site.Author.picture }}
- {{ .Scratch.Set "authorPicture" (absURL .Site.Author.picture) }}
-{{ end }}
+<nav class="header w-100 w3-theme-d3 w3-theme-border z-2 cf">
+ <a href="{{ site.BaseURL }}" class="pl5 db fl link">
-<nav id="sidebar" class="fl w-25-ns bg-gray vh-100-ns">
- <div class="tc pv4">
- <a href="/#about" class="white link">
- {{ with ($.Scratch.Get "authorPicture") }}
- <img class="br-100" src="{{ . }}{{ if in . "//www.gravatar.com/avatar/" }}?s=110{{ end }}"/>
- {{ end }}
- <h3 class="f3">
- {{ .Site.Author.name }}
- </h3>
- </a>
- </div>
- <ul class="list bd ba">
- {{ range .Site.Menus.main }}
- <li class="ma2 dib">
- <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
- {{ .Pre }} {{ .Name }}</a>
- </li>
- {{ end }}
- </ul>
- <ul class="list">
- {{ range .Site.Menus.links }}
- <li class="pv2">
- <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
- {{ .Pre }} {{ .Name }}</a>
- </li>
- {{ end }}
- </ul>
+ {{ with resources.Get .Site.Params.logo }}
+ <img height="{{ site.Params.logo_height }}" class="v-btm" src="{{ .Permalink }}" alt="{{ site.Title }}">
+ {{ end }}
+
+ <span class="near-white pl2 pt0 f2 berkshire-swash">
+ {{ .Site.Title }}
+ </span>
- <ul class="list">
- {{ range .Site.Menus.misc }}
- <li class="pv2">
- <a class="link white db grow" href="{{ .URL | relLangURL }}" title="{{ .Title }}">
- {{ .Pre }} {{ .Name }}</a>
- </li>
- {{ end }}
- </ul>
+ </a>
+ <input class="menu-btn dn" type="checkbox" id= "menu-btn">
+ <label class="fr dn-ns ma2 pa3 menu-icon" for="menu-btn">
+ <span class="navicon bg-near-white"></span>
+ </label>
+ <ul class="ma0 pa0 list overflow-hidden br w3-theme-border">
+ {{ range .Site.Menus.main }}
+ <li class="fl-ns bl bb br2 w3-hover-theme w3-theme-border ">
+ <a class="db f6 pa3 link near-white grow"
+ href="{{ .URL }}">{{$text := print .Name | safeHTML }} {{ $text }}
+ </a>
+ </li>
+ {{ end }}
+ </ul>
</nav>
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
new file mode 100644
index 0000000..7345fe9
--- /dev/null
+++ b/layouts/partials/hero.html
@@ -0,0 +1,7 @@
+<div style="background: linear-gradient( rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.5) ), url('{{ .Params.image }}'); background-position: center;"
+ class="bg-center pv5" >
+ <div class="mw7 center ph2">
+ <h1 class="f1 tc title berkshire-swash">{{ .Title }}</h1>
+ {{ .Content }}
+ </div>
+</div>
diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html
deleted file mode 100644
index 84e76e5..0000000
--- a/layouts/partials/meta.html
+++ /dev/null
@@ -1,15 +0,0 @@
-{{ with .Params.categories }}
-<i class="fa fa-lg fa-bookmark"></i>
-{{ range . }}
-<a class="link underline-hover white mr3"
- href="{{ $.Site.LanguagePrefix }}/categories/{{ . | urlize }}/">{{ . }}</a>
-{{ end }}
-{{ end }}
-
-{{ with .Params.tags }}
-<i class="fa fa-lg fa-tags"></i>
-{{ range . }}
-<a class="link underline-hover white"
- href="{{ $.Site.LanguagePrefix }}/tags/{{ . | urlize }}/">{{ . }}</a>
-{{ end }}
-{{ end }}
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html
new file mode 100644
index 0000000..77373f9
--- /dev/null
+++ b/layouts/partials/metadata.html
@@ -0,0 +1,24 @@
+{{ $dateTime := .PublishDate.Format "2006-01-02" }}
+{{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
+
+<p class="f6 lh-copy mv0 ph4 pv2">By {{ range .Params.authors }} {{ . }} {{ end }}
+<br/>
+<i class="far fa-calendar"></i>
+<time class="f6 lh-copy mv0" datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
+|
+{{ .ReadingTime }} mins read
+{{ with .Params.tags }}
+| <i class="fas fa-tags"></i>
+ {{ range . }}
+ {{ $href := print (absURL "tags/") (urlize .) }}
+ <a class="link underline light-gray" href="{{ $href }}">{{ . }}</a>
+ {{ end }}
+{{ end }}
+{{ with .Params.categories }}
+| <i class="fas fa-bookmark"></i>
+ {{ range . }}
+ {{ $href := print (absURL "tags/") (urlize .) }}
+ <a class="link underline light-gray" href="{{ $href }}">{{ . }}</a>
+ {{ end }}
+{{ end }}
+</p>
diff --git a/layouts/partials/open_section.html b/layouts/partials/open_section.html
new file mode 100644
index 0000000..f58cdf9
--- /dev/null
+++ b/layouts/partials/open_section.html
@@ -0,0 +1,9 @@
+<div class="stripe-dark">
+ <div class="mw7 center pa2">
+ <h2 class="baskerville f2 lh-title">{{ .Title }}</h2>
+
+ <div class="main-content lh-copy">
+ {{ .Content }}
+ </div>
+ </div>
+</div>
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 16ad74e..3aa16f7 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,15 +1,17 @@
{{ $pag := $.Paginator }}
{{ if gt $pag.TotalPages 1 }}
-<div class="center db tc ma4 f6">
+<nav class="flex items-center justify-center pa4 f5">
{{ if $pag.HasPrev }}
- <a href="{{ $pag.Prev.URL }}" aria-label="Previous" class="dib link dim ph3 pv2 ba br1 ttu">Newer Posts</a>
+ <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-white link grow hover-bg-light-gray hover-near-black pa2 ba">« {{ T "Prev" }}</a>
{{ end }}
-
{{ range $pag.Pagers }}
- <a href="{{ .URL }}" class="dib link dim ph3 pv2 b ba br1 {{ if eq . $pag }}bg-blue white{{ end }}">{{ .PageNumber }}</a>
+ {{ if eq . $pag }}
+ <span class= "white w3-theme ma1 pa2 ba"> {{ $pag.PageNumber }}</span>
+ {{ else }}
+ <a href="{{ .URL }}" class="db near-white link grow hover-bg-light-gray hover-near-black pa2 ba">{{ .PageNumber }}</a>
{{ end }}
-{{ if $pag.HasNext }}
- <a href="{{ $pag.Next.URL }}" aria-label="Next" class="dib link dim ph3 pv2 ba br1 ttu">Older posts</a>
-{{ end }}
-</div>
+ {{ end }}
+ {{ if $pag.HasNext }}
+ <a href="{{ $pag.Next.URL }}" rel="next" class="near-white link grow hover-bg-light-gray hover-near-black pa2 ba">{{ T "Next" }} »</a> {{ end }}
+</nav>
{{ end }}
diff --git a/layouts/partials/post.html b/layouts/partials/post.html
new file mode 100644
index 0000000..8eaadee
--- /dev/null
+++ b/layouts/partials/post.html
@@ -0,0 +1,20 @@
+<article class="mw7 center pv4 ph3">
+<a class="db no-underline grow" href= "{{ .RelPermalink }}">
+ <h3 class="f3 baskerville mt0 lh-title near-white">{{.Title }}</h3>
+ <div class="cf">
+ {{ if isset .Params "image" }}
+ {{ $image := resources.Get .Params.image }}
+ {{ $image := $image.Resize (default "320x" .Params.thumbnail_size) }}
+ <div class="fl-ns mb4 mb0-ns pr3-ns">
+ <img src="{{ $image.RelPermalink }}" class="db center">
+ </div>
+ {{ end }}
+ <div class="f5 lh-copy near-white">
+ {{ .Summary }}
+ </div>
+ </div>
+</a>
+{{ if isset .Params "metadata" }}
+{{ partial "metadata.html" . }}
+{{ end }}
+</article>
diff --git a/layouts/partials/post_pager.html b/layouts/partials/post_pager.html
new file mode 100644
index 0000000..6fe00aa
--- /dev/null
+++ b/layouts/partials/post_pager.html
@@ -0,0 +1,10 @@
+<nav class="flex items-center justify-center pa4 f5">
+{{ with .NextInSection }}
+ <a href="{{ .RelPermalink }}" rel="prev" class="near-white link bg-animate hover-bg-light-gray hover-near-black pa2 ba ma2">
+ « {{ .Title }}</a>
+{{ end }}
+{{ with .PrevInSection }}
+ <a href="{{ .RelPermalink }}" rel="prev" class="near-white link bg-animate hover-bg-light-gray hover-near-black pa2 ba ma2">
+ {{ .Title }} »</a>
+{{ end }}
+</nav>
diff --git a/layouts/section_page/single.html b/layouts/section_page/single.html
new file mode 100644
index 0000000..1f550d3
--- /dev/null
+++ b/layouts/section_page/single.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+{{ partial "hero.html" . }}
+
+{{ range .Resources.ByType "page" }}
+{{ partial "open_section.html" . }}
+{{ end }}
+
+{{ end }}
diff --git a/layouts/taxonomy/terms.html b/layouts/taxonomy/terms.html
new file mode 100644
index 0000000..babfd87
--- /dev/null
+++ b/layouts/taxonomy/terms.html
@@ -0,0 +1,35 @@
+{{ define "main" }}
+<section class="mw7 center">
+ <h2 class="baskerville f2 fw1 ph3 ph0-l near-white lh-title">{{ .Title }}</h2>
+ <section class="">
+ {{ range .Data.Terms.ByCount }}
+ <a class="dib near-white link grow hover-bg-white-80 hover-near-black pa2 ba ma1 br2" href="#{{ .Name | urlize }}-list" data-tag="{{ .Name | lower }}">
+ {{ .Name }}
+ </a>
+ {{ end }}
+ </section>
+
+ <!-- EACH tag post -->
+ <section class="">
+ {{ range .Data.Terms.ByCount }}
+ <div id="{{ .Name | urlize }}-list" class="pa1 pa2-ns bb" data-tag="{{ .Name | lower }}">
+ <h4 class="f4 bold center lh-title">
+ <a class="link dim near-white" href="{{ .Name | urlize }}">
+ {{ .Name }} ({{ .Pages | len }})
+ </a>
+ </h4>
+ <ul class="list ml0">
+ {{ range .Pages.ByDate }}
+ <li class="pv1 fa-check fas">
+ <a class="link dim near-white lh-copy" href="{{ .Permalink }}">
+ {{ .Title }}
+ </a>
+ <span class="white-60"> - {{ .Date | time.Format ":date_long" }}</span>
+ </li>
+ {{ end }}
+ </ul>
+ </div>
+ {{ end }}
+ </section>
+</section>
+{{ end }}
--
cgit v1.2.3