www_mycelium/templates/person_page.html

48 lines
2.0 KiB
HTML
Raw Normal View History

2024-05-03 20:15:09 +00:00
{% extends "_default/base.html" %}
{% block content %}
<div class="container sm:pxi-0 lg:w-5/6 mx-auto min-h-screen overflow-x-hidden pt-24">
<div class="flex flex-row flex-wrap items-start mx-4 sm:mx-0">
<div class="w-full md:w-1/6 mx-auto sm:mx-0">
<img src="{{page.extra.imgPath}}" alt="" class="rounded bg-gray-200 w-48 border-2 border-gray-400 mx-auto md:mx-0 g-image g-image--lazy g-image--loaded my-4">
</div>
<div class="w-full md:w-5/6 text-center md:text-left md:pl-8">
<div class="flex flex-row items-center">
<h1 class="pb-0 mb-0 mt-0 text-4xl font-normal tracking-wide my-1">
{{page.title}}
</h1>
<div class="ml-4">
{% include "partials/socialLinks.html" %}
</div>
</div>
2024-08-19 12:46:48 +00:00
<div class="text-gray-50 my-4">
2024-05-03 20:15:09 +00:00
{{page.content | safe }}
</div>
<div class="flex items-center">
<div class="flex justify-between items-center">
<ul class="list-none flex author-list m-0 py-2">
{% for org in page.extra.organizations %}
<li>
<a href="">
<img src="" alt="">
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% for tag in page.taxonomies.memberships %}
2024-08-19 12:46:48 +00:00
<a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-2 font-light text-xs bg-transparent hover:text-blue-700 py-2 px-4 mr-2 border hover:border-blue-500 border-gray-600 text-gray-50 rounded-full ">
2024-05-03 20:15:09 +00:00
{{tag}}
</a>
{% endfor %}
</div>
</div>
<div class="my-8">
<hr/>
<br/>
<hr/>
</div>
</div>
{% endblock content %}