@ -88,134 +88,112 @@
< / div > < / div >
< / div > < / div >
<!-- List - Design 1 - -> <!-- List -->
< div class = "hidden overflow-hidden bg-slate-100 rounded-md px-4 py-3 mt-4 mb-4 " > < div class = "hidden overflow-hidden my-6 " >
< div class = "flex gap-2 items-center mb-3" > < div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 > < h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button > < button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button > < button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div > < / div >
< ul class = "border-t border-slate-300" > < ul class = "space-y-2" >
< li class = "border-b border-slate-300 py-2" > < li >
< div > < div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< div class = "relative flex justify-between gap-4 mb-3 pt-1" >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< i class = "fa-solid fa-circle-question text-slate-300 text-5xl" > < / i >
< div class = "text-xs mt-1 line-clamp-2 italic" > Anonymous< / div >
< / a >
< div class = "absolute inset-28 sm:inset-x-40 mx-2 top-9 flex items-center" >
< hr class = "grow border-t-[3px] border-slate-400 -me-1" / >
< i class = "shrink-0 fa-solid fa-arrow-right text-slate-400 text-2xl" > < / i >
< / div >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< img src = "https://placehold.co/600x400?text=(Project Image)" class = "size-12 object-cover mx-auto rounded" >
< div class = "text-xs mt-1 line-clamp-2" > iamai-core< / div >
< / a >
< / div >
< p class = "font-medium" > 60 MIR token staked towards the project!< / p > < p class = "font-medium" > 60 MIR token staked towards the project!< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p > < p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p >
< / div > < / div >
< div class = "flex gap-2 text-lg mt-1" > < div class = "flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 py -1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span > < span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li class = "border-b border-slate-300 py-2" > < span class = "ms-auto text-xs text-slate-500 italic" title = "8888-88-88 88:88:88" > 88 minutes ago< / span >
< div >
< p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "Time Safari MVP")< / p >
< / div >
< div class = "flex gap-2 text-lg mt-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div > < / div >
< / li > < / li >
< li class = "border-b border-slate-300 py-2" > < li >
< div > < div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p > < div class = "relative flex justify-between gap-4 mb-3 pt-1" >
< p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p > < a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< / div > < img src = "https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg" class = "size-12 object-cover mx-auto rounded-full" >
< div class = "flex gap-2 text-lg mt-1" > < div class = "text-xs mt-1 line-clamp-2" > Matthew Raymer< / div >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < div class = "absolute inset-28 sm:inset-x-40 mx-2 top-9 flex items-center" >
< / div > < hr class = "grow border-t-[3px] border-slate-400 -me-1" / >
< / li > < i class = "shrink-0 fa-solid fa-arrow-right text-slate-400 text-2xl" > < / i >
< / ul > < / div >
< / div >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
<!-- List - Design 2 --> < img src = "https://placehold.co/600x400?text=(Project Image)" class = "size-12 object-cover mx-auto rounded" >
< div class = "hidden overflow-hidden bg-slate-100 rounded-md px-4 py-3 mt-4 mb-4" > < div class = "text-xs mt-1 line-clamp-2" > Time Safari MVP< / div >
< div class = "flex gap-2 items-center mb-3" > < / a >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 > < / div >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div >
< ul class = "border-t border-slate-300" >
< li class = "border-b border-slate-300 py-2 flex gap-4 justify-between" >
< div >
< p class = "font-medium" > 60 MIR token staked towards the project!< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p >
< / div >
< div class = "shrink-0 flex gap-2 text-lg" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< li class = "border-b border-slate-300 py-2 flex gap-4 justify-between" >
< div >
< p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p > < p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "Time Safari MVP")< / p > < p class = "text-sm" > (from Matthew Raymer to the project "Time Safari MVP")< / p >
< / div > < / div >
< div class = "shrink-0 flex gap-2 text-lg" > < div class = "flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< span class = "ms-auto text-xs text-slate-500 italic" title = "8888-88-88 88:88:88" > 8 days ago< / span >
< / div > < / div >
< / li > < / li >
< li class = "border-b border-slate-300 py-2 flex gap-4 justify-between" > < li >
< div > < div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< div class = "relative flex justify-between gap-4 mb-3 pt-1" >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< i class = "fa-solid fa-circle-question text-slate-300 text-5xl" > < / i >
< div class = "text-xs mt-1 line-clamp-2 italic" > Anonymous< / div >
< / a >
< div class = "absolute inset-28 sm:inset-x-40 mx-2 top-9 flex items-center" >
< hr class = "grow border-t-[3px] border-slate-400 -me-1" / >
< i class = "shrink-0 fa-solid fa-arrow-right text-slate-400 text-2xl" > < / i >
< / div >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< img src = "https://placehold.co/600x400?text=(Project Image)" class = "size-12 object-cover mx-auto rounded" >
< div class = "text-xs mt-1 line-clamp-2" > iamai-core< / div >
< / a >
< / div >
< p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p > < p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p >
< p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p > < p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p >
< / div > < / div >
< div class = "shrink-0 flex gap-2 text-lg" > < div class = "flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1 " >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span > < span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< / div >
< / li >
< / ul >
< / div >
<!-- List - Design 3 --> < span class = "ms-auto text-xs text-slate-500 italic" title = "8888-88-88 88:88:88" > January 8< / span >
< div class = "hidden overflow-hidden mt-4 mb-4" >
< div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
< button class = "block text-center text-sm text-white bg-gradient-to-b from-green-500 to-green-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-plus fa-fw" > < / i > < / button >
< / div >
< ul class = "space-y-2" >
< li class = "bg-slate-100 border border-slate-200 rounded-md px-3 py-2" >
< div >
< p class = "font-medium" > < a href = "" class = "text-blue-600" > 60 MIR token staked towards the project!< / a > < / p >
< p class = "text-sm" > (from < a href = "" class = "text-blue-600" > Someone Outside Your View< / a > to the project "< a href = "" class = "text-blue-600" > iamai-core< / a > ")< / p >
< / div >
< / li >
< li class = "bg-slate-100 border border-slate-200 rounded-md px-3 py-2" >
< div >
< p class = "font-medium" > < a href = "" class = "text-blue-600" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / a > < / p >
< p class = "text-sm" > (from < a href = "" class = "text-blue-600" > Someone Outside Your View< / a > to the project "< a href = "" class = "text-blue-600" > Time Safari MVP< / a > ")< / p >
< / div >
< / li >
< li class = "bg-slate-100 border border-slate-200 rounded-md px-3 py-2" >
< div >
< p class = "font-medium" > < a href = "" class = "text-blue-600" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / a > < / p >
< p class = "text-sm" > (from < a href = "" class = "text-blue-600" > Someone Unnamed/Unknown< / a > to the project "< a href = "" class = "text-blue-600" > iamai-core< / a > ")< / p >
< / div > < / div >
< / li > < / li >
< / ul > < / ul >
< / div > < / div >
<!-- List - Design 4 --> <!-- List - Alt -->
< div class = "overflow-hidden mt-4 mb-4 " > < div class = "overflow-hidden my-6" >
< div class = "flex gap-2 items-center mb-3" > < div class = "flex gap-2 items-center mb-3" >
< h2 class = "text-xl font-bold" > Latest Activity< / h2 > < h2 class = "text-xl font-bold" > Latest Activity< / h2 >
< button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button > < button class = "block text-center ml-auto text-sm text-white bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] px-3 py-1.5 rounded-md" > < i class = "fa-solid fa-filter fa-fw" > < / i > < / button >
@ -227,23 +205,61 @@
< div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" > < div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > 60 MIR token staked towards the project!< / p > < p class = "font-medium" > 60 MIR token staked towards the project!< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p > < p class = "text-sm" > (from Someone Outside Your View to the project "iamai-core")< / p >
< div class = "relative flex justify-between gap-4 pt-3 pb-2" >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< i class = "fa-solid fa-circle-question text-slate-300 text-5xl" > < / i >
< div class = "text-xs mt-1 line-clamp-2 italic" > Anonymous< / div >
< / a >
< div class = "absolute inset-28 sm:inset-x-40 mx-2 top-9 flex items-center" >
< hr class = "grow border-t-[3px] border-slate-400 -me-1" / >
< i class = "shrink-0 fa-solid fa-arrow-right text-slate-400 text-2xl" > < / i >
< / div >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< img src = "https://placehold.co/600x400?text=(Project Image)" class = "size-12 object-cover mx-auto rounded" >
< div class = "text-xs mt-1 line-clamp-2" > iamai-core< / div >
< / a >
< / div >
< / div > < / div >
< div class = "flex gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" > < div class = "flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span > < span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< span class = "ms-auto text-xs text-slate-500 italic" title = "8888-88-88 88:88:88" > 88 minutes ago< / span >
< / div > < / div >
< / li > < / li >
< li > < li >
< div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" > < div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p > < p class = "font-medium" > feedback, plus solution brainstorming & researching (and 0.5 hours)< / p >
< p class = "text-sm" > (from Someone Outside Your View to the project "Time Safari MVP")< / p > < p class = "text-sm" > (from Matthew Raymer to the project "Time Safari MVP")< / p >
< div class = "relative flex justify-between gap-4 pt-3 pb-2" >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< img src = "https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg" class = "size-12 object-cover mx-auto rounded-full" >
< div class = "text-xs mt-1 line-clamp-2" > Matthew Raymer< / div >
< / a >
< div class = "absolute inset-28 sm:inset-x-40 mx-2 top-9 flex items-center" >
< hr class = "grow border-t-[3px] border-slate-400 -me-1" / >
< i class = "shrink-0 fa-solid fa-arrow-right text-slate-400 text-2xl" > < / i >
< / div >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< img src = "https://placehold.co/600x400?text=(Project Image)" class = "size-12 object-cover mx-auto rounded" >
< div class = "text-xs mt-1 line-clamp-2" > Time Safari MVP< / div >
< / a >
< / div >
< / div > < / div >
< div class = "flex gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" > < div class = "flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-user fa-fw text-blue-500" > < / i > < / a >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< span class = "ms-auto text-xs text-slate-500 italic" title = "8888-88-88 88:88:88" > 8 days ago< / span >
< / div > < / div >
< / li > < / li >
@ -251,11 +267,30 @@
< div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" > < div class = "bg-slate-100 rounded-t-md border border-slate-300 px-3 py-2" >
< p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p > < p class = "font-medium" > Expenses for trip to the conference "Decentralized AI Day: Dawn of the Agents" in Denver, Colorado (and 300 USD)< / p >
< p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p > < p class = "text-sm" > (from Someone Unnamed/Unknown to the project "iamai-core")< / p >
< div class = "relative flex justify-between gap-4 pt-3 pb-2" >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< i class = "fa-solid fa-circle-question text-slate-300 text-5xl" > < / i >
< div class = "text-xs mt-1 line-clamp-2 italic" > Anonymous< / div >
< / a >
< div class = "absolute inset-28 sm:inset-x-40 mx-2 top-9 flex items-center" >
< hr class = "grow border-t-[3px] border-slate-400 -me-1" / >
< i class = "shrink-0 fa-solid fa-arrow-right text-slate-400 text-2xl" > < / i >
< / div >
< a href = "" class = "w-28 sm:w-40 text-center bg-white drop-shadow-md rounded p-2" >
< img src = "https://placehold.co/600x400?text=(Project Image)" class = "size-12 object-cover mx-auto rounded" >
< div class = "text-xs mt-1 line-clamp-2" > iamai-core< / div >
< / a >
< / div >
< / div > < / div >
< div class = "flex gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" > < div class = "flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 py-1" >
< a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-circle-info fa-fw text-blue-500" > < / i > < / a >
< span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span > < span > < i class = "fa-solid fa-user-slash fa-fw text-slate-400" > < / i > < / span >
< a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a > < a href = "" > < i class = "fa-solid fa-hammer fa-fw text-blue-500" > < / i > < / a >
< span class = "ms-auto text-xs text-slate-500 italic" title = "8888-88-88 88:88:88" > January 8< / span >
< / div > < / div >
< / li > < / li >
< / ul > < / ul >
Jose Olarte III
2 weeks ago