aboutsummaryrefslogtreecommitdiffstats
path: root/layouts/partials/hero.html
diff options
context:
space:
mode:
authorOscar Najera <hi@oscarnajera.com>2025-01-05 23:44:45 +0100
committerOscar Najera <hi@oscarnajera.com>2025-01-05 23:45:00 +0100
commit4b76a856b2841fb197acc982ed168bc52db6ea3d (patch)
treebb92327990d20b262dca7f597453c8ae7bfee16d /layouts/partials/hero.html
parentf9e5452a0046e6e47425f0c58d438d0f573fece9 (diff)
downloadhugo-minimalist-theme-4b76a856b2841fb197acc982ed168bc52db6ea3d.tar.gz
hugo-minimalist-theme-4b76a856b2841fb197acc982ed168bc52db6ea3d.tar.bz2
hugo-minimalist-theme-4b76a856b2841fb197acc982ed168bc52db6ea3d.zip
add tailwind and do some replacements
Diffstat (limited to 'layouts/partials/hero.html')
-rw-r--r--layouts/partials/hero.html20
1 files changed, 12 insertions, 8 deletions
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>