38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
<body>
|
|
|
|
<div class="md:grid md:grid-cols-2 md:gap-8 relative mt-16 lg:mt-16 items-center container mx-auto">
|
|
<div class="relative lg:ml-8 my-8 w-full md:w-auto">
|
|
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED NEWS</h3>
|
|
<a href={{featured.permalink}} class="">
|
|
<h2
|
|
class="mt-8 text-2xl main-title sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-4 md:mb-10 ">
|
|
{{ featured.title }}
|
|
</h2>
|
|
</a>
|
|
|
|
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
|
|
{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} -
|
|
{% for author in featured.extra.authors %}
|
|
{% set fullpath = "/people/" ~ author | replace(from='_', to='-' ) %}
|
|
<a href="{{fullpath}}" tooltip="{{author}}" class="capitalize text-gray-800"> <img
|
|
src="{{ featured.extra.authorImg }}" alt="{{ author | replace(from='_', to=' ' ) }}" class="
|
|
inline-flex
|
|
w-8
|
|
h-8
|
|
rounded-full
|
|
bg-gray-200
|
|
border-2 border-white
|
|
" /> {{author | replace(from='_', to=' ' )}}</a>
|
|
{% endfor %}
|
|
</h4>
|
|
|
|
</div>
|
|
|
|
<div class="-mx-4 relative lg:mt-0 max-w-full">
|
|
<img class="relative mx-auto w-7/12 md:w-auto md:max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
|
|
</div>
|
|
</div>
|
|
<hr class="mt-6">
|
|
</div>
|
|
</div>
|
|
</body> |