Made quite a few changes.

public/membersLogo/codex.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+    <script xmlns="" id="eppiocemhmnlbhjplcgkofciiegomcon" />
+    <script xmlns="" />
+    <script xmlns="" />
+    <g clip-path="url(#clip0_291_2793)">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M19.7001 32.7386C19.7705 32.7792 19.8502 32.8001 19.9306 32.8001C20.0111 32.8001 20.188 32.7226 20.188 32.7226L30.85 26.581C30.8555 26.5783 30.8632 26.5744 30.8706 26.5702C30.942 26.5296 31.0002 26.4707 31.0406 26.4008C31.0819 26.3303 31.1036 26.25 31.1036 26.1685C31.1036 26.1588 31.1032 26.1499 31.1028 26.1432V13.8597C31.1036 13.8486 31.1036 13.8387 31.1036 13.8337L31.1036 13.8324C31.1036 13.7507 31.0818 13.671 31.0413 13.6009C31.0008 13.5302 30.9421 13.4718 30.872 13.4313C30.8644 13.4269 30.8564 13.4225 30.8484 13.4186L20.1868 7.27759C20.179 7.27231 20.1714 7.2677 20.165 7.26392L20.1644 7.26357C20.0937 7.22258 20.0136 7.20154 19.9325 7.20154H19.9306C19.8495 7.20154 19.77 7.22298 19.701 7.26236C19.692 7.26736 19.6837 7.2726 19.6762 7.27766L9.01204 13.4202C9.00655 13.423 8.99886 13.4269 8.99144 13.4311C8.92049 13.4717 8.86173 13.5311 8.82123 13.6011C8.78067 13.6712 8.75879 13.751 8.75879 13.8328C8.75879 13.8425 8.75919 13.8514 8.75956 13.858V26.1419C8.75876 26.153 8.75878 26.1629 8.75879 26.1679L8.75879 26.1693C8.75879 26.2509 8.78058 26.3312 8.82193 26.4019C8.86238 26.4712 8.92065 26.5297 8.98909 26.5693L8.99047 26.5701L8.99187 26.5709C9.00023 26.5755 9.00781 26.5793 9.01357 26.5822L19.6768 32.7242C19.6818 32.7275 19.6906 32.7333 19.7001 32.7386ZM30.8023 26.4503C30.7969 26.4534 30.7908 26.4564 30.7847 26.4595C30.788 26.4578 30.7915 26.4561 30.7946 26.4545C30.7973 26.4531 30.7999 26.4517 30.8023 26.4503ZM30.9649 26.1472C30.9651 26.1495 30.9652 26.152 30.9653 26.1545C30.9655 26.159 30.9657 26.1637 30.9657 26.1685C30.9657 26.167 30.9657 26.1655 30.9656 26.164C30.9655 26.1581 30.9652 26.1524 30.9649 26.1472ZM20.3983 26.9772L24.3592 29.2549L20.3951 31.538L20.3983 26.9772ZM15.5034 29.2548L19.4645 26.977L19.4676 31.538L15.5034 29.2548ZM25.7528 23.8924L29.7137 26.1701L25.7497 28.4532L25.7528 23.8924ZM20.3984 25.3628V20.8084L24.3514 23.0856L20.3984 25.3628ZM15.0439 22.2784V17.724L18.9969 20.0012L15.0439 22.2784ZM20.3984 19.1932V14.6389L24.3514 16.916L20.3984 19.1932ZM19.4649 13.0247L15.5038 10.7468L19.468 8.46363L19.4649 13.0247ZM10.1491 26.1701L14.1131 28.4532L14.11 23.8922L10.1491 26.1701ZM24.8194 23.8928L24.8225 28.4527L20.8658 26.1705L24.8194 23.8928ZM15.0438 23.8928L15.0406 28.4527L18.9974 26.1705L15.0438 23.8928ZM26.2198 23.0856L30.178 20.8025V25.3687L26.2198 23.0856ZM9.68483 20.8025V25.3687L13.643 23.0856L9.68483 20.8025ZM15.5111 23.085L19.4644 25.3624V20.8077L15.5111 23.085ZM29.7125 20.0004L25.7529 17.7227V22.2782L29.7125 20.0004ZM10.1503 20.0008L14.1099 22.2786V17.7231L10.1503 20.0008ZM24.8189 17.7233V22.278L20.8656 20.0006L24.8189 17.7233ZM30.178 14.6329V19.1992L26.2198 16.916L30.178 14.6329ZM13.643 16.916L9.68483 19.1992V14.6329L13.643 16.916ZM19.4644 14.6385V19.1928L15.5114 16.9157L19.4644 14.6385ZM29.7141 13.8315L25.7497 11.5482L25.7528 16.1095L29.7141 13.8315ZM14.1135 11.5484L14.1104 16.1095L10.1491 13.8315L14.1135 11.5484ZM24.8225 11.549L24.8194 16.1089L20.8658 13.8312L24.8225 11.549ZM18.9974 13.8312L15.0438 16.1089L15.0406 11.549L18.9974 13.8312ZM24.3596 10.7467L20.3951 8.46362L20.3983 13.0247L24.3596 10.7467Z"
+            fill="white" />
+    </g>
+    <defs>
+        <clipPath id="clip0_291_2793">
+            <rect width="40" height="40" fill="white" />
+        </clipPath>
+    </defs>
+</svg>

