make teampage layout like io
This commit is contained in:
parent
11a0e8ba4c
commit
f33cb5f135
@ -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%}
|
||||
|
||||
|
@ -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 @@
|
||||
{% include
|
||||
"partials/icons/svgLastPageIcon.html" %}{% include
|
||||
"partials/icons/svgLastPageIcon.html" %} {% endif %}
|
||||
</p>
|
||||
</p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user