update partners style

content/partners/tanzania_sovereign_internet/index.md

@@ -33,14 +33,14 @@ Our feasibility study showed that Tanzania is losing around 10 Billion USD per y
 
 <br>
 
-<div style="display: flex; justify-content: center;">
-    <img src="todays_internet.png" alt="tanzania_sovereign_internet" width="400"/>
+<div class="object-cover w-full" style="display: flex; justify-content: center;">
+    <img src="todays_internet.png" alt="tanzania_sovereign_internet"/>
 </div>
 
 <br>
 
-<div style="display: flex; justify-content: center;">
-    <img src="threefold_internet.jpeg" alt="tanzania_sovereign_internet" width="400"/>
+<div class="object-cover w-full" style="display: flex; justify-content: center;">
+    <img src="threefold_internet.jpeg" alt="tanzania_sovereign_internet"/>
 </div>
 
 <br>

content/partners/veverse/index.md

@@ -30,8 +30,8 @@ One of the critical moments which inspired this project was when VeVerse’s fou
 
 <br>
 
-<div style="display: flex; justify-content: center;">
-    <img src="veverse.png" alt="veverse" width="800"/>
+<div class="object-cover w-full" style="display: flex; justify-content: center;">
+    <img src="veverse.png" alt="veverse"/>
 </div>
 
 <br>

templates/layouts/partners.html

@@ -10,7 +10,7 @@ and a side nav for category and featured post navigation
     <!--sets global featured variable as the most recent post with the isFeatured tag-->
     {%- set section = get_section(path="partners/_index.md") %}
     {% include "partials/intro.html" %}
-    <div class="flex flex-row container mx-auto my-10">
+    <div class="flex flex-col md:flex-row container mx-auto my-8">
         {% include "partials/partnersCards.html" %}
         {% include "partials/partnersSidebar.html" %}
     </div>

templates/partials/blogSidebar.html

@@ -1,5 +1,5 @@
 
-<div class="mx-8 md:mx-4 flex flex-col mt-2 md:mt-8">
+<div class="mx-8 md:mx-4 flex flex-col">
     <div class="flex flex-col mb-12">
         <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER POSTS BY</h4>
         <a id="all" class="mb-2 text-black font-normal" href="/blog">All</a>

templates/partials/intro.html

@@ -1,9 +1,9 @@
 {% block content %}
 <div class="mb-6 mt-14">
     <h2 class="mb-4 text-center text-4xl lg:text-5xl text-gray-900 md:mb-6">{{ section.title }}</h2>
-    <p class="mx-auto max-w-5xl text-center text-gray-900 md:text-lg">
+    <p class="mx-auto max-w-5xl text-center text-gray-900 text-base md:text-lg">
         {{ section.description }}
     </p>
 </div>
-{# <hr class="mt-6"> #}
+<hr class="container mx-auto my-4">
 {% endblock content %}

templates/partials/partnerCard.html

@@ -1,4 +1,4 @@
-<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
+<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border">
   <div class="flex-1">
     <a href="{{post.permalink}}" class="block">
       
@@ -8,11 +8,11 @@
       </div>
       <div class="flex-1 bg-white p-6 flex flex-col justify-between">
 
-        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
+        <h3 class="mt-2 text-lg leading-6 font-medium text-gray-900 text-left not-italic">
           {{ post.title }}
         </h3>
         {% if post.description %}
-        <p class="mt-3 text-sm font-normal leading-6 text-gray-500 text-left">
+        <p class="mt-3 text-sm font-normal text-gray-500 text-left">
           {{ post.description }}
         </p>
         {% endif %}

templates/partials/partnersCards.html

@@ -1,7 +1,7 @@
 {% block content %}
 
 <div class="text-center px-0 md:w-2/3 lg:w-2/3 mx-8 md:mx-12">
-  <h1
+  {# <h1
     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 path_array = current_path | split(pat="/") %}
@@ -10,9 +10,9 @@
     {% if taxonomy == "partners-category" %} - 
         {{category | replace(from='-', to=' ' ) | title}}
     {% endif %}
-  </h1>
+  </h1> #}
   <div>
-    <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
+    <div class="grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
       {%- for post in paginator.pages %} 
         {% if "Engineering" == "Engineering"%}
             {% include "partials/partnerCard.html" %} 

templates/partials/partnersSidebar.html

@@ -1,13 +1,13 @@
 <div class="mx-8 md:mx-4 flex flex-col">
-    <div class="flex flex-col mb-12 mr-8 lg:mr-16">
-        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FILTER PARTNERS BY</h4>
-        <a id="all" class="mb-3 text-black font-normal" href="/partners">All</a>
+    <div class="flex flex-col mb-12">
+        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-4"> FILTER PARTNERS BY</h4>
+        <a id="all" class="mb-2 text-black font-normal" href="/partners">All</a>
         {% set taxonomy = get_taxonomy(kind="partners-category") %}
         {% set categories = taxonomy.items %}
         {% for category in categories %}
         {% set path = category.name | slugify %}
         {% set fullpath = "/partners-category/" ~ path %}
-        <a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
+        <a id="{{path}}" class="mb-2 text-black font-normal" href={{fullpath}}> {{category.name}} </a>
         {% endfor %}
     </div>
 </div>

templates/partials/postCard.html

@@ -10,7 +10,7 @@
 {% endif %}
 
 <div class="flex flex-col rounded-lg shadow-lg overflow-hidden border">
-  <div class="flex-1 border-b">
+  <div class="flex-1">
     <a href="{{ post.permalink }}" class="block">
         {% if post.extra.imgPath %}
       {% set img_url = get_url(path='/' ~ post.relative_path | replace(from='_', to='-') | replace(from='index.md',

templates/partnerPage.html

@@ -1,15 +1,16 @@
 {% extends "_default/base.html" %}
 {% block content %}
 
-<div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-16 lg:w-4/6">
+<div class="container sm:pxi-0 mx-auto overflow-x-hidden pt-16">
+  <div class="article lg:w-4/6 mx-auto">
   <div class="flex flex-row flex-wrap items-center mx-4 sm:mx-0">
     <div class="w-full md:w-1/6 mx-auto sm:mx-0">
       <img src="{{page.extra.partner_logo}}" class="
-            rounded-full
+            rounded-md
             bg-gray-200
             w-32
             h-32
-            border-4 border-gray-400
+            border border-gray-400
             mx-auto
             md:mx-0
           " />
@@ -21,7 +22,7 @@
 
       <div class="avatars">
         <section class="container mx-auto py-2">
-          <ul class="list-none flex author-list my-2 px-0">
+          <ul class="list-none flex author-list my-2 px-0 lg:justify-start justify-center">
             {% if page.extra.websites %}
             <li class="mr-2">
               <a href="{{page.extra.websites}}" target="_blank" rel="noopener noreferrer"
@@ -49,9 +50,10 @@
 
   <div class="pt-8 border-b mx-4 sm:-mx-4"></div>
 
-  <section class="post-content container mx-auto relative text-gray-700">
-    <div class="post-content-text text-xl">{{ page.content | safe }}</div>
-  </section>
+    <section class="post-content container mx-auto relative text-gray-700">
+      <div class="post-content-text text-xl">{{ page.content | safe }}</div>
+    </section>
+  </div>
 </div>
 
 {% endblock content %}