diff options
Diffstat (limited to 'layouts/partials/hero.html')
| -rw-r--r-- | layouts/partials/hero.html | 20 |
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> |