make teampage layout like io

2024-10-27 10:58:06 +03:00
56 changed files with 50 additions and 473 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/build.sh
+++ b/build.sh
@@ -26,7 +26,7 @@ elif [[ "$(uname -m)" == "arm64"* ]]; then
    ASSET="$ASSET-arm64"
 fi

-curl -sLO "https://github.com/tailwindlabs/tailwindcss/releases/download/v3.4.17/${ASSET}"
+curl -sLO "https://github.com/tailwindlabs/tailwindcss/releases/latest/download/${ASSET}"
 chmod +x $ASSET
 mv $ASSET tailwindcss

--- a/content/contact/images/contact.jpg
+++ b/content/contact/images/contact.jpg
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -18,7 +18,7 @@ HOMEPAGE (layouts/index.html) contains:
  2. About section: "partials/about.html"
  3. Foundation section: "partials/features.html"
  4. Milestones section: "partials/stats.html
-  5. Ventures section: "partials/ventures.html"
+  5. Portfolio section: "partials/ventures.html"
  5. Quote: "partials/quotes.html"

 ---
--- a/content/mediakit/img/HORIZONTAL.png
+++ b/content/mediakit/img/HORIZONTAL.png
--- a/content/mediakit/img/HORIZONTAL_W.png
+++ b/content/mediakit/img/HORIZONTAL_W.png
--- a/content/mediakit/img/ICON.png
+++ b/content/mediakit/img/ICON.png
--- a/content/mediakit/img/ICON_W.png
+++ b/content/mediakit/img/ICON_W.png
--- a/content/mediakit/img/VERTICAL.png
+++ b/content/mediakit/img/VERTICAL.png
--- a/content/mediakit/img/VERTICAL_W.png
+++ b/content/mediakit/img/VERTICAL_W.png
--- a/content/mediakit/index.md
+++ b/content/mediakit/index.md
@@ -1,25 +0,0 @@
---
-title: "About"
-description: ""
-date: 2018-09-14
-updated: 2021-02-20
-draft: false
-weight: 2
-template: "layouts/mediakit.html"
---
-
-<!--
-  This page is designed by combining specific 'block' (partial html pages) together.
-  To edit the page content, please go to the partial html files listed below.
-  CONTACT PAGE (layouts/contact.html) contains:
-
-  1. Contact Section: "partials/contact.html"
-  2. Quote Section: "partials/quote.html"
-  
---
-  Extras:
-  1. header: "partials/header_custom.html"
-  2. footer: "partials/footer.html"
-->
-
-
--- a/content/mediakit/videos/ow.mp4
+++ b/content/mediakit/videos/ow.mp4
--- a/static/images/HORIZONTAL.png
+++ b/static/images/HORIZONTAL.png
--- a/static/images/HORIZONTAL_W.png
+++ b/static/images/HORIZONTAL_W.png
--- a/static/images/ICON.png
+++ b/static/images/ICON.png
--- a/static/images/ICON_W.png
+++ b/static/images/ICON_W.png
--- a/static/images/VERTICAL.png
+++ b/static/images/VERTICAL.png
--- a/static/images/VERTICAL_W.png
+++ b/static/images/VERTICAL_W.png
--- a/static/images/contact.jpg
+++ b/static/images/contact.jpg
--- a/static/images/cybercity.png
+++ b/static/images/cybercity.png
--- a/static/images/download/VERTICAL_W
+++ b/static/images/download/VERTICAL_W
--- a/static/images/download/cerco.zip
+++ b/static/images/download/cerco.zip
--- a/static/images/download/helvetica.zip
+++ b/static/images/download/helvetica.zip
--- a/static/images/download/horizontal.svg
+++ b/static/images/download/horizontal.svg
--- a/static/images/download/icon.svg
+++ b/static/images/download/icon.svg
--- a/static/images/download/ow_icon_black.zip
+++ b/static/images/download/ow_icon_black.zip
--- a/static/images/download/ow_icon_white.zip
+++ b/static/images/download/ow_icon_white.zip
--- a/static/images/download/ow_logo_horizontal_white.zip
+++ b/static/images/download/ow_logo_horizontal_white.zip
--- a/static/images/download/ow_logo_vertical_black.zip
+++ b/static/images/download/ow_logo_vertical_black.zip
--- a/static/images/download/ow_logo_vertical_white.zip
+++ b/static/images/download/ow_logo_vertical_white.zip
--- a/static/images/download/owh_logo_horizontal_black.zip
+++ b/static/images/download/owh_logo_horizontal_black.zip
--- a/static/images/download/vertical.svg
+++ b/static/images/download/vertical.svg
--- a/static/images/freezone.png
+++ b/static/images/freezone.png
--- a/static/images/habari.png
+++ b/static/images/habari.png
--- a/static/images/hero.png
+++ b/static/images/hero.png
--- a/static/images/ov.png
+++ b/static/images/ov.png
--- a/static/images/people_1.jpg
+++ b/static/images/people_1.jpg
--- a/static/images/people_2.jpg
+++ b/static/images/people_2.jpg
--- a/static/images/people_3.jpg
+++ b/static/images/people_3.jpg
--- a/static/images/people_4.jpg
+++ b/static/images/people_4.jpg
--- a/static/images/people_5.jpg
+++ b/static/images/people_5.jpg
--- a/static/images/sikana.png
+++ b/static/images/sikana.png
--- a/static/images/tf.png
+++ b/static/images/tf.png
--- a/static/images/tf9.png
+++ b/static/images/tf9.png
--- a/templates/layouts/mediakit.html
+++ b/templates/layouts/mediakit.html
@@ -1,16 +0,0 @@
-{% extends "_default/base.html" %}
-{% block content %}
-
-<!-- home page template, has a banner and rows of page summaries -->
-
-
-
-<div>
-    {% set page = get_page(path="mediakit/index.md") %}
-    {{page.content | safe}}
-</div>
-
-{% include "partials/media_hero.html" %}
-{% include "partials/quote.html" %}
-
-{% endblock content %}
--- a/templates/partials/about.html
+++ b/templates/partials/about.html
@@ -22,7 +22,7 @@
        </dd>
      </div>
      <div class="flex flex-col-reverse px-6 py-2">
