From 5219ca82771f60360e04c8ffde16d32d4b3ced08 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Fri, 4 Apr 2025 19:01:31 +0800
Subject: [PATCH] Mirrored changes in app repo

---
 home.html | 121 ++++++++++++------------------------------------------
 1 file changed, 26 insertions(+), 95 deletions(-)

diff --git a/home.html b/home.html
index ce24caa..eebd3ef 100644
--- a/home.html
+++ b/home.html
@@ -102,8 +102,8 @@
 						<span class="block w-fit mx-auto -mb-2.5 bg-white px-2">You've already seen all the following</span>
 					</div>
 
-					<div class="bg-slate-100 rounded-t-md border border-slate-300 border-b-0 p-3 sm:p-4">
-						<div class="flex items-center gap-2 mb-6">
+					<div class="flex items-center justify-between gap-2 text-lg bg-slate-200 border border-slate-300 border-b-0 rounded-t-md px-3 sm:px-4 py-1 sm:py-2">
+						<div class="flex items-center gap-2">
 							<a href=""><img src="https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg" class="size-8 object-cover rounded-full"></a>
 
 							<div>
@@ -112,35 +112,44 @@
 							</div>
 						</div>
 
-						<div class="bg-[url(https://a2-west.americancloud.com/images6618:giftsimage/45edd14b84bda755279d909cd900adf08e1994bc589023fec37b983f38d3086e.png)] bg-cover mb-6 -mx-3 sm:-mx-4">
+						<a href=""><i class="fa-solid fa-circle-info fa-fw text-slate-500"></i></a>
+					</div>
+
+					<div class="bg-slate-100 rounded-b-md border border-slate-300 p-3 sm:p-4">
+						<div class="bg-[url(https://image.timesafari.app/9d5c796272fb9ec87024f9d180c3d6dc6c753786fe93438886c75cfe4e3c999f)] bg-cover mb-6 -mt-3 sm:-mt-4 -mx-3 sm:-mx-4">
 							<div class="bg-slate-100/50 backdrop-blur-md px-6 py-4">
-							<img class="max-w-lg max-h-96 mx-auto rounded-lg drop-shadow-md" src="https://a2-west.americancloud.com/images6618:giftsimage/9bc475e93b602e89e2dc2e7288ab54596f34d6369c0e274da2335ccf3231eee2" />
+							<img class="max-w-lg max-h-96 mx-auto rounded-lg drop-shadow-md" src="https://image.timesafari.app/9d5c796272fb9ec87024f9d180c3d6dc6c753786fe93438886c75cfe4e3c999f" />
 							</div>
 						</div>
 
-						<div class="relative flex justify-between gap-4 mb-5">
-							<a href="" class="w-28 sm:w-48 text-center bg-white border border-slate-200 rounded p-2 sm:p-3">
+						<div class="relative flex justify-between gap-4 max-w-lg mx-auto mb-5">
+							<a href="" class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2">
 								<div class="relative w-fit mx-auto">
-									<i class="fa-solid fa-circle-question text-slate-300 text-5xl sm:text-8xl"></i>
-									<span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-user fa-fw text-white"></i></span>
+									<i class="fa-solid fa-person-circle-question text-slate-300 text-[3rem] sm:text-[4rem]"></i>
+									<!-- span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-user fa-fw text-white"></i></span -->
 								</div>
-								<div class="text-xs mt-2 line-clamp-2">
+								<div class="text-xs mt-1 line-clamp-2">
 									<i class="fa-solid fa-user fa-fw text-slate-400"></i>
 									Anonymous
 								</div>
 							</a>
 
-							<div class="absolute inset-28 sm:inset-x-48 mx-4 sm:mx-8 top-1/2 flex items-center">
-								<hr class="grow border-t-[25px] border-slate-300" />
-								<div class="shrink-0 w-0 h-0 border border-slate-300 border-t-[30px] border-t-transparent border-b-[30px] border-b-transparent border-s-[40px] border-e-0"></div>
+							<div class="absolute inset-x-28 sm:inset-x-40 ms-2 me-1 top-1/2 -translate-y-1/2">
+								<div class="absolute inset-x-0 top-1/2 -translate-y-1/2 text-sm text-center text-slate-800 leading-none font-semibold pe-[15px] drop-shadow-[0_0_1px_rgb(255,255,255)]">88 hours</div>
+							
+								<div class="flex items-center">
+									<hr class="grow border-t-[25px] border-slate-300/70" />
+
+									<div class="shrink-0 w-0 h-0 border border-slate-300/70 border-t-[25px] border-t-transparent border-b-[25px] border-b-transparent border-s-[35px] border-e-0"></div>
+								</div>
 							</div>
 
-							<a href="" class="w-28 sm:w-48 text-center bg-white border border-slate-200 rounded p-2 sm:p-3">
+							<a href="" class="w-28 sm:w-40 text-center bg-white border border-slate-200 rounded p-2">
 								<div class="relative w-fit mx-auto">