public/membersLogo/hopr.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 249.3 113.4" style="enable-background:new 0 0 249.3 113.4;" xml:space="preserve"><script xmlns="" id="eppiocemhmnlbhjplcgkofciiegomcon"/><script xmlns=""/><script xmlns=""/>
+    <style type="text/css">
+        .st0{fill:#FFFFFF;}
+        .st1{fill:#1D1D1B;}
+        .st2{fill:url(#SVGID_1_);}
+        .st3{fill:url(#SVGID_2_);}
+        .st4{fill:url(#SVGID_3_);}
+        .st5{fill:url(#SVGID_4_);}
+    </style>
+    <g>
+        <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="38.1501" y1="84.9116" x2="38.1501" y2="22.0279">
+            <stop offset="0" style="stop-color:#0000B4"/>
+            <stop offset="9.090910e-03" style="stop-color:#0000B4"/>
+            <stop offset="1" style="stop-color:#000050"/>
+        </linearGradient>
+        <path class="st2" d="M46.4,24.6c-0.7-0.1-1.3-0.1-2-0.1c-4.9,0-9.7,2-14,5.8c-2,1.8-3.9,4-5.6,6.4c-0.3-9.3-0.8-19.2-1.8-29.3H10.5   c2.7,28.4,2.4,53.2,1.9,75h0c0,0,0,0.1,0,0.1h12.5c0.4-21.8,5.8-35.8,13.9-43c2.2-1.9,4.3-2.8,6.2-2.6c9.9,1.1,8.3,31.9,7.6,45.6   h12.5c0.5-10.1,1.1-22.4-0.3-33C62.8,34,56.5,25.7,46.4,24.6z"/>
+        <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="158.5772" y1="84.9116" x2="158.5772" y2="22.0279">
+            <stop offset="0" style="stop-color:#0000B4"/>
+            <stop offset="9.090910e-03" style="stop-color:#0000B4"/>
+            <stop offset="1" style="stop-color:#000050"/>
+        </linearGradient>
+        <path class="st3" d="M174.2,26.5c-3-1.4-6.2-2.1-9.4-2.1c-3.3,0-6.6,0.7-9.9,2.2c-9,4.1-16.5,13.5-20,25.2c-5.4,18-5.1,39.6-5,53.9   c0,0.4,0,0.7,0,1.1h12.5c0-0.4,0-0.8,0-1.2c-0.1-13.5-0.4-34,4.5-50.2c2.4-8.2,7.5-14.8,13.2-17.4c3.1-1.4,6.1-1.4,8.8-0.2   c2.9,1.4,4.4,4.3,5,6.6c1.6,5.2,0.8,11.5-2.1,16c-4.5,7.3-10.7,9.9-22.1,9.6l0,12.4c12,0.1,25.1-2.7,32.8-15.5   c4.6-7.6,6-17.6,3.4-26.2C184,34.2,179.8,29.1,174.2,26.5z"/>
+        <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="99.3556" y1="84.9116" x2="99.3556" y2="22.0279">
+            <stop offset="0" style="stop-color:#0000B4"/>
+            <stop offset="9.090910e-03" style="stop-color:#0000B4"/>
+            <stop offset="1" style="stop-color:#000050"/>
+        </linearGradient>
+        <path class="st4" d="M99.4,24.1c-16.1,0-29.1,13.4-29.1,29.9c0,16.5,13.1,29.9,29.1,29.9c16.1,0,29.1-13.4,29.1-29.9   C128.5,37.5,115.4,24.1,99.4,24.1z M99.4,71.4c-9.2,0-16.6-7.8-16.6-17.4c0-9.6,7.4-17.4,16.6-17.4c9.2,0,16.6,7.8,16.6,17.4   C116,63.6,108.5,71.4,99.4,71.4z"/>
+        <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="215.3602" y1="84.9116" x2="215.3602" y2="22.0279">
+            <stop offset="0" style="stop-color:#0000B4"/>
+            <stop offset="9.090910e-03" style="stop-color:#0000B4"/>
+            <stop offset="1" style="stop-color:#000050"/>
+        </linearGradient>
+        <path class="st5" d="M220.5,24.1c-4.6,0-8.8,1.7-12.5,5.1c-1.4,1.3-2.7,2.8-3.9,4.4c-0.3-2.6-0.6-5.3-0.9-8.1h-12.6   c3,22.3,2.7,40.7,2.5,52c0,1.7-0.1,3.2-0.1,4.5c0,0.1,0,0.2,0,0.4h0h12.5c0.1-8.4,0.4-15.1,2.3-25.3C209.7,47,215.3,36,221,36.6   c4.5,0.4,6,5.8,6.5,10.8h12.6C239.4,32.4,230.9,24.1,220.5,24.1z"/>
+    </g>
+    </svg>

public/membersLogo/logos.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
+    <script xmlns="" id="eppiocemhmnlbhjplcgkofciiegomcon" />
+    <script xmlns="" />
+    <script xmlns="" />
+    <g clip-path="url(#clip0_291_2790)">
+        <path
+            d="M31.0278 33.2414H8.30322V19.5073H31.0064L31.0278 33.2414ZM19.6404 20.6091C17.7008 20.6111 15.7917 21.0823 14.0826 21.9809C12.3735 22.8795 10.9172 24.1777 9.84302 25.7603C9.70091 25.921 9.62269 26.1266 9.62269 26.3392C9.62269 26.5519 9.70091 26.7575 9.84302 26.9182C10.9241 28.4935 12.3831 29.7847 14.0922 30.6786C15.8012 31.5725 17.708 32.0418 19.6453 32.0453C21.5825 32.0487 23.4911 31.5863 25.2034 30.6985C26.9158 29.8107 28.3796 28.5247 29.4665 26.9533C29.6216 26.7835 29.7073 26.5636 29.7073 26.3357C29.7073 26.1079 29.6216 25.888 29.4665 25.7181C28.3826 24.142 26.919 22.852 25.2051 21.9621C23.4913 21.0722 21.58 20.6099 19.6404 20.6161V20.6091Z"
+            fill="white" />
+        <path
+            d="M19.7049 18.223C17.7777 18.2192 15.8802 17.7575 14.175 16.8774C12.4699 15.9974 11.008 14.7252 9.91466 13.1701C9.73237 12.9801 9.63088 12.7291 9.63088 12.4683C9.63088 12.2075 9.73237 11.9565 9.91466 11.7665C11.0074 10.2141 12.4702 8.94656 14.1763 8.07387C15.8823 7.20118 17.78 6.74975 19.7044 6.75874C21.6289 6.76773 23.5221 7.23688 25.2196 8.12546C26.917 9.01405 28.3675 10.2952 29.4451 11.8577C29.5996 12.0264 29.685 12.2451 29.685 12.4718C29.685 12.6985 29.5996 12.9171 29.4451 13.0858C28.3688 14.6523 26.9197 15.9386 25.2227 16.8336C23.5258 17.7286 21.632 18.2055 19.7049 18.223ZM23.9448 12.5384C23.9647 11.7017 23.7297 10.8782 23.2698 10.1729C22.8099 9.46765 22.146 8.9127 21.3627 8.57888C20.5795 8.24506 19.7125 8.14752 18.8725 8.29873C18.0324 8.44994 17.2574 8.84303 16.6463 9.42781C16.0353 10.0126 15.616 10.7625 15.4419 11.5819C15.2678 12.4013 15.3469 13.2529 15.6689 14.0281C15.991 14.8032 16.5415 15.4667 17.2502 15.9339C17.9589 16.4011 18.7935 16.6507 19.6476 16.651C20.7701 16.6513 21.8482 16.2211 22.6513 15.4526C23.4543 14.684 23.9186 13.6381 23.9448 12.5384Z"
+            fill="white" />
+        <path
+            d="M19.6618 30.4832C18.8289 30.4694 18.0189 30.2146 17.3333 29.751C16.6478 29.2874 16.1173 28.6356 15.8087 27.8775C15.5001 27.1194 15.4269 26.2888 15.5986 25.4901C15.7702 24.6914 16.1789 23.9602 16.7733 23.3884C17.3677 22.8166 18.1213 22.4298 18.9394 22.2764C19.7576 22.123 20.6037 22.21 21.3715 22.5264C22.1393 22.8429 22.7946 23.3746 23.2549 24.0548C23.7153 24.735 23.9602 25.5334 23.9589 26.3496C23.9571 26.8985 23.8441 27.4415 23.6265 27.9472C23.4089 28.453 23.0911 28.9114 22.6914 29.2959C22.2917 29.6804 21.8181 29.9833 21.298 30.1871C20.778 30.3909 20.2218 30.4916 19.6618 30.4832Z"
+            fill="white" />
+    </g>
+    <defs>
+        <clipPath id="clip0_291_2790">
+            <rect width="40" height="40" fill="white" />
+        </clipPath>
+    </defs>
+</svg>

src/components/AboutFooter.astro

@@ -5,6 +5,7 @@ import contributors from "../contributors.json";
 import SpeakerGrid from "./SpeakerGrid.astro";
 import SliderTestimonial from "./SliderTestimonial.astro";
 import MembersGrid from "./MembersGrid.astro";
+import { fade } from "astro:transitions";
 
 // Accept sectionsConfig as a prop
 const {
@@ -145,9 +146,11 @@ const sortedSections = sectionsConfig
       )}
 
       {section.name === "membersGrid" && (
-        <div class="middle-pane-medium mt-16">
+        <div class="mx-4 mt-16">
-          <h1 class="my-6 glitch-text">Members</h1>
+          <h1 class="my-6 middle-pane-medium glitch-text">Members</h1>
-          <MembersGrid people={core.people} team={core.teams["core-team"]} />
+          <div class="middle-pane-big">
+            <MembersGrid people={core.people} team={core.teams["members"]} core={false} />
+          </div>
         </div>
       )}
     </div>

src/components/EventMasonry.astro

@@ -19,7 +19,7 @@ const {
 >
   {
     images.slice(0, 4).map((image, index) => (
-      <div class="flex-auto overflow-hidden">
+      <div class="flex-auto overflow-hidden ">
         <img
           class="object-cover w-full max-h-28 md:max-h-[223px] cursor-pointer gallery-image"
           src={image}

src/components/MembersGrid.astro

@@ -1,86 +1,9 @@
 ---
-const { people, team } = Astro.props;
+const { team, people, core } = Astro.props;
-// Dummy data for now:
-let filteredPeople = [
-  {
-    id: "guy-zyskind",
-    name: "Guy Zyskind",
-    caption:
-      "Founder of [Secret Network](https://scrt.network/), CEO [SCRT Labs](https://www.scrtlabs.com/)",
-    country: "is",
-    refs: {
-      twitter: "GuyZys",
-    },
-    imageUrl: "https://data.web3privacy.info/img/people/guy-zyskind.jpg",
-    thumbs: {
-      "64": "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-64px.webp",
-      "128":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-128px.webp",
-      "400":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-400px.webp",
-    },
-  },
-  {
-    id: "guy-zyskind",
-    name: "Guy Zyskind",
-    caption:
-      "Founder of [Secret Network](https://scrt.network/), CEO [SCRT Labs](https://www.scrtlabs.com/)",
-    country: "is",
-    refs: {
-      twitter: "GuyZys",
-    },
-    imageUrl: "https://data.web3privacy.info/img/people/guy-zyskind.jpg",
-    thumbs: {
-      "64": "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-64px.webp",
-      "128":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-128px.webp",
-      "400":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-400px.webp",
-    },
-  },
-  {
-    id: "guy-zyskind",
-    name: "Guy Zyskind",
-    caption:
-      "Founder of [Secret Network](https://scrt.network/), CEO [SCRT Labs](https://www.scrtlabs.com/)",
-    country: "is",
-    refs: {
-      twitter: "GuyZys",
-    },
-    imageUrl: "https://data.web3privacy.info/img/people/guy-zyskind.jpg",
-    thumbs: {
-      "64": "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-64px.webp",
-      "128":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-128px.webp",
-      "400":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-400px.webp",
-    },
-  },
-  {
-    id: "guy-zyskind",
-    name: "Guy Zyskind",
-    caption:
-      "Founder of [Secret Network](https://scrt.network/), CEO [SCRT Labs](https://www.scrtlabs.com/)",
-    country: "is",
-    refs: {
-      twitter: "GuyZys",
-    },
-    imageUrl: "https://data.web3privacy.info/img/people/guy-zyskind.jpg",
-    thumbs: {
-      "64": "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-64px.webp",
-      "128":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-128px.webp",
-      "400":
-        "https://data.web3privacy.info/img/people/thumbs/guy-zyskind-400px.webp",
-    },
-  },
-];
 
-// NOTE: Uncomment this if you want to filter people dynamically based upon a specific parameter
+const filteredPeople = core
-
+  ? people.filter((p) => !team.includes(p.id)).filter((p) => p.imageUrl)
-// const filteredPeople = people
+  : team;
-//   .filter((p) => !team.includes(p.id))
-//   .filter((p) => p.imageUrl);
 
 // Limit the number of members to 12 (2 rows with a max of 6 columns each)
 const limitedPeople = filteredPeople.slice(0, 12);
@@ -102,24 +25,24 @@ function personLink(person) {
     return "#";
   }
 }
-
-
 ---
 
 <div
-  class="grid place-items-start grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-2"
+  class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-2 gap-y-10 md:gap-y-2 mb-6"
 >
   {
     limitedPeople.map((person) => (
-    <div class="max-w-xs w-full max-h-[340px] bg-transparent overflow-hidden p-1 space-y-1 mb-2">
+      <div
+        class={`partner-item ${core ? "person-item" : ""} text-center items-center p-2`}
+      >
         <a href={personLink(person)}>
           <img
             src={person.imageUrl}
             alt={person.name}
-            class="h-24 w-full md:h-48 object-cover object-center h-full grayscale"
+            class="partner-img  h-24   md:h-48 aspect-[16/11] w-full h-full object-contain p-0 "
           />
         </a>
-        <div class="mt-4 flex items-center justify-center flex-col ">
+        <div class="p-2 partner-text">
           <h3 class="text-xs md:text-lg font-bold leading-6">{person.name}</h3>
           {person.refs && (
             <p class="text-xs md:text-sm text-gray-500">

src/components/SpeakerGrid.astro

@@ -32,8 +32,10 @@ function personLink(person) {
 >
   {
     filteredPeople.map((person) => (
-      <div class="max-w-xs w-full max-h-[340px] bg-transparent overflow-hidden p-1 space-y-1 mb-2">
+      <div
-        <a href={personLink(person)}>
+        class={`max-w-xs w-full  max-h-[340px] bg-transparent overflow-hidden p-1 space-y-1 mb-2`}
+      >
+        <a href={personLink(person)} class={`${core ? "person-item" : ""}`}>
           <img
             src={person.imageUrl}
             alt={person.name}

src/core.json

@@ -24,10 +24,194 @@
     "telegram": "https://t.me/+AKj7mTSVcTc3N2Q0"
   },
   "teams": {
-    "core-team": [
+    "core-team": ["mykola-siusko", "pg", "coinmandeer"],
-      "mykola-siusko",
+    "members": [
-      "pg",
+      {
-      "coinmandeer"
+        "name": "LOGOS",
+        "imageUrl": "/membersLogo/logos.svg",
+        "refs": {
+          "website": "https://logos.co/",
+          "twitter": "logos_network"
+        }
+      },
+      {
+        "name": "WAKU",
+        "imageUrl": "/membersLogo/waku.svg",
+        "refs": {
+          "website": "https://waku.org/",
+          "twitter": "waku_org"
+        }
+      },
+      {
+        "name": "Nomos",
+        "imageUrl": "/membersLogo/nomos.svg",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "Nomos_tech"
+        }
+      },
+      {
+        "name": "Codex",
+        "imageUrl": "/membersLogo/codex.svg",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "Codex_storage"
+        }
+      },
+      {
+        "name": "Dyne",
+        "imageUrl": "/membersLogo/dyne.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "dyneorg"
+        }
+      },
+      {
+        "name": "DNOSIS DAO",
+        "imageUrl": "/membersLogo/gnosisdao.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "dyneorg"
+        }
+      },
+      {
+        "name": "0xbow",
+        "imageUrl": "/membersLogo/0xbow.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "0xbowio"
+        }
+      },
+      {
+        "name": "Labyrinth",
+        "imageUrl": "/membersLogo/labyrinth.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "Labyrinth_HQ"
+        }
+      },
+      {
+        "name": "Namada",
+        "imageUrl": "/membersLogo/namada.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "namada"
+        }
+      },
+      {
+        "name": "Intmax",
+        "imageUrl": "/membersLogo/intmax.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "intmaxIO"
+        }
+      },
+      {
+        "name": "MorosNet",
+        "imageUrl": "/membersLogo/moros.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "morosnet"
+        }
+      },
+      {
+        "name": "TokenDynamics",
+        "imageUrl": "/membersLogo/tokendynamics.png",
+        "refs": {
+          "website": "https://nomos.tech/",
+          "twitter": "tokendynamics"
+        }
+      }
+    ],
+    "community-partners": [
+      {
+        "name": "HOPR",
+        "imageUrl": "/membersLogo/hopr.svg",
+        "refs": {
+          "website": "https://hoprnet.org/",
+          "twitter": "hoprnet"
+        }
+      },
+      {
+        "name": "ETHRome",
+        "imageUrl": "/membersLogo/ETHRome.png",
+        "refs": {
+          "website": "https://www.ethrome.org/",
+          "twitter": "ETHRome"
+        }
+      },
+      {
+        "name": "LunarDAO",
+        "imageUrl": "/membersLogo/LunarDAO.png",
+        "refs": {
+          "website": "https://lunardao.net/",
+          "twitter": "lunarpunksquad"
+        }
+      },
+      {
+        "name": "MolochDAO",
+        "imageUrl": "/membersLogo/MolochDAO.png",
+        "refs": {
+          "website": "https://molochdao.com/",
+          "twitter": "molochdao"
+        }
+      },
+      {
+        "name": "Urbe.eth",
+        "imageUrl": "/membersLogo/Urbe.png",
+        "refs": {
+          "website": "https://linktr.ee/urbe.eth",
+          "twitter": "urbeEth"
+        }
+      },
+      {
+        "name": "CryptoCanal",
+        "imageUrl": "/membersLogo/CryptoCanal.png",
+        "refs": {
+          "website": "https://lu.ma/cryptocanal",
+          "twitter": "cryptocanal"
+        }
+      },
+      {
+        "name": "ParalelniPolis",
+        "imageUrl": "/membersLogo/polis.png",
+        "refs": {
+          "website": "https://www.paralelnipolis.cz/en/",
+          "twitter": "Paralelni_polis"
+        }
+      },
+      {
+        "name": "GCCofCommons",
+        "imageUrl": "/membersLogo/GCC.png",
+        "refs": {
+          "website": "https://www.gccofficial.org/en",
+          "twitter": "GCCofCommons"
+        }
+      },
+      {
+        "name": "Zcash",
+        "imageUrl": "/membersLogo/zcash.png",
+        "refs": {
+          "website": "https://z.cash/",
+          "twitter": "zcash"
+        }
+      },
+      {
+        "name": "Kernel Community",
+        "imageUrl": "/membersLogo/kernel.png",
+        "refs": {
+          "website": "https://kernel.community/",
+          "twitter": "Kernel0x"
+        }
+      },
+      {
+        "name": "Shielding Summit",
+        "imageUrl": "/membersLogo/ssummit.png",
+        "refs": {
+          "website": "https://shieldingsummit.org/",
+          "twitter": "ShieldingSummit"
+        }
+      }
     ]
   },
   "research": [
@@ -36,12 +220,8 @@
       "title": "ZK solutions DB",
       "status": "live",
       "sort": 1,
-      "labels": [
+      "labels": ["db"],
-        "db"
+      "assignees": ["Msiusko"],
-      ],
-      "assignees": [
-        "Msiusko"
-      ],
       "caption": "General DB aggregation focused on ZK for privacy.",
       "links": {
         "web": "https://github.com/web3privacy/web3privacy/tree/main/ZKprivacylandscape#readme",
@@ -53,12 +233,8 @@
       "title": "Privacy Use-Cases DB",
       "status": "live",
       "sort": 3,
-      "labels": [
+      "labels": ["db"],
-        "db"
+      "assignees": ["Msiusko"],
-      ],
-      "assignees": [
-        "Msiusko"
-      ],
       "caption": "Basic DB of the privacy-centric use-cases.",
       "links": {
         "web": "https://github.com/Msiusko/web3privacy/blob/main/Use-cases.md",
@@ -71,9 +247,7 @@
       "status": "live",
       "sort": 5,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "caption": "Pagency framework for facilitation privacy use-cases (privacy services modelling)",
       "links": {
         "web": "https://github.com/web3privacy/web3privacy/blob/main/Pagency/Pagency%20-%20privacy%20use-case%20facilitation%20framework.pdf",
@@ -85,12 +259,8 @@
       "title": "Privacy Projects Hiring",
       "status": "live",
       "sort": 4,
-      "labels": [
+      "labels": ["db"],
-        "db"
+      "assignees": ["Msiusko"],
-      ],
-      "assignees": [
-        "Msiusko"
-      ],
       "caption": "Hiring snapshot across the market: total vacancies, grades, technical x non-technical positions, hiring scope within specific companies & domains.",
       "links": {
         "web": "https://docs.google.com/spreadsheets/d/1dN6bIWyOh01Dl-y1iZh-1TASZxKUefD098BUALcnUb8/edit?usp=sharing",
@@ -112,10 +282,7 @@
       "status": "backlog",
       "sort": 2,
       "labels": [],
-      "assignees": [
+      "assignees": ["EclecticSamurai", "Msiusko"],
-        "EclecticSamurai",
-        "Msiusko"
-      ],
       "links": {}
     },
     {
@@ -124,10 +291,7 @@
       "status": "backlog",
       "sort": 3,
       "labels": [],
-      "assignees": [
+      "assignees": ["EclecticSamurai", "Msiusko"],
-        "EclecticSamurai",
-        "Msiusko"
-      ],
       "links": {}
     },
     {
@@ -136,9 +300,7 @@
       "status": "in-progress",
       "sort": 0,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "caption": "Comprehensive privacy-centric research aimed to map Ethereum-centric privacy services, use-cases, product stages, missing areas (use-cases), funding landscape etc Supported by MolochDAO",
       "links": {
         "web": "https://github.com/web3privacy/web3privacy/blob/main/Market%20overview/Ethereum%20Ecosystem/Readme.md",
@@ -150,9 +312,7 @@
       "title": "Privacy use-cases DB 2.0 (major update)",
       "status": "backlog",
       "sort": 4,
-      "labels": [
+      "labels": ["db"],
-        "db"
-      ],
       "assignees": [],
       "links": {}
     },
@@ -162,9 +322,7 @@
       "status": "backlog",
       "sort": 1,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "links": {}
     },
     {
@@ -173,9 +331,7 @@
       "status": "in-progress",
       "sort": 1,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "links": {}
     },
     {
@@ -184,9 +340,7 @@
       "status": "live",
       "sort": 2,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "caption": "150-pages report on the state of privacy x web3 from funding to key projects.",
       "links": {
         "web": "https://github.com/web3privacy/web3privacy/blob/main/Market%20overview/Privacy%20market%20outlook%20in%20Web3%20by%20Mykola%20Siusko%20(Jan%202023).pdf"
@@ -198,9 +352,7 @@
       "status": "live",
       "sort": 6,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "caption": "Research how privacy tools can protect human rights, vulnerable audiences within the war, migration & cross-border relations. Supported by Zcash Foundation.",
       "links": {
         "web": "https://github.com/web3privacy/grants/blob/main/staticobjects/Privacy%20use%20cases%20with%20the%20focus%20on%20Zcash%20(privacy%20coins)_Siusko.pdf"
@@ -212,9 +364,7 @@
       "status": "live",
       "sort": 0,
       "labels": [],
-      "assignees": [
+      "assignees": ["Msiusko"],
-        "Msiusko"
-      ],
       "caption": "Privacy services x web3 initial market DB aggregation: segmentation, key links (web, git, docs), ecosystem, product liveliness etc. 600 projects in the DB.",
       "links": {
         "web": "https://github.com/web3privacy/web3privacy?tab=readme-ov-file#contents"
@@ -1555,9 +1705,7 @@
       "design": {
         "image": "bucharest01"
       },
-      "helpers": [
+      "helpers": ["Alina"],
-        "Alina"
-      ],
       "links": {
         "rsvp": "https://lu.ma/w3pn-meetup-bucharest1"
       },
@@ -1603,10 +1751,7 @@
       "place-address": "Paleisstraat 107, 1012 ZL Amsterdam, Paesi Bassi",
       "lead": "PG",
       "visitors": 90,
-      "helpers": [
+      "helpers": ["Mykola", "Alina"],
-        "Mykola",
-        "Alina"
-      ],
       "coincidence": "[ETHDam](https://www.ethdam.com/)",
       "slots": 3,
       "links": {
@@ -1659,9 +1804,7 @@
       "coincidence": "ETHBerlin",
       "lead": "Mykola",
       "visitors": 150,
-      "helpers": [
+      "helpers": ["ligi"],
-        "ligi"
-      ],
       "speakers": [
         "afri-schoedon",
         "joshua-davila",
@@ -1710,11 +1853,7 @@
       "country": "de",
       "coincidence": "ETHBerlin",
       "lead": "Tree",
-      "helpers": [
+      "helpers": ["Mykola", "Coinmandeer", "Robert"],
-        "Mykola",
-        "Coinmandeer",
-        "Robert"
-      ],
       "visitors": 210,
       "links": {
         "web": "https://c24ber.web3privacy.info/"
@@ -1757,11 +1896,7 @@
       "coincidence": "ETHPrague",
       "lead": "PG",
       "visitors": 180,
-      "helpers": [
+      "helpers": ["PG", "Mykola", "Coinmandeer"],
-        "PG",
-        "Mykola",
-        "Coinmandeer"
-      ],
       "slots": 16,
       "links": {
         "rsvp": "https://lu.ma/w3pn-summit-prague2"
@@ -1831,11 +1966,7 @@
       "links": {
         "rsvp": "https://lu.ma/w3pn-meetup-bru1"
       },
-      "speakers": [
+      "speakers": ["edward-fricker", "joshua-davila", "mykola-siusko"],
-        "edward-fricker",
-        "joshua-davila",
-        "mykola-siusko"
-      ],
       "images": {
         "wide-square": "https://data.web3privacy.info/img/events/2024/m24bru-wide-square.png",
         "poster": "https://data.web3privacy.info/img/events/2024/m24bru-poster.png",
@@ -1874,10 +2005,7 @@
       "design": {
         "image": "rome02"
       },
-      "helpers": [
+      "helpers": ["Mykola", "Alina"],
-        "Mykola",
-        "Alina"
-      ],
       "links": {
         "rsvp": "https://lu.ma/w3pn-meetup-rome1"
       },
@@ -2017,11 +2145,7 @@
       "links": {
         "web": "https://lu.ma/w3pm-prg1"
       },
-      "speakers": [
+      "speakers": ["vaclav-pavlin", "radek-svarz", "marcel-kolaja"],
-        "vaclav-pavlin",
-        "radek-svarz",
-        "marcel-kolaja"
-      ],
       "images": {},
       "thumbs": {}
     }

src/pages/index.astro

@@ -9,9 +9,19 @@ import { format } from "date-fns";
 import EventItem from "../components/EventItem.astro";
 import { isFutureDate } from "../lib/date";
 import EventMasonry from "../components/EventMasonry.astro";
+import * as config from "../config.yaml";
 
 const events = core.events;
 
+const sectionsConfig = [
+  { name: "socialLinks", visible: false, order: 2 },
+  { name: "speakers", visible: true, order: 2 },
+  { name: "contributors", visible: true, order: 3 },
+  { name: "testimonials", visible: true, order: 4 },
+  { name: "membersGrid", visible: true, order: 5 },
+  // { name: "community", visible: false, order: 6 },
+];
+
 const upcomingEvents = [];
 let eventsPast = 0;
 let eventsUpcoming = 0;
@@ -80,8 +90,7 @@ for (const e of upcomingEvents) {
             <div class="text-white mt-1 ml-1.5">
               <a
                 href="https://github.com/web3privacy/web3privacy/blob/main/README.md#contents"
-                class="glitch-text"
+                class="glitch-text">Web3 Privacy Database</a
-                >Web3 Privacy Database</a
               >
             </div>
           </div>
@@ -116,7 +125,6 @@ for (const e of upcomingEvents) {
   </div>
 
   <div class="middle-pane-medium mt-10">
-
     <div class="mt-16">
       <h1 class="glitch-text">Featured Events</h1>
     </div>
@@ -204,7 +212,58 @@ for (const e of upcomingEvents) {
       >
     </div>
   </div>
-  <AboutFooter />
+  <div class="middle-pane-medium mt-16">
+    <h1>
+      <a class="glitch-text" href="https://docs.web3privacy.info/get-involved">
+        Join the Community
+      </a>
+    </h1>
+    <div>{config.landing.community}</div>
+    <div
+      class="grid place-items-center grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-2 pt-4 w-full"
+    >
+      <a
+        href={core.links.twitter}
+        class="bg-[#101010] w-full flex items-center justify-center w-full h-40 overflow-hidden"
+      >
+        <button class="flex flex-col items-center justify-center">
+          <div class="icon twitter"></div>
+          @web3privacy
+        </button>
+      </a>
+      <a
+        href={core.links.telegram}
+        class="bg-[#101010] w-full flex items-center justify-center w-full h-40 overflow-hidden"
+      >
+        <button class="flex flex-col items-center justify-center">
+          <div class="icon telegram"></div>
+          Telegram
+        </button>
+      </a>
+      <a
+        href={core.links.signal}
+        class="bg-[#101010] w-full flex items-center justify-center w-full h-40 overflow-hidden"
+      >
+        <button class="flex flex-col items-center justify-center">
+          <div class="icon">
+            <img src="/icons/signal.svg" alt="" />
+          </div>
+          Signal
+        </button>
+      </a>
+      <a
+        href={core.links.matrix}
+        class="bg-[#101010] w-full flex items-center justify-center w-full h-40 overflow-hidden"
+      >
+        <button class="flex flex-col items-center justify-center">
+          <div class="icon matrix"></div>
+          matrix
+        </button>
+      </a>
+    </div>
+  </div>
+
+  <AboutFooter {sectionsConfig} />
   <script is:inline>
     document.querySelectorAll(".w3pn-hp-grid > div").forEach((el) => {
       el.addEventListener("click", () => {

src/pages/membership/index.astro

@@ -23,9 +23,7 @@ const sectionsConfig = [
   subimage="/membership/membership.png"
 >
   <div class="middle-pane-medium my-10">
-    <div
+    <div class="flex items-center justify-center w-full text-center my-12">
-      class="flex items-center justify-center w-full text-center my-12"
-    >
       <h3 class="max-w-[900px] w-full">
         for all privacy advocates, projects and companies, we offer a simple and
         straightforward way to support us financially and become an integral
@@ -50,7 +48,9 @@ const sectionsConfig = [
         </p>
       </div>
 
-      <div class="flex gap-3 flex-wrap mb-4 justify-center md:justify-start mx-4">
+      <div
+        class="flex gap-3 flex-wrap mb-4 justify-center md:justify-start mx-4"
+      >
         {
           contributors.items.map((contrib) => (
             <div>
@@ -81,12 +81,18 @@ const sectionsConfig = [
     <MembershipOtherOptionsWidget />
   </div>
 
-  <div class="mt-16 middle-pane-medium">
+  <div class="mx-4 mt-16">
-    <h1 class="my-6 ">Members</h1>
+    <h1 class="my-6 middle-pane-medium">Members</h1>
-    <MembersGrid people={core.people} team={core.teams["core-team"]} />
+    <div class="middle-pane-big">
+      <MembersGrid
+        people={core.people}
+        team={core.teams["members"]}
+        core={false}
+      />
+    </div>
   </div>
 
-  <div class="middle-pane-medium my-10">
+  <div class="middle-pane-medium my-10 mt-20 md:mt-10">
     <h1>Join the community</h1>
     <p>
       We thrive on uniting diverse perspectives, skills, and visions. Both
@@ -136,9 +142,14 @@ const sectionsConfig = [
     </div>
   </div>
 
-  <div class="mt-16 middle-pane-medium">
+  <div class="mt-16 mx-4">
-    <h1 class="my-6 ">Community Partners</h1>
+    <h1 class="my-6 middle-pane-medium">Community Partners</h1>
-    <MembersGrid people={core.people} team={core.teams["core-team"]} />
+    <div class="middle-pane-big">
+      <MembersGrid
+        people={core.people}
+        team={core.teams["community-partners"]}
+      />
+    </div>
   </div>
 
   <AboutFooter {sectionsConfig} />

src/styles/base.css

@@ -39,7 +39,7 @@
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 500ms;
-  text-transform: lowercase!important;
+  text-transform: lowercase !important;
   flex-wrap: nowrap;
 }
 
@@ -52,6 +52,35 @@
   opacity: 1;
 }
 
+/* Members, Community Partners & More */
+.person-item {
+  cursor: pointer;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 500ms;
+}
+
+.partner-item:hover {
+  filter: grayscale(25%);
+  cursor: help;
+  outline: white;
+  outline-style: dashed;
+  outline-width: 3px;
+}
+.partner-item .partner-text {
+  color: #ffffff;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 300ms;
+}
+
+.person-item img {
+  filter: grayscale(100%);
+}
+.person-item:hover img {
+  filter: grayscale(0%);
+}
+
 @tailwind components;
 
 @layer components {