diff options
Diffstat (limited to 'layouts/partials')
-rw-r--r-- | layouts/partials/metadata.html | 15 | ||||
-rw-r--r-- | layouts/partials/post.html | 28 |
2 files changed, 23 insertions, 20 deletions
diff --git a/layouts/partials/metadata.html b/layouts/partials/metadata.html index 668ac20..8679be6 100644 --- a/layouts/partials/metadata.html +++ b/layouts/partials/metadata.html @@ -1,13 +1,13 @@ {{ $dateTime := .PublishDate.Format "2006-01-02" }} {{ $dateFormat := .Site.Params.dateFormat | default ":date_medium" }} -<div class="f6 lh-copy my-0 ph4 py-2"> +<div class="text-sm my-0 px-8 py-2"> {{ T "author_by" }} — {{ range .Params.authors }} {{ $name := . }} {{ $path := printf "/%s/%s" "authors" ( $name | urlize ) }} {{ with $.GetPage $path }} {{ if isset .Params "name" }} - <a class="underline color-inherit" href="{{ .RelPermalink }}"> + <a class="underline" href="{{ .RelPermalink }}"> {{- default $name .Params.name -}} </a> {{ else }} @@ -30,17 +30,18 @@ {{ end }} {{ if eq .Section "post" }} - | {{ .ReadingTime }} + | + {{ .ReadingTime }} {{ i18n "minute_read" }} {{ end }} {{ with .GetTerms "tags" }} | - <a href="/tags" class="w3-text-theme px-1"> + <a href="/tags" class="text-lime-500 px-1"> <i class="fas fa-tags"></i> </a> {{ range . }} - <a class="underline color-inherit" href="{{ .RelPermalink }}"> + <a class="underline" href="{{ .RelPermalink }}"> {{- .Title -}} </a> {{ end }} @@ -48,11 +49,11 @@ {{ with .GetTerms "categories" }} | - <a href="/categories" class="w3-text-theme px-1"> + <a href="/categories" class="text-lime-500 px-1"> <i class="fas fa-folder-open"></i> </a> {{ range . }} - <a class="underline color-inherit" href="{{ .RelPermalink }}"> + <a class="underline" href="{{ .RelPermalink }}"> {{- .Title -}} </a> {{ end }} diff --git a/layouts/partials/post.html b/layouts/partials/post.html index 637381b..a7e62ef 100644 --- a/layouts/partials/post.html +++ b/layouts/partials/post.html @@ -1,7 +1,7 @@ -<article class="py-2 bt bb b--black-10"> +<article class="py-2 border-y border-gray-200"> {{ partial "meta_links.html" . }} - <a class="block dim near-black" href="{{ .RelPermalink }}"> - <div class="cf"> + <a class="block dim text-slate-900" href="{{ .RelPermalink }}"> + <div class="md:flex"> {{ $image := "" }} {{ if (.Resources.ByType "image").GetMatch "featured*" }} {{ $image = (.Resources.ByType "image").GetMatch "*featured*" }} @@ -9,24 +9,26 @@ {{ $image = resources.Get (index .Params.images 0) }} {{ end }} {{ with $image }} - <div class="fl-ns mb4 mb-0-ns pr3-ns"> + <div class="md:shrink-0"> <img - src="{{ if ne .MediaType.SubType "svg" }} + {{ if ne .MediaType.SubType "svg" }} {{ $image := .Fill (default "150x150" $.Params.thumbnail_size) }} - {{ $image.RelPermalink }} + width="{{ $image.Width }}" height="{{ $image.Height }}" + src="{{ $image.RelPermalink }}" {{ else }} - {{ $image.RelPermalink }} - {{ end }}" - class="mw-20-ns block mx-auto" + src="{{ $image.RelPermalink }}" + {{ end }} loading="lazy" alt="" /> </div> {{ end }} - <h3 class="f3 baskerville my-1 lh-title">{{ .Title }}</h3> - <div class="f5 lh-copy"> - <!-- {{ .Summary }} --> - {{ .Summary | replaceRE `<sup.*?><a href.*?#fn:.*?footnote-ref.*?/a></sup>` "" | safeHTML }} + <div class="px-4"> + <h3 class="text-2xl baskerville my-1 pb-2 font-bold">{{ .Title }}</h3> + <div class=""> + <!-- {{ .Summary }} --> + {{ .Summary | replaceRE `<sup.*?><a href.*?#fn:.*?footnote-ref.*?/a></sup>` "" | safeHTML }} + </div> </div> </div> </a> |