-									<img src="https://placehold.co/600x400?text=(Project Image)" class="size-12 sm:size-24 object-cover rounded">
-									<span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-hammer fa-fw text-white"></i></span>
+									<img src="https://placehold.co/600x400?text=(Project Image)" class="size-[3rem] sm:size-[4rem] object-cover rounded">
+									<!-- span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-hammer fa-fw text-white"></i></span -->
 								</div>
-								<div class="text-xs mt-2 line-clamp-2">
+								<div class="text-xs mt-1 line-clamp-2">
 									<i class="fa-solid fa-hammer fa-fw text-slate-400"></i>
 									iamai-core
 								</div>
@@ -148,85 +157,7 @@
 						</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="flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 sm:px-4 py-1 sm:py-2">
-						<a href=""><i class="fa-solid fa-circle-info fa-fw text-slate-500"></i></a>
-
-						<button class="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 ms-auto rounded-md">Confirm</button>
-					</div>
-				</li>
-
-				<li>
-					<div class="bg-slate-100 rounded-t-md border border-slate-300 p-3 sm:p-4">
-						<div class="relative flex justify-between gap-4 mb-3">
-							<a href="" class="w-28 sm:w-48 text-center bg-white border border-slate-200 rounded p-2 sm:p-3">
-								<div class="relative w-fit mx-auto">
-									<img src="https://a.fsdn.com/con/app/proj/identicons/screenshots/225506.jpg" class="size-12 sm:size-24 object-cover rounded-full">
-									<span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-user fa-fw text-white"></i></span>
-								</div>
-								<div class="text-xs mt-2 line-clamp-2">Matthew Raymer</div>
-							</a>
-
-							<div class="absolute inset-28 sm:inset-x-48 mx-4 sm:mx-8 top-1/2 flex items-center">
-								<hr class="grow border-t-[25px] border-slate-300" />
-								<div class="shrink-0 w-0 h-0 border border-slate-300 border-t-[30px] border-t-transparent border-b-[30px] border-b-transparent border-s-[40px] border-e-0"></div>
-							</div>
-
-							<a href="" class="w-28 sm:w-48 text-center bg-white border border-slate-200 rounded p-2 sm:p-3">
-								<div class="relative w-fit mx-auto">
-									<img src="https://placehold.co/600x400?text=(Project Image)" class="size-12 sm:size-24 object-cover rounded">
-									<span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-hammer fa-fw text-white"></i></span>
-								</div>
-								<div class="text-xs mt-2 line-clamp-2">Time Safari MVP</div>
-							</a>
-						</div>
-
-						<p class="font-medium">feedback, plus solution brainstorming & researching (and 0.5 hours)</p>
-						<p class="text-sm">(from Matthew Raymer to the project "Time Safari MVP")</p>
-					</div>
-
-					<div class="flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 sm:px-4 py-1 sm:py-2">
-						<a href=""><i class="fa-solid fa-circle-info fa-fw text-slate-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>
-				</li>
-
-				<li>
-					<div class="bg-slate-100 rounded-t-md border border-slate-300 p-3 sm:p-4">
-						<div class="relative flex justify-between gap-4 mb-3">
-							<a href="" class="w-28 sm:w-48 text-center bg-white border border-slate-200 rounded p-2 sm:p-3">
-								<div class="relative w-fit mx-auto">
-									<i class="fa-solid fa-circle-question text-slate-300 text-5xl sm:text-8xl"></i>
-									<span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-user fa-fw text-white"></i></span>
-								</div>
-								<div class="text-xs mt-2 line-clamp-2">Anonymous</div>
-							</a>
-
-							<div class="absolute inset-28 sm:inset-x-48 mx-4 sm:mx-8 top-1/2 flex items-center">
-								<hr class="grow border-t-[25px] border-slate-300" />
-								<div class="shrink-0 w-0 h-0 border border-slate-300 border-t-[30px] border-t-transparent border-b-[30px] border-b-transparent border-s-[40px] border-e-0"></div>
-							</div>
-
-							<a href="" class="w-28 sm:w-48 text-center bg-white border border-slate-200 rounded p-2 sm:p-3">
-								<div class="relative w-fit mx-auto">
-									<img src="https://placehold.co/600x400?text=(Project Image)" class="size-12 sm:size-24 object-cover rounded">
-									<span class="absolute -end-3 -bottom-2 bg-slate-400 rounded-full leading-1.25 p-1 sm:px-1.5 -mt-6 border sm:border-2 border-white text-xs sm:text-base"><i class="fa-solid fa-hammer fa-fw text-white"></i></span>
-								</div>
-								<div class="text-xs mt-2 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="text-sm">(from Someone Unnamed/Unknown to the project "iamai-core")</p>
-					</div>
-
-					<div class="flex items-center gap-2 text-lg bg-slate-300 rounded-b-md px-3 sm:px-4 py-1 sm:py-2">
-						<a href=""><i class="fa-solid fa-circle-info fa-fw text-slate-500"></i></a>
-
-						<span class="ms-auto text-xs text-slate-500 italic" title="8888-88-88 88:88:88">January 8</span>
+						<!-- p class="text-sm">(from Someone Outside Your View to the project "iamai-core")</p -->
 					</div>
 				</li>
 			</ul>