|
@ -67,7 +67,59 @@ |
|
|
<a href="commitment-edit.html" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</a> |
|
|
<a href="commitment-edit.html" class="block text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-8">Make Commitment</a> |
|
|
|
|
|
|
|
|
<!-- Commitments --> |
|
|
<!-- Commitments --> |
|
|
|
|
|
|
|
|
|
|
|
<div class="grid items-start grid-cols-1 sm:grid-cols-2 gap-4"> |
|
|
|
|
|
<div class="bg-slate-100 px-4 py-3 rounded-md"> |
|
|
|
|
|
<h3 class="text-sm uppercase font-semibold mb-3">Given to this Project</h3> |
|
|
|
|
|
|
|
|
|
|
|
<ul class="text-sm border-t border-slate-300"> |
|
|
|
|
|
<li class="py-1.5 border-b border-slate-300"> |
|
|
|
|
|
<div class="flex justify-between gap-4"> |
|
|
|
|
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span> |
|
|
|
|
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="py-1.5 border-b border-slate-300"> |
|
|
|
|
|
<div class="flex justify-between gap-4"> |
|
|
|
|
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span> |
|
|
|
|
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="py-1.5 border-b border-slate-300"> |
|
|
|
|
|
<div class="flex justify-between gap-4"> |
|
|
|
|
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span> |
|
|
|
|
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-slate-100 px-4 py-3 rounded-md"> |
|
|
<div class="bg-slate-100 px-4 py-3 rounded-md"> |
|
|
|
|
|
<h3 class="text-sm uppercase font-semibold mb-3">…and from this Project</h3> |
|
|
|
|
|
|
|
|
|
|
|
<ul class="text-sm border-t border-slate-300"> |
|
|
|
|
|
<li class="py-1.5 border-b border-slate-300"> |
|
|
|
|
|
<div class="flex justify-between gap-4"> |
|
|
|
|
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span> |
|
|
|
|
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
<li class="py-1.5 border-b border-slate-300"> |
|
|
|
|
|
<div class="flex justify-between gap-4"> |
|
|
|
|
|
<span><i class="fa-solid fa-user fa-fw text-slate-400"></i> [Username]</span> |
|
|
|
|
|
<span><i class="fa-solid fa-coins fa-fw text-slate-400"></i> 8</span> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="italic"><i class="fa-solid fa-comment fa-fw text-slate-400"></i> wrench</div> |
|
|
|
|
|
</li> |
|
|
|
|
|
</ul> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- div class="bg-slate-100 px-4 py-3 rounded-md"> |
|
|
<h3 class="text-sm uppercase font-semibold mb-3">Commitments</h3> |
|
|
<h3 class="text-sm uppercase font-semibold mb-3">Commitments</h3> |
|
|
|
|
|
|
|
|
<ul class="text-sm border-t border-slate-300"> |
|
|
<ul class="text-sm border-t border-slate-300"> |
|
@ -86,7 +138,17 @@ |
|
|
<span>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i></span> |
|
|
<span>0.1 BTC <i class="fa-solid fa-spinner fa-fw text-slate-400"></i></span> |
|
|
</li> |
|
|
</li> |
|
|
</ul> |
|
|
</ul> |
|
|
</div> |
|
|
</div --> |
|
|
|
|
|
|
|
|
|
|
|
<!-- GIFTED DIALOG popup --> |
|
|
|
|
|
<dialog id="dlgGifted" class="backdrop:bg-black/75 rounded-md"> |
|
|
|
|
|
<form method="dialog"> |
|
|
|
|
|
<h1 class="text-lg text-center font-light relative px-7">Received from you</h1> |
|
|
|
|
|
|
|
|
|
|
|
<button value="cancel" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2">Copy to Clipboard</button> |
|
|
|
|
|
<button value="cancel" class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md">Close</button> |
|
|
|
|
|
</form> |
|
|
|
|
|
</dialog> |
|
|
</section> |
|
|
</section> |
|
|
|
|
|
|
|
|
<!-- DISMISSIBLE ALERT --> |
|
|
<!-- DISMISSIBLE ALERT --> |
|
|