From f33cb5f1357f25a20019fcab10e97c0c4bcdaeda Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 27 Oct 2024 10:58:06 +0300
Subject: [PATCH] make teampage layout like io

---
 templates/partials/person_card.html | 20 +++++++++++---------
 templates/people/list.html          | 10 +++++-----
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/templates/partials/person_card.html b/templates/partials/person_card.html
index 4744ffd..4985e39 100644
--- a/templates/partials/person_card.html
+++ b/templates/partials/person_card.html
@@ -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">
+    <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,13 +15,14 @@ <h2 class="text-2xl mt-4 mb-2">{{page.title}}</h2>
             <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 %}
-            </div>
+            </div> 
         </div>
-    </a>
+     </a> 
 </div>
+{%endif%}
 
diff --git a/templates/people/list.html b/templates/people/list.html
index 77eee45..d57fbff 100644
--- a/templates/people/list.html
+++ b/templates/people/list.html
@@ -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>