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/partials/hero.html | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

(limited to 'layouts/partials/hero.html')

diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 1654b5d..69bec8a 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -1,11 +1,11 @@
 <div
   id="hero"
-  class="pv5"
+  class="py-16"
   style="background: linear-gradient( rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) ){{ with resources.Get (index .Params.images 0) }}
     , url('{{ .RelPermalink }}') center
   {{ end }};"
 >
-  <div class="mw7 center ph2 near-white lh-copy">
+  <div class="max-w-screen-md mx-auto px-2 near-white font-serif text-center">
     {{ if eq .Type "authors" }}
       {{ $avatar :=  index .Params.images 1 }}
       {{ if hasPrefix $avatar "http" }}
@@ -14,29 +14,33 @@
         {{ $avatar = resources.Get $avatar }}
       {{ end }}
       {{ with $avatar }}
-        <img src="{{ .RelPermalink }}" class="br-100 w5 db center" alt="" />
+        <img
+          src="{{ .RelPermalink }}"
+          class="br-100 w-64 block mx-auto"
+          alt=""
+        />
       {{ end }}
-      <h1 class="f1 tc mv1">
+      <h1 class="text-5xl my-1 font-bold">
         {{ .Params.Name }}
       </h1>
 
-      <h2 class="f3 tc fw3 mv1">
+      <h2 class="text-2xl fw3 my-1">
         {{ .Params.role | markdownify }}
       </h2>
 
       {{ with .Params.Subtitle }}
-        <h2 class="f3 tc fw3 mv1">
+        <h2 class="text-2xl fw3 my-1">
           {{ . | markdownify }}
         </h2>
       {{ end }}
 
 
-      <div class="f2 mt3 tc">
+      <div class="text-4xl mt-4">
         {{ partial "social_links" .Params }}
       </div>
     {{ else }}
 
-      <h1 class="f1 tc berkshire-swash">{{ .Title }}</h1>
+      <h1 class="text-5xl my-1 font-bold">{{ .Title }}</h1>
       {{ .Content }}
     {{ end }}
   </div>
-- 
cgit v1.2.3