bounties update

1 files changed, 51 insertions, 18 deletions

diff --git a/src/routes/(static)/bounties/+page.svelte b/src/routes/(static)/bounties/+page.svelte
index 400e2bc3..c466e040 100644
--- a/src/routes/(static)/bounties/+page.svelte
+++ b/src/routes/(static)/bounties/+page.svelte
@@ -18,6 +18,17 @@
     "Pet Store",
     "Pharmacy",
   ];
+
+  let small = [
+    {
+      type: "Restaurant",
+      amount: 5000,
+    },
+    { type: "Cafe", amount: 3000 },
+    { type: "Tradesperson or Professional", amount: 2500 },
+    { type: "Food Truck", amount: 2000 },
+    { type: "Farmer's Market Vendor", amount: 2000 },
+  ];
 </script>
 
 <div class="space-y-5 pb-20">
@@ -27,10 +38,10 @@
 
   <h2 class="text-2xl font-bold">Currently Available</h2>
 
-  <div class="space-y-0 max-w-2xl">
+  <div class="space-y-0">
     {#each bounties as b}
-      <div class="flex">
-        <div>{b}</div>
+      <div class="flex max-w-xs sm:max-w-xl">
+        <div>First {b}</div>
 
         <iconify-icon
           noobserver
@@ -41,14 +52,30 @@
     {/each}
   </div>
 
+  <hr />
+
+  <div class="space-y-0">
+    {#each small as b}
+      <div class="flex max-w-xs sm:max-w-xl">
+        <div>{b.type}</div>
+
+        <iconify-icon
+          noobserver
+          icon="ph:lightning-fill"
+          class="text-yellow-300 ml-auto"
+        ></iconify-icon>{s(b.amount, "en-CA")}
+      </div>
+    {/each}
+  </div>
+
   <h2 class="text-2xl font-bold">Previously Awarded</h2>
 
-  <div class="flex flex-col gap-4 w-full max-w-full overflow-x-hidden">
+  <div class="flex flex-col gap-4">
     {#each users as { user, merchant, type }}
       <article
-        class="rounded-2xl border border-neutral-200 bg-white/70 p-4 shadow-sm transition hover:shadow-md dark:border-neutral-800 dark:bg-neutral-900/60 max-w-2xl"
+        class="rounded-2xl border border-neutral-200 bg-white/70 p-4 shadow-sm transition hover:shadow-md dark:border-neutral-800 dark:bg-neutral-900/60 sm:max-w-xl"
       >
-        <div class="flex items-start gap-3 min-w-0">
+        <div class="flex items-start gap-3 min-w-0 flex-wrap">
           <div class="shrink-0">
             <Avatar user={merchant} size={12} />
           </div>
@@ -59,7 +86,9 @@
                 class="whitespace-wrap text-base font-semibold max-w-[150px] truncate sm:max-w-full"
                 title={merchant.display || merchant.username}
               >
-              <a href={`/${merchant.username}`}>{merchant.display || merchant.username}</a>
+                <a href={`/${merchant.username}`}
+                  >{merchant.display || merchant.username}</a
+                >
               </h3>
 
               <span
@@ -98,7 +127,7 @@
 
   <p>One bounty per person</p>
 
-  <div>Eligible business should:</div>
+  <div>Eligible businesses should:</div>
 
   <ul class="ml-4 space-y-0 list-disc">
     <li>Have a physical location in Greater Vancouver</li>
@@ -112,24 +141,23 @@
   <ul class="ml-4 space-y-0 list-disc">
     <li>Display a Bitcoin Accepted window sticker and payment QR</li>
     <li>Train staff on Bitcoin procedures</li>
-    <li>
-      Accept Bitcoin during all posted hours
-    </li>
+    <li>Accept Bitcoin during all posted hours</li>
   </ul>
 
   <p>
-    25% of the bounty will be awarded once the business has met with us and is
-    ready to take payments and has been announced by us
+    25% of the bounty will be awarded once the business is ready to take
+    payments and has been announced
   </p>
 
   <p>
-    The rest will be awarded once they've been continuously
-    accepting Bitcoin for 6 months
+    The rest will be awarded once they've been accepting Bitcoin for 6 months
   </p>
 
+  <p>Bounties will be awarded at our discretion</p>
+
   <p>
-    Bounties will be awarded solely at our discretion. We reserve the right
-    to refuse applicants and change these terms without cause
+    We reserve the right to refuse applicants and change these terms without
+    cause or notice
   </p>
 
   <h2 class="text-2xl font-bold">Get Started!</h2>
@@ -137,7 +165,7 @@
   <p>
     Reach out to <a
       href="mailto:[email protected]"
-      class="text-black hover:underline">[email protected]</a
+      class="text-blue-600 hover:underline">[email protected]</a
     > and let us know who we should contact
   </p>
 
@@ -146,5 +174,10 @@
     which ones are still available.
   </p>
 
+  <p>
+    Have a lead or idea for something that's not on the list? Reach out! We offer
+    sats for all sorts of referrals!
+  </p>
+
   <p>Thanks for participating and helping to orange pill Vancouver!</p>
 </div>