parent
a4bed92456
commit
a5efc6896d
@ -179,7 +179,7 @@
|
||||
<div class="w-full h-full max-h-[75%] flex flex-col relative overflow-hidden bg-bgMain2 transition-all ease duration-[0.75s] group-hover:max-h-[90%]">
|
||||
<img src="./assets/images/bg bb.png" class="w-full h-full absolute inset-[0] object-cover grayscale-[0.75] opacity-[0.05] transition-all ease duration-[1s] group-hover:grayscale-[0] group-hover:opacity-[0.10]"></img>
|
||||
</div>
|
||||
<img src="./assets/images/bottle.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<img src="https://image.nostr.build/df40504e160568d11a0ce98df08231b57175481f60d540bc469ffcd7d914651c.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<div class="w-full absolute bottom-[0] flex flex-row justify-center items-center bg-bgMain py-[10px] z-[1] transition-all ease duration-[0.5s] group-hover:bg-bgMain2">
|
||||
<p class="font-bold text-xl px-[10px] overflow-hidden whitespace-nowrap text-ellipsis transition-all ease duration-[1.2s] group-hover:text-bgMain">Wine</p>
|
||||
</div>
|
||||
@ -188,7 +188,7 @@
|
||||
<div class="w-full h-full max-h-[75%] flex flex-col relative overflow-hidden bg-bgMain2 transition-all ease duration-[0.75s] group-hover:max-h-[90%]">
|
||||
<img src="./assets/images/bg bb.png" class="w-full h-full absolute inset-[0] object-cover grayscale-[0.75] opacity-[0.05] transition-all ease duration-[1s] group-hover:grayscale-[0] group-hover:opacity-[0.10]"></img>
|
||||
</div>
|
||||
<img src="./assets/images/bottle3alt.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<img src="https://image.nostr.build/8f37876fabad249c9de60e4e304da9d37e1ecb3d1eed095a687e7d02f338b7ec.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<div class="w-full absolute bottom-[0] flex flex-row justify-center items-center bg-bgMain py-[10px] z-[1] transition-all ease duration-[0.5s] group-hover:bg-bgMain2">
|
||||
<p class="font-bold text-xl px-[10px] overflow-hidden whitespace-nowrap text-ellipsis transition-all ease duration-[1.2s] group-hover:text-bgMain">Sake</p>
|
||||
</div>
|
||||
@ -197,7 +197,7 @@
|
||||
<div class="w-full h-full max-h-[75%] flex flex-col relative overflow-hidden bg-bgMain2 transition-all ease duration-[0.75s] group-hover:max-h-[90%]">
|
||||
<img src="./assets/images/bg bb.png" class="w-full h-full absolute inset-[0] object-cover grayscale-[0.75] opacity-[0.05] transition-all ease duration-[1s] group-hover:grayscale-[0] group-hover:opacity-[0.10]"></img>
|
||||
</div>
|
||||
<img src="./assets/images/bottle2.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<img src="https://image.nostr.build/03a6404646ce451924d469b3550269901fca4d920918c3e6d05a7220b711fe32.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<div class="w-full absolute bottom-[0] flex flex-row justify-center items-center bg-bgMain py-[10px] z-[1] transition-all ease duration-[0.5s] group-hover:bg-bgMain2">
|
||||
<p class="font-bold text-xl px-[10px] overflow-hidden whitespace-nowrap text-ellipsis transition-all ease duration-[1.2s] group-hover:text-bgMain">Spirit</p>
|
||||
</div>
|
||||
@ -206,7 +206,7 @@
|
||||
<div class="w-full h-full max-h-[75%] flex flex-col relative overflow-hidden bg-bgMain2 transition-all ease duration-[0.75s] group-hover:max-h-[90%]">
|
||||
<img src="./assets/images/bg bb.png" class="w-full h-full absolute inset-[0] object-cover grayscale-[0.75] opacity-[0.05] transition-all ease duration-[1s] group-hover:grayscale-[0] group-hover:opacity-[0.10]"></img>
|
||||
</div>
|
||||
<img src="./assets/images/coffeebag2.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<img src="https://image.nostr.build/932758dc2a0e4ef976785c1acf4b53d874dd117846eacb9f58df3593ba52eab9.png" class="h-full z-[1] object-cover absolute bottom-[-100px] transition-all ease duration-[1.25s] group-hover:bottom-[-25px] group-hover:scale-[1.05]"></img>
|
||||
<div class="w-full absolute bottom-[0] flex flex-row justify-center items-center bg-bgMain py-[10px] z-[1] transition-all ease duration-[0.5s] group-hover:bg-bgMain2">
|
||||
<p class="font-bold text-xl px-[10px] overflow-hidden whitespace-nowrap text-ellipsis transition-all ease duration-[1.2s] group-hover:text-bgMain">Coffee</p>
|
||||
</div>
|
||||
|
39
product.html
39
product.html
@ -185,9 +185,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full flex flex-row gap-[10px] flex-wrap">
|
||||
<button popupAction="openReviewsSum" class="flex flex-row bg-bgScore5 text-bgMain text-sm relative">
|
||||
<p class="px-[10px] py-[5px]">cellar.social Rating</p>
|
||||
<p class="px-[10px] py-[5px] bg-white/25">Exceptional</p>
|
||||
<button popupAction="openReviewsSum" class="flex flex-row bg-bgScore5 text-bgMain text-sm items-center relative">
|
||||
<p class="flex flex-row px-[10px] py-[5px] h-full items-center">cellar.social Rating</p>
|
||||
<p class="flex flex-row px-[10px] py-[5px] h-full items-center bg-white/25">Exceptional</p>
|
||||
<span class="absolute inset-[0] bg-white/0 transition-all ease duration-[0.4s] hover:bg-white/10"></span>
|
||||
</button>
|
||||
<div class="flex flex-row bg-bgMain2/75 text-bgMain text-sm">
|
||||
@ -611,13 +611,9 @@
|
||||
</div>
|
||||
<div class="w-full flex flex-row gap-[10px] justify-end flex-wrap">
|
||||
<div class="flex flex-row gap-[10px] justify-end flex-wrap grow-[1]">
|
||||
<button popupAction="openReview" class="flex flex-row items-center justify-center bg-bgMain2/85 text-bgMain relative">
|
||||
<p class="h-full text-base px-[10px] py-[5px]">Review</p>
|
||||
<p class="h-full flex flex-row items-center text-base px-[10px] py-[5px] bg-bgMain/10 gap-[10px]">
|
||||
<span class="text-btnMain2 text-center">
|
||||
<i class="bx bxs-wine"></i>
|
||||
</span>
|
||||
Exceptional</p>
|
||||
<button popupAction="openReview" class="flex flex-row bg-bgScore5 text-bgMain text-sm items-center relative">
|
||||
<p class="flex flex-row px-[10px] py-[5px] h-full items-center">User Rating</p>
|
||||
<p class="flex flex-row px-[10px] py-[5px] h-full items-center bg-white/25">Exceptional</p>
|
||||
<span class="absolute inset-[0] bg-white/0 transition-all ease duration-[0.4s] hover:bg-white/10"></span>
|
||||
</button>
|
||||
<button class="flex flex-row items-center justify-center bg-bgMain2/85 text-bgMain">
|
||||
@ -722,13 +718,9 @@
|
||||
</div>
|
||||
<div class="w-full flex flex-row gap-[10px] justify-end flex-wrap">
|
||||
<div class="flex flex-row gap-[10px] justify-end flex-wrap grow-[1]">
|
||||
<button popupAction="openReview" class="flex flex-row items-center justify-center bg-bgMain2/85 text-bgMain relative">
|
||||
<p class="h-full text-base px-[10px] py-[5px]">Review</p>
|
||||
<p class="h-full flex flex-row items-center text-base px-[10px] py-[5px] bg-bgMain/10 gap-[10px]">
|
||||
<span class="text-btnMain2 text-center">
|
||||
<i class="bx bxs-wine"></i>
|
||||
</span>
|
||||
Exceptional</p>
|
||||
<button popupAction="openReviewsSum" class="flex flex-row bg-bgScore5 text-bgMain text-sm items-center relative">
|
||||
<p class="flex flex-row px-[10px] py-[5px] h-full items-center">User Rating</p>
|
||||
<p class="flex flex-row px-[10px] py-[5px] h-full items-center bg-white/25">Exceptional</p>
|
||||
<span class="absolute inset-[0] bg-white/0 transition-all ease duration-[0.4s] hover:bg-white/10"></span>
|
||||
</button>
|
||||
<button class="flex flex-row items-center justify-center bg-bgMain2/85 text-bgMain">
|
||||
@ -1462,17 +1454,10 @@
|
||||
<p class="font-bold text-lg">Overall Quality</p>
|
||||
<div class="w-full grid grid-cols-2 gap-[10px] border-bgMain2/15 max-lg:grid-cols-1">
|
||||
<div class="w-full bg-bgMain2 flex flex-row justify-center items-center text-bgMain max-sm:flex-col">
|
||||
<!-- <div class="h-full px-[10px] py-[5px] bg-bgMain/25 text-btnMain text-center max-sm:w-full max-sm:py-[10px]">
|
||||
<i class="bx bx-wine"></i>
|
||||
</div> -->
|
||||
<!-- <div class="h-full px-[10px] py-[5px] bg-bgMain/25 text-btnMain text-center max-sm:w-full max-sm:py-[10px]">
|
||||
<i class="bx bxs-wine"></i>
|
||||
</div> -->
|
||||
<div class="h-full px-[10px] py-[5px] bg-bgMain/25 text-btnMain2 text-center max-sm:w-full max-sm:py-[10px]">
|
||||
<i class="bx bxs-wine"></i>
|
||||
<div class="w-full bg-bgScore5 text-bgMain flex flex-row justify-center items-center text-bgMain max-sm:flex-col">
|
||||
<p class="w-full h-full px-[10px] py-[5px] text-base bg-bgScore5">User Rating</p>
|
||||
<p class="w-full h-full px-[10px] py-[5px] text-base bg-bgMain/15">Exceptional</p>
|
||||
</div>
|
||||
<p class="w-full h-full px-[10px] py-[5px] text-base bg-bgMain/15">Exceptional</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -302,7 +302,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-[10px] py-[5px] bg-bgScoreF flex flex-col w-full">
|
||||
<p class="text-sm text-white text-center">Faulty</p>
|
||||
<p class="text-sm text-white text-center">No Score</p>
|
||||
</div>
|
||||
<div class="w-full border-t-[2px] border-bgMain pt-[15px] text-base font-bold flex flex-row gap-[10px] flex-wrap">
|
||||
<p class="px-[10px] py-[5px] grow-[1] bg-bgMain text-bgMain2">Type: Wine</p>
|
||||
|
@ -261,7 +261,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-[10px] py-[5px] bg-bgScoreF flex flex-col w-full">
|
||||
<p class="text-sm text-white text-center">Faulty</p>
|
||||
<p class="text-sm text-white text-center">No Score</p>
|
||||
</div>
|
||||
<div class="w-full border-t-[2px] border-bgMain pt-[15px] text-base font-bold flex flex-row gap-[10px] flex-wrap">
|
||||
<p class="px-[10px] py-[5px] grow-[1] bg-bgMain text-bgMain2">Type: Wine</p>
|
||||
|
Loading…
x
Reference in New Issue
Block a user