-        <dt class="text-base leading-7 text-gray-300">Harness the power of our advanced interconnected technological ecosystem, designed to grant individuals, communities, and countries complete digital autonomy. This is the bedrock of innovation and growth.</dt>
+        <dt class="text-base leading-7 text-gray-300">Harness the power of our advanced interconnected technological ecosystem, designed to grant individuals, communities, and countries complete digital sovereignty. This is the bedrock of innovation and growth.</dt>
        <dd class="text-xl font-semibold leading-9 tracking-tight flex items-center gap-4"> <!-- Increased gap here -->
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6 rounded-md bg-white text-black p-1">
            <path stroke-linecap="round" stroke-linejoin="round" d="M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" />
--- a/templates/partials/contact.html
+++ b/templates/partials/contact.html
@@ -3,7 +3,7 @@
    <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
      <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
    </div>
-    <div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2 gap-8">
+    <div class="mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2">
      <!-- Left Column: Text Content and Form -->
      <div class="relative px-6 pb-20 pt-24 sm:pt-32 lg:static lg:px-8">
        <div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
@@ -34,10 +34,6 @@
          </dl>
        </div>
      </div>
-      <!-- Right Column: Image -->
-      <div class="relative flex items-center justify-center px-6 lg:px-8">
-        <img src="/images/contact.jpg" alt="Contact" class="w-full h-auto rounded-xl shadow-lg object-cover">
-      </div>
    </div>
  </div>
 </div>
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -20,11 +20,8 @@
      </div>
      <p data-v-14efe4a7="" class="text-base leading-6 text-gray-400 mb-4">
        © 2024 OurWorld Holdings, All rights reserved.
-        <a target="_blank" href="https://docs.threefold.io/docs/legal/terms_and_conditions" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
-        </a>
-        <a target="_blank" href="https://docs.threefold.io/docs/legal/privacy_policy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy |
-        </a>
-        <a target="_blank" href="/mediakit" class="leading-6 text-gray-500 hover:text-gray-900">Media Kit 
+        <a target="_blank" href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" class="leading-6 text-gray-500 hover:text-gray-900">Terms &amp; Conditions |
+        </a><a target="_blank" href="https://library.threefold.me/info/legal/#/legal__privacypolicy" class="leading-6 text-gray-500 hover:text-gray-900">Privacy Policy 
        </a>
      </p>
    </div>
--- a/templates/partials/head.html
+++ b/templates/partials/head.html
@@ -45,16 +45,6 @@
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css" />

