project members

gweicz · Jun 3, 2024 · 4bc214d · 4bc214d
1 parent e6e4fdb
commit 4bc214d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/src/components/ProjectList.astro b/src/components/ProjectList.astro
@@ -9,26 +9,39 @@ function fixLink (url) {
     return `https://${url}`
 }
 
+function memberIcon (id) {
+    const m = members.find(m => m.id === id)
+    if (!m) {
+        return null
+    }
+    return `<img src="/images/members/${m.img}" title="${m.name}" alt="${m.name}" class="rounded-full w-6 aspect-square object-cover" />`
+}
+
 const arr = projects.filter(p => past ? p.past === true : p.past !== true).reverse()
 ---
 
 
 <div class="not-prose">
     {arr.map(p => (
-        <div class="flex gap-4 mb-4 py-2 px-2 items-center hover:bg-gray-100 rounded-lg">
+        <div class="flex gap-4 mb-4 py-2 px-2 items-center hover:bg-gray-100 rounded-lg w-full group">
             <div class="shrink-0"><img src={'/images/projects/'+p.img} class="aspect-square object-cover rounded-xl w-16" /></div>
-            <div class="">
-                <div class="flex gap-2 items-center">
+            <div class="grow">
+                <div class="flex gap-2 items-center w-full">
                     <div class="font-semibold">
                         {p.refs?.web && (
                             <a href={fixLink(p.refs.web)} class="hover:underline">{p.name}</a>
                         )}
                         {!p.refs?.web && p.name}
                     </div>
                     <div class="text-sm">({p.years})</div>
-                    <div class="text-xs">
+                    <div class="grow text-xs">
                         <Fragment set:html={renderRefs(p.refs)} />
                     </div>
+                    <div class="flex gap-1 opacity-50 group-hover:opacity-100">
+                        {p.members.map(m => (
+                            <Fragment set:html={memberIcon(m)} />
+                        ))}
+                    </div>
                 </div>
                 {p.description && (
                     <div class="prose-inline text-sm">{p.description}</div>

diff --git a/src/data.yaml b/src/data.yaml
@@ -85,7 +85,7 @@ projects:
     past: true
 
   - name: UTXO Prague
-    members: [ tree ]
+    members: [ tree, coinmandeer ]
     img: utxo.jpg
     refs:
       web: utxo.cz
@@ -103,7 +103,7 @@ projects:
     years: 2022-
 
   - name: Develit
-    members: [ petr-klein, radek ]
+    members: [ petr-klein, radek, coinmandeer ]
     img: develit.png
     description: We build tailor-made web3 projects.
     refs:
@@ -138,7 +138,7 @@ projects:
     years: "2023"
 
   - name: Prague Blockchain Week 2023
-    members: [ tree ]
+    members: [ tree, coinmandeer ]
     img: pbw23.jpg
     description: Decentralized cryptocurrency gathering in the heart of europe (10 days, 47+ events, 405+ speakers).
     past: true
@@ -157,7 +157,7 @@ projects:
     years: 2023-
 
   - name: Web3Privacy Now
-    members: [ coinmandeer ]
+    members: [ coinmandeer, cryptomari0, petr-klein ]
     img: web3privacynow.png
     description: Privacy focused community of enthusiasts developers, event organisers, researchers pushing web3privacy forward.
     refs: