aboutsummaryrefslogtreecommitdiffstats
path: root/layouts/partials
diff options
context:
space:
mode:
Diffstat (limited to 'layouts/partials')
-rw-r--r--layouts/partials/metadata.html15
-rw-r--r--layouts/partials/post.html28
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" }} &mdash;
{{ 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>