From ecb7569b3c047f6e6845f8a49f6eee3d6762a968 Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Mon, 6 Jan 2025 03:01:15 +0100
Subject: transfer so partial and defaults

---
 layouts/404.html | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'layouts/404.html')

diff --git a/layouts/404.html b/layouts/404.html
index 2d722bb..d249f23 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -3,35 +3,39 @@
 
 {{ define "main" }}
   <div class="max-w-screen-md mx-auto px-1 mv4">
-    <h1 class="f1 tc title baskerville">{{ .Title }}</h1>
+    <h1 class="text-center baskerville">{{ .Title }}</h1>
 
-    <p class="f4 baskerville">{{ T "maybe_look" }}</p>
+    <p class="text-xl baskerville">{{ T "maybe_look" }}</p>
 
     {{ $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 text-2xl baskerville">{{ T "recent_pages" }}</h3>
-      <ul class="list">
+      <h3 class="baskerville">{{ T "recent_pages" }}</h3>
+      <ul class="">
         {{ range first 10 $query }}
-          <li class="lh-copy grow stripe-dark p-2">
-            <a class="dim color-inherit block" href="{{ .RelPermalink }}">
+          <li
+            class="transition hover:scale-105 odd:bg-white even:bg-gray-200 p-2"
+          >
+            <a class="hover:opacity-50 block" href="{{ .RelPermalink }}">
               {{ $dateFormat := .Site.Params.dateFormat | default ":date_medium" }}
               <time
                 datetime="{{ .Date.Format "2006-01-02" }}"
-                class="f6 fw3 fr ml-2"
+                class="text-sm float-right ml-2"
               >
                 <i class="far fa-calendar"></i>
                 {{ time.Format $dateFormat .Date }}
               </time>
               {{ .Title }}
-              <sup class="w3-theme ttu p-1 br-pill">{{ .Section }}</sup>
+              <sup class="bg-lime-500 text-white uppercase p-1 rounded-full"
+                >{{ .Section }}</sup
+              >
             </a>
           </li>
         {{ end }}
       </ul>
     {{ end }}
-    <a href="/search" class="color-inherit dim">
-      <h3 class="lh-title text-2xl baskerville">
+    <a href="/search" class="hover:opacity-50">
+      <h3 class="baskerville">
         <i class="fas fa-magnifying-glass"></i>
         {{ T "try_search" }}
       </h3>
-- 
cgit v1.2.3