-  <!-- Matomo Tag Manager -->
-<script>
-  var _mtm = window._mtm = window._mtm || [];
-  _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
-  (function() {
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.async=true; g.src='https://analytics.threefold.io/js/container_LOx26c3V.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Matomo Tag Manager -->

  <!-- Required meta tags -->
  <meta charset="utf-8" />
@@ -73,22 +63,6 @@
  <!-- Windows 8.1 and up, IE 11 -->

  <!-- **** CONCLUSION, favicons **** -->
-  
-<!-- Matomo -->
-<script>
-  var _paq = window._paq = window._paq || [];
-  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-  _paq.push(['trackPageView']);
-  _paq.push(['enableLinkTracking']);
-  (function() {
-    var u="//analytics.threefold.io/";
-    _paq.push(['setTrackerUrl', u+'matomo.php']);
-    _paq.push(['setSiteId', '18']);
-    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-  })();
-</script>
-<!-- End Matomo Code -->

  <!-- CSS/SCSS -->
  <link rel="stylesheet" href="{{ get_url(path="css/index.css", trailing_slash=false, cachebust=true) | safe }}" />
--- a/templates/partials/hero.html
+++ b/templates/partials/hero.html
@@ -16,7 +16,7 @@
    <div class="text-center">
      <h1 class="text-3xl sm:text-4xl lg:text-6xl font-bold leading-8 tracking-tight text-white mb-4">OurWorld</h1>
      <h2 class="text-xl sm:text-2xl text-gray-200 px-6">Shaping the future of Augmented Collective Intelligence</h2>
-      <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">At OurWorld, we are building the required infrastructures and tools to enable an Augmented Collective Intelligence — creating a fairer, decentralized, sustainable, and autonomous future for all. 
+      <p class="mt-6 text-lg sm:text-xl leading-7 sm:leading-8 text-white font-light mx-4 sm:mx-0">At OurWorld, we are building the required infrastructures and tools to enable an Augmented Collective Intelligence — creating a fairer, decentralized, sustainable, and sovereign future for all. 
      </p>
      <div class="mt-10 flex items-center justify-center gap-x-6">
        <a href="/about" class="rounded-md main-button px-3.5 py-2.5 font-semibold shadow-sm hover:bg- focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:bg-hover">Learn More</a>
--- a/templates/partials/media_hero.html
+++ b/templates/partials/media_hero.html
@@ -1,274 +0,0 @@
-<div class="bg-white py-24 sm:py-32">
-  <div class="mx-auto max-w-7xl px-6 lg:px-8">
-    <div class="mx-auto max-w-3xl lg:mx-0">
-      <h2 class="text-5xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-6xl">Logo and Brand Assets</h2>
-      <p class="mt-6 text-xl font-normal text-gray-600">All the assets and brand resources you need to share OurWorld with the world.</p>
-    </div>
-    <div class="mx-auto max-w-2xl lg:mx-0 mt-16">
-      <h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Black Versions (PNG & SVG)</h2>
-    </div>
-    <ul role="list" class="mx-auto mt-6 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
-      <li class="flex flex-col">
-        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-100">
-          <img class="h-full w-full object-cover" src="/images/ICON.png" alt="">
-        </div>
-        <h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_ICON_BLACK</h3>
-        <a href="/images/download/ow_icon_black.zip" download class="text-base text-gray-600 font-semibold hover:underline">
-          Download Now
-        </a>
-      </li>
-      <li class="flex flex-col">
-        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-100">
-          <img class="h-full w-full object-cover" src="/images/VERTICAL.png" alt="">
-        </div>
-        <h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_VERTICAL_BLACK</h3>
-        <a href="/images/download/owh_logo_vertical_black.zip" download class="text-base text-gray-600 font-semibold  hover:underline">
-          Download Now
-        </a>
-      </li>
-      <li class="flex flex-col">
-        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-100">
-          <img class="h-full w-full object-cover" src="/images/HORIZONTAL.png" alt="">
-        </div>
-        <h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_HORIZONTAL_BLACK</h3>
-        <a href="/images/download/owh_logo_horizontal_black.zip" download class="text-base text-gray-600 font-semibold hover:underline">
-          Download Now
-        </a>
-      </li>
-    </ul>
-
-    <div class="mx-auto max-w-2xl lg:mx-0 mt-16">
-      <h2 class="text-3xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-4xl">White Versions (PNG & SVG)</h2>
-    </div>
-    <ul role="list" class="mx-auto mt-6 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
-      <li class="flex flex-col">
-        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-300">
-          <img class="h-full w-full object-cover" src="/images/ICON_W.png" alt="">
-        </div>
-        <h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_ICON_WHITE</h3>
-        <a href="/images/download/ow_icon_white.zip" download class="text-base text-gray-600 font-semibold hover:underline">
-          Download Now
-        </a>
-      </li>
-      <li class="flex flex-col">
-        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-300">
-          <img class="h-full w-full object-cover" src="/images/VERTICAL_W.png" alt="">
-        </div>
-        <h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_VERTICAL_WHITE</h3>
-        <a href="/images/download/owh_logo_vertical_white.zip" download class="text-base text-gray-600 font-semibold  hover:underline">
-          Download Now
-        </a>
-      </li>
-      <li class="flex flex-col">
-        <div class="w-full aspect-[3/2] overflow-hidden rounded-2xl bg-gray-300">
-          <img class="h-full w-full object-cover" src="/images/HORIZONTAL_W.png" alt="">
-        </div>
-        <h3 class="mt-6 text-lg lg:text-xl font-semibold tracking-tight text-gray-900">OW_LOGO_HORIZONTAL_WHITE</h3>
-        <a href="/images/download/owh_logo_horizontal_white.zip" download class="text-base text-gray-600 font-semibold hover:underline">
-          Download Now
-        </a>
-      </li>
-    </ul>
-    
-    <div class="mx-auto max-w-4xl lg:mx-0 mt-24">
-      <h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Typography</h2>
-      
-      <!-- Primary Font -->
-      <div class="mt-12">
-        <h3 class="lg:text-4xl text-3xl font-semibold tracking-tight text-gray-900">Primary Font: Helvetica <a href="/images/download/helvetica.zip" download class="text-base text-gray-600 hover:underline ml-2">Download Font</a></h3>
-        <p class="mt-4 text-xl font-normal text-gray-600">The primary font used in OurWorld branding is Helvetica. It is a clean and modern sans-serif typeface used primarily for titles and subtitles that enhances readability and conveys a sense of professionalism.</p>
-        <div class="bg-gray-100 rounded-lg p-6 mt-6">
-          <p class="lg:text-4xl text-3xl font-bold text-black" style="font-family: Helvetica, sans-serif;">This is Helvetica Bold for Titles</p>
-        </div>
-        <div class="bg-gray-100 rounded-lg p-6 mt-4">
-          <p class="lg:text-3xl text-2xl font-semibold text-black" style="font-family: Helvetica, sans-serif;">This is Helvetica Medium for Subtitles</p>
-        </div>
-      </div>
-
-      <!-- Secondary Font -->
-      <div class="mt-12">
-        <h3 class="lg:text-4xl text-3xl font-semibold tracking-tight text-gray-900">Secondary Font: Cercodemo <a href="/images/download/cero.zip" download class="text-base text-gray-600 hover:underline ml-2">Download Font</a></h3>
-        <p class="mt-4 text-xl font-normal text-gray-600">The secondary font used in OurWorld branding is Cercodemo. It is a unique and stylish typeface used primarily for body texts and paragraphs that adds a touch of creativity to our designs.</p>
-        <div class="bg-gray-100 rounded-lg p-6 mt-6">
-          <p class="text-lg font-normal text-black">This is Cercodemo Regular for Body Text</p>
-        </div>
-        <div class="bg-gray-100 rounded-lg p-6 mt-4">
-          <p class="text-base font-normal text-black">This is Cercodemo Light for Body Text</p>
-        </div>
-        <div class="bg-gray-100 rounded-lg p-6 mt-4">
-          <p class="text-base font-normal text-black">This is Cercodemo Thin for Caption</p>
-        </div>
-      </div>
-    </div>
-    
-    <div class="mx-auto max-w-4xl lg:mx-0 mt-24">
-      <h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Color Palette</h2>
-      <p class="mt-4 text-xl font-normal text-gray-600">The OurWorld brand uses a clean, modern color palette that conveys professionalism and innovation.</p>
-    </div>
-    <div class="mx-auto max-w-4xl lg:mx-0 mt-6">
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-8">
-        <!-- Primary Colors -->
-        <div class="flex flex-col">
-          <div class="h-32 bg-black rounded-t-lg"></div>
-          <div class="bg-white p-6 rounded-b-lg border border-gray-200">
-            <h3 class="text-lg font-semibold">Primary Black</h3>
-            <p class="text-sm text-gray-600">HEX: #00000</p>
-            <p class="text-sm text-gray-600">RGB: 17, 24, 39</p>
-            <p class="text-sm text-gray-600">Class: bg-gray-900</p>
-          </div>
-        </div>
-        
-        <div class="flex flex-col">
-          <div class="h-32 bg-white rounded-t-lg border border-gray-200"></div>
-          <div class="bg-white p-6 rounded-b-lg border border-gray-200">
-            <h3 class="text-lg font-semibold">Primary White</h3>
-            <p class="text-sm text-gray-600">HEX: #FFFFFF</p>
-            <p class="text-sm text-gray-600">RGB: 255, 255, 255</p>
-            <p class="text-sm text-gray-600">Class: bg-white</p>
-          </div>
-        </div>
-        
-        <div class="flex flex-col">
-          <div class="h-32 rounded-t-lg" style="background-color: #4B5563;"></div>
-          <div class="bg-white p-6 rounded-b-lg border border-gray-200">
-            <h3 class="text-lg font-semibold">Primary Gray</h3>
-            <p class="text-sm text-gray-600">HEX: #4B5563</p>
-            <p class="text-sm text-gray-600">RGB: 75, 85, 99</p>
-            <p class="text-sm text-gray-600">Class: text-gray-600</p>
-          </div>
-        </div>
-        
-        <!-- Secondary Colors -->
-        <div class="flex flex-col">
-          <div class="h-32 bg-gray-100 rounded-t-lg"></div>
-          <div class="bg-white p-6 rounded-b-lg border border-gray-200">
-            <h3 class="text-lg font-semibold">Light Gray</h3>
-            <p class="text-sm text-gray-600">HEX: #F3F4F6</p>
-            <p class="text-sm text-gray-600">RGB: 243, 244, 246</p>
-            <p class="text-sm text-gray-600">Class: bg-gray-100</p>
-          </div>
-        </div>
-        
-        <div class="flex flex-col">
-          <div class="h-32 bg-gray-300 rounded-t-lg"></div>
-          <div class="bg-white p-6 rounded-b-lg border border-gray-200">
-            <h3 class="text-lg font-semibold">Medium Gray</h3>
-            <p class="text-sm text-gray-600">HEX: #D1D5DB</p>
-            <p class="text-sm text-gray-600">RGB: 209, 213, 219</p>
-            <p class="text-sm text-gray-600">Class: bg-gray-300</p>
-          </div>
-        </div>
-        
-        <div class="flex flex-col">
-          <div class="h-32 rounded-t-lg" style="background-color: #8B5CF6;"></div>
-          <div class="bg-white p-6 rounded-b-lg border border-gray-200">
-            <h3 class="text-lg font-semibold">Purple</h3>
-            <p class="text-sm text-gray-600">HEX: #8B5CF6</p>
-            <p class="text-sm text-gray-600">RGB: 139, 92, 246</p>
-            <p class="text-sm text-gray-600">Class: bg-purple-500</p>
-          </div>
-        </div>
-      </div>
-      <!-- Brand Guidelines -->
-      <div class="mx-auto max-w-4xl lg:mx-0 mt-24">
-        <h2 class="text-4xl font-semibold tracking-tight text-pretty text-gray-900 lg:text-5xl">Brand Guidelines</h2>
-        <p class="mt-4 text-xl font-normal text-gray-600">Essential rules to maintain brand consistency across all platforms and materials.</p>
-      </div>
-      <div class="mx-auto max-w-4xl lg:mx-0 mt-6">
-        <!-- Logo Spacing -->
-        <h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">Logo Clear Space</h3>
-        <p class="mt-4 text-xl font-normal text-gray-600">Always maintain minimum clear space around the logo to ensure visibility and impact. The clear space should be at least equal to the height of the 'O' in the logo.</p>
-        
-        <!-- Minimum Size -->
-        <h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">Minimum Size</h3>
-        <p class="mt-4 text-xl font-normal text-gray-600">To maintain legibility, do not reproduce the logo smaller than:</p>
-        <ul class="mt-3 text-base font-normal text-gray-600 list-disc list-inside">
-          <li>Print: 0.75 inches (19mm) in height</li>
-          <li>Digital: 30 pixels in height</li>
-        </ul>
-
-        <!-- Logo Usage Examples -->
-        <h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">Logo Usage Guidelines</h3>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-6">
-          <div class="bg-gray-100 p-6 rounded-lg">
-            <h4 class="text-lg font-semibold text-green-600 mb-4">Do's</h4>
-            <ul class="list-disc text-base list-inside text-gray-600">
-              <li>Use approved color variations</li>
-              <li>Maintain aspect ratio when scaling</li>
-              <li>Ensure adequate contrast with backgrounds</li>
-              <li>Use appropriate clear space</li>
-            </ul>
-          </div>
-          <div class="bg-gray-100 p-6 rounded-lg">
-            <h4 class="text-lg font-semibold text-red-600 mb-4">Don'ts</h4>
-            <ul class="list-disc text-base list-inside text-gray-600">
-              <li>Don't alter the logo colors</li>
-              <li>Don't distort or stretch the logo</li>
-              <li>Don't add effects or shadows</li>
-              <li>Don't place on busy backgrounds</li>
-            </ul>
-          </div>
-        </div>
-
-        <!-- File Format Guide -->
-        <h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900 mt-12">File Format Guide</h3>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-6">
-          <div class="bg-gray-100 p-6 rounded-lg">
-            <h4 class="text-lg font-semibold mb-4">SVG Format</h4>
-            <p class="text-gray-600">Best for:</p>
-            <ul class="list-disc list-inside text-gray-600">
-              <li>Web usage</li>
-              <li>Responsive design</li>
-              <li>Large format printing</li>
-              <li>Digital presentations</li>
-            </ul>
-          </div>
-          <div class="bg-gray-100 p-6 rounded-lg">
-            <h4 class="text-lg font-semibold mb-4">PNG Format</h4>
-            <p class="text-gray-600">Best for:</p>
-            <ul class="list-disc list-inside text-gray-600">
-              <li>Digital applications</li>
-              <li>Social media</li>
-              <li>Email signatures</li>
-              <li>Microsoft Office documents</li>
-            </ul>
-          </div>
-        </div>
-
-        <!-- Writing Guidelines -->
-        <div class="mt-12">
-          <h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900">Writing Guidelines</h3>
-          <div class="bg-gray-100 p-6 rounded-lg mt-3">
-            <ul class="list-disc list-inside text-gray-600">
-              <li>Always capitalize the 'W' in OurWorld - never write it as 'Ourworld' or 'ourworld'</li>
-            </ul>
-          </div>
-        </div>
-
-        <!-- Brand Voice -->
-        <div class="mt-12">
-          <h3 class="lg:text-3xl text-2xl font-semibold tracking-tight text-gray-900">Brand Voice</h3>
-          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-6">
-            <div class="bg-gray-100 p-6 rounded-lg">
-              <h4 class="text-lg font-semibold mb-2">Innovative</h4>
-              <p class="text-gray-600">Forward-thinking and solution-oriented</p>
-            </div>
-            <div class="bg-gray-100 p-6 rounded-lg">
-              <h4 class="text-lg font-semibold mb-2">Professional</h4>
-              <p class="text-gray-600">Clear, concise, and authoritative</p>
-            </div>
-            <div class="bg-gray-100 p-6 rounded-lg">
-              <h4 class="text-lg font-semibold mb-2">Approachable</h4>
-              <p class="text-gray-600">Friendly and easy to understand</p>
-            </div>
-            <div class="bg-gray-100 p-6 rounded-lg">
-              <h4 class="text-lg font-semibold mb-2">Authentic</h4>
-              <p class="text-gray-600">Genuine and transparent</p>
-            </div>
-          </div>
-        </div>
-
-      </div>
-    </div>
-  </div>
-</div>
--- 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 @@
            <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%}

--- a/templates/partials/portfolio2.html
+++ b/templates/partials/portfolio2.html
@@ -7,115 +7,41 @@
  <div class="relative mx-auto -mt-12 max-w-7xl px-4 pb-24 sm:px-6 sm:pb-24 lg:px-8">
    <div class="mx-auto max-w-2xl text-center lg:max-w-4xl">
      <h2 class="lg:text-5xl font-bold tracking-tight text-gray-900 text-3xl">OurWorld Ventures</h2>
-      <p class="mt-4 text-gray-500">These are the first OurWorld Ventures, connected by a strong set of values and the aim to bring forward a new era of digital autonomy and empowerment.</p>
+      <p class="mt-4 text-gray-500">These are the first OurWorld Ventures, connected by a strong set of values and the aim to bring forward a new era of digital sovereignty and empowerment.</p>
    </div>

-    <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-6 lg:gap-y-10 sm:grid-cols-2 gap-y-16 lg:max-w-none lg:grid-cols-3 lg:gap-x-8">
+    <dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 sm:gap-y-16 lg:max-w-none lg:grid-cols-3 lg:gap-x-8">
      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="https://threefold.io" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/tf.png" 
-            alt="ThreeFold Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">ThreeFold</dt>
-          </a>
-        </div>
-        <dd class="mt-2 tracking-tight text-gray-500">
-          ThreeFold is a scalable bare metal infrastructure layer for AI, Internet, and Cloud – presenting a cloud solution that offers unmatched security, reliability, performance, and autonomy. Leveraging open source technology as developed by TF9.
-        </dd>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">ThreeFold</dt>
+        <dd class="mt-2 tracking-tight text-gray-500">ThreeFold is a scalable bare metal infrastructure layer for AI, Internet, and Cloud – presenting a cloud solution that offers unmatched security, reliability, performance, and sovereignty. Leveraging open source technology as developed by TF9.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="https://tf9.io" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/tf9.png" 
-            alt="TF9LOGO Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          </a>
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">TF9</dt>
-        </div>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">TF9</dt>
        <dd class="mt-2 tracking-tight text-gray-500">TF9 is a software company which has developed a cloud computing system designed for global scalability, offering secure, immutable data storage that ensures integrity and permanence.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="https://freezone.ourworld.tf" target="_blank" class="flex items-center hover:text-indigo-700">
-            <img 
-              src="/images/freezone.png" 
-              alt="odfz Logo" 
-              class="w-8 h-8 mr-2 hover:opacity-80"
-            />
-            <dt class="font-semibold lg:text-2xl text-xl text-gray-900">OW Digital Freezone</dt>
-          </a>          
-        </div>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">OurWorld Digital FreeZone</dt>
        <dd class="mt-2 tracking-tight text-gray-500">A collaboration with the Government of Zanzibar. 100% digital and automated, offering seamless legal, financial, and operational support for businesses. The FreeZone provides regulatory incentives and benefits to businesses through a fully online platform.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="https://sikana.tv" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/sikana.png" 
-            alt="TF9LOGO Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Sikana</dt>
-        </a>
-        </div>
-        <dd class="mt-2 tracking-tight text-gray-500">Sikana is a global non-profit dedicated to democratizing knowledge through free educational video programs. The Sikana platform aims to empower people worldwide by making practical knowledge accessible to all.</dd>
-      </div>
-      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="https://ourverse.tf" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/ov.png" 
-            alt="OV Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">OurVerse</dt>
-        </a>
-        </div>
-        <dd class="mt-2 tracking-tight text-gray-500">OurVerse is a metaverse platform offering tools for collaboration and digital world creation, enabling new ways for people to interact and engage virtually. With OurVerse, anyone can create entire virtual worlds from AI prompts. 
-      </div>
-      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="#" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/cybercity.png" 
-            alt="OV Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">ZNZ CyberCity</dt>
-        </a>
-        </div>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Zanzibar Cyber City</dt>
        <dd class="mt-2 tracking-tight text-gray-500">A visionary startup city featuring 3,000 units in its initial stages. The cyber city aims to be a collaborative hub for innovation, bringing together startups, investors, and technologists in a state-of-the-art urban environment.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="#" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/hero.png" 
-            alt="OV Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Hero</dt>
-        </a>
-        </div>
-          <dd class="mt-2 tracking-tight text-gray-500">Hero is a digital assistant designed to give individuals full control over their digital identity and assets. Focused on privacy and autonomy, Hero helps manage personal information, tasks, and interactions across decentralized platforms.</dd>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Sikana</dt>
+        <dd class="mt-2 tracking-tight text-gray-500">Sikana is a global non-profit dedicated to democratizing knowledge through free educational video programs. The Sikana platform aims to empower people worldwide by making practical knowledge accessible to all.</dd>
      </div>
      <div class="border-t border-gray-200 pt-4">
-        <div class="flex items-center">
-          <a href="#" target="_blank" class="flex items-center hover:text-indigo-700">
-          <img 
-            src="/images/habari.png" 
-            alt="OV Logo" 
-            class="w-8 h-8 mr-2"
-          />
-          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Habari</dt>
-        </a>
-        </div>
-        <dd class="mt-2 tracking-tight text-gray-500">Habari is a joint venture that aims to revolutionize cloud infrastructure and drive business in Africa with a highly secure, scalable, and autonomous edge computing platform.</dd>
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">OurVerse</dt>
+        <dd class="mt-2 tracking-tight text-gray-500">OurVerse is a metaverse platform offering tools for collaboration and digital world creation, enabling new ways for people to interact and engage virtually. With OurVerse, anyone can create entire virtual worlds from AI prompts. <i>Launching Q4 2024.</i></dd>
+      </div>
+      <div class="border-t border-gray-200 pt-4">
+          <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Hero</dt>
+          <dd class="mt-2 tracking-tight text-gray-500">Hero is a digital assistant designed to give individuals full control over their digital identity and assets. Focused on privacy and autonomy, Hero helps manage personal information, tasks, and interactions across decentralized platforms. <i>First version expected Q4 2024.</i></dd>
+      </div>
+      <div class="border-t border-gray-200 pt-4">
+        <dt class="font-semibold lg:text-2xl text-xl text-gray-900">Habari</dt>
+        <dd class="mt-2 tracking-tight text-gray-500">Habari is a joint venture that aims to revolutionize cloud infrastructure and drive business in Africa with a highly secure, scalable, and sovereign edge computing platform. <i>Expected Q4 2024.</i> </dd>
      </div>
    </dl>
  </div>
--- a/templates/partials/quote.html
+++ b/templates/partials/quote.html
@@ -9,7 +9,7 @@
        <svg class="h-12 mx-auto mb-3 text-gray-400 dark:text-gray-600" viewBox="0 0 24 27" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8H24V18H14.017ZM0 18V10.609C0 4.905 3.748 1.038 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8H9.983L9.983 18L0 18Z" fill="currentColor"/>
        </svg> 
-        <h3 class="text-gray-900"><i>We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. The future we are building is one where technology empowers people and drives innovation while prioritizing safety and autonomy .</i></h3>
+        <h3 class="text-gray-900"><i>We don't just fund individual ventures – we actively shape the architecture of our unique ecosystem. The future we are building is one where technology empowers people and drives innovation while prioritizing safety and sovereignty .</i></h3>
        <figcaption class="flex items-center justify-center mt-6 space-x-3">
            <img class="w-6 h-6 rounded-full" src="./images/kds.png" alt="profile picture">
            <div class="flex items-center divide-x-2 divide-gray-500 dark:divide-gray-700">
--- a/templates/partials/ventures.html
+++ b/templates/partials/ventures.html
@@ -19,13 +19,13 @@
                <div class="mx-auto max-w-7xl px-6 lg:pb-24 pt-24 lg:px-8 lg:pt-12">
                    <div class="mx-auto max-w-2xl gap-x-14 lg:mx-0 lg:flex lg:max-w-none lg:items-center">
                        <div class="relative lg:hidden pb-4">
-                            <img src="/images/people_1.jpg">
+                            <img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=960&h=540&q=80" alt="" class="aspect-[16/9] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                            <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                        </div>
                        <div class="relative w-full max-w-xl lg:shrink-0 xl:max-w-2xl lg:order-first sm:pt-12">
                            <h2 class="text-base font-semibold leading-8 text-indigo-600 mb-2">VENTURES</h2>
                            <h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">Where Innovation Meets Independence</h1>
-                            <p class="mt-6 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-none">All ventures within the OurWorld ecosystem are connected through our shared principles, values, and the aim to bring forward a new era of digital autonomy and self-empowerment. Explore the ventures shaping our future.</p>
+                            <p class="mt-6 text-lg leading-8 text-gray-600 sm:max-w-md lg:max-w-none">All ventures within the OurWorld ecosystem are connected through our shared principles, values, and the aim to bring forward a new era of digital sovereignty and self-empowerment. Explore the ventures shaping our future.</p>
                            <div class="mt-10 flex items-center gap-x-6">
                                <a href="/ventures" class="rounded-md main-button px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Explore Ventures</a>
                            </div>
@@ -33,27 +33,27 @@
                        <div class="mt-14 flex justify-end gap-8 lg:mt-0 lg:pl-0">
                            <div class="ml-auto w-44 flex-none space-y-8 lg:pt-36 hidden lg:block">
                                <div class="relative hidden lg:block">
-                                    <img src="/images/people_1.jpg" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
+                                    <img src="https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                                    <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                                </div>
                            </div>
                            <div class="mr-auto w-44 flex-none space-y-8 lg:pt-24 hidden lg:block">
                                <div class="relative hidden lg:block">
-                                    <img src="/images/people_2.jpg" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
+                                    <img src="https://images.unsplash.com/photo-1485217988980-11786ced9454?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80" alt="" class="aspect-[2/3] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                                    <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                                </div>
                                <div class="relative hidden lg:block">
-                                    <img src="/images/people_3.jpg" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
+                                    <img src="https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=focalpoint&fp-x=.4&w=396&h=528&q=80" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                                    <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                                </div>
                            </div>
                            <div class="w-44 flex-none space-y-8 lg:pt-12 hidden lg:block">
                                <div class="relative hidden lg:block">
-                                    <img src="/images/people_4.jpg" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
+                                    <img src="https://images.unsplash.com/photo-1670272504528-790c24957dda?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&crop=left&w=400&h=528&q=80" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                                    <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                                </div>
                                <div class="relative hidden lg:block">
-                                    <img src="/images/people_5.jpg" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
+                                    <img src="https://images.unsplash.com/photo-1670272505284-8faba1c31f7d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&h=528&q=80" alt="" class="aspect-[3/4] w-full rounded-xl bg-gray-900/5 object-cover shadow-lg">
                                    <div class="pointer-events-none absolute inset-0 rounded-xl ring-1 ring-inset ring-gray-900/10"></div>
                                </div>
                            </div>
--- 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>