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/404.html               |  4 ++--
 layouts/_default/search.html   |  2 +-
 layouts/_default/single.html   |  2 +-
 layouts/index.html             |  8 ++++----
 layouts/partials/metadata.html | 15 ++++++++-------
 layouts/partials/post.html     | 28 +++++++++++++++-------------
 layouts/project/single.html    |  2 +-
 7 files changed, 32 insertions(+), 29 deletions(-)

(limited to 'layouts')

diff --git a/layouts/404.html b/layouts/404.html
index 0e11279..2d722bb 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -10,7 +10,7 @@
     {{ $query := where (where (where (where site.RegularPages.ByDate.Reverse "Title" "!=" "") "Kind" "in" (slice "page" "section")) "Params.private" "!=" true) "Permalink" "!=" "" }}
     {{ $count := len $query }}
     {{ if gt $count 0 }}
-      <h3 class="lh-title f3 baskerville">{{ T "recent_pages" }}</h3>
+      <h3 class="lh-title text-2xl baskerville">{{ T "recent_pages" }}</h3>
       <ul class="list">
         {{ range first 10 $query }}
           <li class="lh-copy grow stripe-dark p-2">
@@ -31,7 +31,7 @@
       </ul>
     {{ end }}
     <a href="/search" class="color-inherit dim">
-      <h3 class="lh-title f3 baskerville">
+      <h3 class="lh-title text-2xl baskerville">
         <i class="fas fa-magnifying-glass"></i>
         {{ T "try_search" }}
       </h3>
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index e297398..726ae68 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -29,7 +29,7 @@
     <article class="py-2 bt bb b--black-10 search_summary">
       <a class="dim near-black search_link" href="">
         <time class="fr f6 lh-copy ph4 search_time"></time>
-        <h3 class="f3 baskerville my-1 lh-title search_title"></h3>
+        <h3 class="text-2xl baskerville my-1 lh-title search_title"></h3>
         <div class="f5 lh-copy search_snippet"></div>
       </a>
     </article>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 00132c3..66f67ea 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,7 +5,7 @@
     </h1>
 
     {{ with .Params.subtitle }}
-      <h3 class="f3 baskerville my-4 p-1">{{ . }}</h3>
+      <h3 class="text-2xl baskerville my-4 p-1">{{ . }}</h3>
     {{ end }}
 
     {{ partial "meta_links.html" . }}
diff --git a/layouts/index.html b/layouts/index.html
index fd160ce..7f7b5dd 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -5,20 +5,20 @@
 {{ define "main" }}
   {{ range (where .Pages "Type" "in" .Site.Params.mainSections).ByWeight }}
     {{ if gt (len .Pages) 0 }}
-      <div class="stripe-dark">
+      <div class="odd:bg-white even:bg-gray-200">
         <div class="max-w-screen-md mx-auto p-1">
           <h2
             id="{{ anchorize .Title | safeURL }}"
-            class="baskerville lh-title f2"
+            class="baskerville text-4xl my-6 font-bold"
           >
             {{ .Title }}
           </h2>
           {{ range first 3 .Pages.ByPublishDate.Reverse }}
             {{ partial "post.html" . }}
           {{ end }}
-          <div class="tc p-4">
+          <div class="text-center p-4">
             <i class="fas fa-angle-right"></i>
-            <a href="{{ .Type }}" class="f3 near-black"
+            <a href="{{ .Type }}" class="text-2xl"
               >{{ T "see_all" | humanize }}</a
             >
           </div>
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>
diff --git a/layouts/project/single.html b/layouts/project/single.html
index c48a2cf..a177a10 100644
--- a/layouts/project/single.html
+++ b/layouts/project/single.html
@@ -5,7 +5,7 @@
     </h2>
 
     {{ with .Params.subtitle }}
-      <h3 class="f3 baskerville my-4 p-1">{{ . }}</h3>
+      <h3 class="text-2xl baskerville my-4 p-1">{{ . }}</h3>
     {{ end }}
 
     {{ partial "meta_links.html" . }}
-- 
cgit v1.2.3