www_mycelium/templates/partials/personCard.html
2024-08-19 17:34:53 +02:00

28 lines
1.3 KiB
HTML

<div class="flex flex-col px-0 sm:px-4 pb-2">
<a href="{{page.permalink}}" class="border-0 text-gray-50 hover:!text-gray-100 font-normal text-left">
{% set url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %}
<img class="mt-4 aspect-[4/4] rounded-xl" src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
<div>
<br>
<h2 class="text-lg mt-2">{{page.title}}</h2>
<div class="text-gray-50 text-left line-clamp-3 text-ellipsis">
{% if page.description %}
{{page.description}}
{% else %}
{{page.content | safe}}
{% endif %}
</div>
<div class="my-2 flex flex-row items-start flex-wrap">
{% if page.taxonomies.memberships %}
{% for tag in page.taxonomies.memberships %}
<a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 text-xs font-light bg-transparent hover:text-indigo-400 py-1 px-2 mr-2 my-1 border hover:border-indigo-400 border-gray-600 text-gray-50 rounded-full ">
{{tag}}
</a>
{% endfor %}
{% endif %}
</div>
</div>
</a>
</div>