<article class="max-w-full prose dark:prose-invert"> <div class="relative shadow-xl sm:overflow-hidden rounded-2xl"> <div class="absolute inset-0"> {{ with .Site.Params.homepage.homepageImage }} {{ $homepageImage := resources.Get . }} {{ if $homepageImage }} <img class="h-full w-full object-cover m-0 nozoom" src="{{ $homepageImage.RelPermalink }}"> <div class="absolute inset-0 bg-gradient-to-r from-primary-500 to-secondary-700 dark:from-primary-600 dark:to-secondary-800 mix-blend-multiply"> </div> {{ end }} {{ end }} </div> </div> {{ with .Title }} <header> <h1>{{ . | emojify }}</h1> </header> {{ end }} <section>{{ .Content | emojify }}</section> </article> <section> {{ partial "recent-articles/main.html" . }} </section>