diff options
| -rw-r--r-- | assets/scss/style.scss | 8 | ||||
| -rw-r--r-- | layouts/_default/about.html | 1 | ||||
| -rw-r--r-- | layouts/index.html | 3 | ||||
| -rw-r--r-- | layouts/partials/metadata.html | 14 | ||||
| -rw-r--r-- | layouts/taxonomy/terms.html | 62 |
5 files changed, 58 insertions, 30 deletions
diff --git a/assets/scss/style.scss b/assets/scss/style.scss index e0fada3..1c919f2 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -1,4 +1,12 @@ @import "tachyons"; + +/* Debugging */ +/* @import "tachyons/src/_debug-children"; */ +/* @import "tachyons/src/_debug-grid"; */ + +/* Uncomment out the line below to help debug layout issues */ +// @import "tachyons/src/_debug"; + @import "syntax"; html { diff --git a/layouts/_default/about.html b/layouts/_default/about.html index e69e671..0b7caed 100644 --- a/layouts/_default/about.html +++ b/layouts/_default/about.html @@ -38,7 +38,6 @@ {{ end }} {{ define "main" }} - <div class="stripe-dark"></div> {{ range .Paginator.Pages }} <div class="stripe-dark"> <div class="mw7 center pv2 lh-copy f4-ns ph1"> diff --git a/layouts/index.html b/layouts/index.html index 021da39..2f9d8ff 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -3,9 +3,6 @@ {{ end }} {{ define "main" }} - <!-- Page Content --> - - <div class="stripe-dark"></div> {{ range $index, $element := (where .Pages "Type" "in" .Site.Params.mainSections).ByWeight }} <div class="stripe-dark"> <div class="mw7 center pv2"> diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html index 5816186..d34c3a8 100644 --- a/layouts/partials/metadata.html +++ b/layouts/partials/metadata.html @@ -35,18 +35,24 @@ {{ end }} {{ with .Params.tags }} - | <i class="fas fa-tags"></i> + | + <a href="/tags" class="link grow w3-text-theme ph1"> + <i class="fas fa-tags"></i> + </a> {{ range . }} {{ $href := print (absURL "tags/") (urlize .) }} - <a class="link underline near-black" href="{{ $href }}">{{ . }}</a> + <a class="link underline color-inherit" href="{{ $href }}">{{ . }}</a> {{ end }} {{ end }} {{ with .Params.categories }} - | <i class="fas fa-folder-open"></i> + | + <a href="/categories" class="link grow w3-text-theme ph1"> + <i class="fas fa-folder-open"></i> + </a> {{ range . }} {{ $href := print (absURL "categories/") (urlize .) }} - <a class="link underline near-black" href="{{ $href }}">{{ . }}</a> + <a class="underline color-inherit" href="{{ $href }}">{{ . }}</a> {{ end }} {{ end }} </p> diff --git a/layouts/taxonomy/terms.html b/layouts/taxonomy/terms.html index 73856b3..75efd98 100644 --- a/layouts/taxonomy/terms.html +++ b/layouts/taxonomy/terms.html @@ -1,35 +1,53 @@ +{{ define "hero" }} + {{ partial "hero.html" . }} +{{ end }} + {{ define "main" }} -<section class="mw7 center"> - <h2 class="baskerville f2 fw1 ph3 ph0-l near-black lh-title">{{ .Title }}</h2> - <section class=""> - {{ range .Data.Terms.ByCount }} - <a class="dib near-black link grow hover-bg-white-80 hover-near-black pa2 ba ma1 br2" href="#{{ .Name | urlize }}-list" data-tag="{{ .Name | lower }}"> - {{ .Name }} + <section class="mw7 center"> + <section class="mt3"> + {{ range .Data.Terms.ByCount }} + <a + class="dib near-black link grow hover-bg-white-80 hover-near-black pa2 ba ma1 br2" + href="#{{ .Name | urlize }}-list" + data-tag="{{ .Name | lower }}" + > + {{ .Name }} </a> - {{ end }} + {{ 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-black" href="{{ .Name | urlize }}"> - {{ .Name }} ({{ .Pages | len }}) + {{ 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 color-inherit" href="{{ .Name | urlize }}"> + {{ .Name }} ({{ .Pages | len }}) </a> - </h4> - <ul class="list ml0"> + </h4> + <ul class="list ph5"> {{ range .Pages.ByDate }} - <li class="lh-copy"> - <a class="link dim near-black" href="{{ .Permalink }}"> - {{ .Title }} + <li class="lh-copy stripe-dark ph1 pv2"> + {{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }} + <time + datetime="{{ .Date.Format "2006-01-02" }}" + class="f6 fw3 fr ml2" + > + <i class="far fa-calendar"></i> + {{ .Date.Format $dateFormat }} + </time> + <a class="link dim color-inherit" href="{{ .Permalink }}"> + {{ .Title }} </a> - <span class="white-60"> - {{ .Date | time.Format ":date_long" }}</span> - </li> + </li> {{ end }} - </ul> + </ul> </div> - {{ end }} + {{ end }} </section> -</section> + </section> {{ end }} |