aboutsummaryrefslogtreecommitdiffstats
path: root/layouts/partials/post.html
diff options
context:
space:
mode:
Diffstat (limited to 'layouts/partials/post.html')
-rw-r--r--layouts/partials/post.html28
1 files changed, 15 insertions, 13 deletions
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>