make teampage layout like io

This commit is contained in:
Ehab Hassan 2024-10-27 10:58:06 +03:00
parent 11a0e8ba4c
commit f33cb5f135
2 changed files with 16 additions and 14 deletions

View File

@ -1,10 +1,11 @@
{% if page.title != 'ThreeFold Community' %}
<div class="flex flex-col px-0 sm:px-4 pb-2">
<a href="{{page.permalink}}" class="border-0 text-gray-700 hover:!text-gray-700 font-normal text-left">
{% set url = get_url(path='/' ~ page.relative_path | replace(from='_', to='-') | replace(from='index.md', to=page.extra.imgPath)) %}
<img src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
<div>
<h2 class="text-2xl mt-4 mb-2">{{page.title}}</h2>
<div class="text-md text-gray-700 text-left line-clamp-3 text-ellipsis">
<img class="aspect-[14/13] w-full rounded-2xl object-cover" src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
<div class="text-center">
<h2 class="text-lg mt-4">{{page.title}}</h2>
<div class="text-sm text-gray-700 line-clamp-3 leading-5 text-ellipsis">
{% if page.description %}
{{page.description}}
{% else %}
@ -14,8 +15,8 @@
<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-1 text-md font-bold bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
#{{tag}}
<a href="{{'/memberships/' ~ tag | replace(from='_', to='-' )}}" class="border-1 text-xs font-light bg-transparent hover:text-blue-700 py-1 px-2 mr-2 my-1 border hover:border-blue-500 border-gray-600 text-gray-700 rounded-full ">
{{tag}}
</a>
{% endfor %}
{% endif %}
@ -23,4 +24,5 @@
</div>
</a>
</div>
{%endif%}

View File

@ -2,12 +2,12 @@
{% block content %}
<div class="container mx-auto">
{% include "partials/filter_bar.html" %}
<div class="mx-auto max-w-screen-lg px-6 lg:px-8">
<!-- {% include "partials/filter_bar.html" %} -->
<div class="text-center main-title px-0 md:w-full">
<h1
class="tracking-tight text-5xl text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
class="tracking-tight text-left text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-10"
>
{%- set section = get_section(path="people/_index.md") %}
@ -32,7 +32,7 @@
{% endif %}
{% endfor %}
</div>
<hr class="mt-6" />
<!-- <hr class="mt-6" />
<p class="text-center text-sm mt-2 mb-16">
{% if paginator.previous %}
<a
@ -76,7 +76,7 @@
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {% include
"partials/icons/svgLastPageIcon.html" %}{% include
"partials/icons/svgLastPageIcon.html" %} {% endif %}
</p>
</p> -->
</div>
</div>
</div>