gotta make hero more versatile

This commit is contained in:
Gabriel 2024-01-28 03:54:45 -05:00
parent 1e39872a80
commit 30eecfe770

View file

@ -1,5 +1,5 @@
<div class='hero' style="{{if .Get "color"}}--hero-color:{{.Get "color"}};{{end}}display:flex;flex-direction:row;{{if .Get "bg"}}background-image:url('{{.Get "bg"}}');background-size:cover;background-position:center center;{{end}}width:100%;justify-content:space-evenly;flex-wrap:wrap;flex-direction:row{{if .Get "reverse"}}-reverse{{end}}"> <div class='hero' style="{{if .Get "color"}}--hero-color:{{.Get "color"}};{{end}}display:flex;flex-direction:row;{{if .Get "bg"}}background-image:url('{{.Get "bg"}}');background-size:cover;background-position:center center;{{end}}width:100%;justify-content:space-evenly;flex-wrap:wrap;flex-direction:row{{if .Get "reverse"}}-reverse{{end}}">
{{if .Get "img"}}<img src="{{.Get "img"}}" style="border-radius:1rem;max-width:40%;">{{end}} {{if .Get "img"}}<img src="{{.Get "img"}}">{{end}}
<div style="display:flex;flex-direction:column;margin:0.5rem;padding:0.5rem;backdrop-filter:blur(0.15rem);border-radius:1.5rem;max-width:40rem;min-width:25%;align-items: center;"> <div style="display:flex;flex-direction:column;margin:0.5rem;padding:0.5rem;backdrop-filter:blur(0.15rem);border-radius:1.5rem;max-width:40rem;min-width:25%;align-items: center;">
<h2 style="text-align:center">{{.Get "title"}}</h2> <h2 style="text-align:center">{{.Get "title"}}</h2>
<p>{{.Get "description"}}</p> <p>{{.Get "description"}}</p>