From dee863b5e0812f95db4caf367983864a74b63ccc Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Mon, 6 Jan 2025 01:05:02 +0100
Subject: translate posts listing

---
 layouts/partials/metadata.html | 15 ++++++++-------
 layouts/partials/post.html     | 28 +++++++++++++++-------------
 2 files changed, 23 insertions(+), 20 deletions(-)

(limited to 'layouts/partials')

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>
-- 
cgit v1.2.3