From 4b76a856b2841fb197acc982ed168bc52db6ea3d Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Sun, 5 Jan 2025 23:44:45 +0100
Subject: add tailwind and do some replacements

---
 layouts/404.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'layouts/404.html')

diff --git a/layouts/404.html b/layouts/404.html
index 1b3bacc..0e11279 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -2,7 +2,7 @@
 {{ end }}
 
 {{ define "main" }}
-  <div class="mw7 center ph1 mv4">
+  <div class="max-w-screen-md mx-auto px-1 mv4">
     <h1 class="f1 tc title baskerville">{{ .Title }}</h1>
 
     <p class="f4 baskerville">{{ T "maybe_look" }}</p>
@@ -13,24 +13,24 @@
       <h3 class="lh-title f3 baskerville">{{ T "recent_pages" }}</h3>
       <ul class="list">
         {{ range first 10 $query }}
-          <li class="lh-copy grow stripe-dark pa2">
-            <a class="link dim color-inherit db" href="{{ .RelPermalink }}">
+          <li class="lh-copy grow stripe-dark p-2">
+            <a class="dim color-inherit block" href="{{ .RelPermalink }}">
               {{ $dateFormat := .Site.Params.dateFormat | default ":date_medium" }}
               <time
                 datetime="{{ .Date.Format "2006-01-02" }}"
-                class="f6 fw3 fr ml2"
+                class="f6 fw3 fr ml-2"
               >
                 <i class="far fa-calendar"></i>
                 {{ time.Format $dateFormat .Date }}
               </time>
               {{ .Title }}
-              <sup class="w3-theme ttu pa1 br-pill">{{ .Section }}</sup>
+              <sup class="w3-theme ttu p-1 br-pill">{{ .Section }}</sup>
             </a>
           </li>
         {{ end }}
       </ul>
     {{ end }}
-    <a href="/search" class="link color-inherit dim">
+    <a href="/search" class="color-inherit dim">
       <h3 class="lh-title f3 baskerville">
         <i class="fas fa-magnifying-glass"></i>
         {{ T "try_search" }}
-- 
cgit v1.2.3