feat: Grants Tweaks (#6900)

* feat: Grants Tweaks #6883

* chore: fixed twitter link

app/assets/v2/css/grants/grant.css

@@ -387,6 +387,14 @@
   color: white;
 }
 
+.grants-hero .amount-round{
+  color: #25E899;
+}
+
+.grants-hero .title-round{
+  font-size: 24px; 
+}
+
 .grants-hero .font-header,
 .grants-hero h1,
 .explore_grants {

app/grants/templates/grants/cart-vue.html

@@ -417,40 +417,30 @@ <h1 class="col-auto text-left font-bigger-2 black" style="font-weight: bold; mar
                   <div class="mb-3">
                     <h1 class="font-bigger-4 font-weight-bold">Verify your phone number</h1>
                   </div>
-                  <p class="mb-2 font-subheader text-left"><strong>It's instant, private & secure.</strong></p>
-                  <p class="mb-4 font-subheader text-left">
-                  1) This process is optional.
                   <BR>
-                  2) Verifying increases your trust level + the impact of your contributions.
+                  <p class="mb-4 font-subheader text-left">We'd like to verify your phone number to get your contribution matched. Phone number verification is optional.</p>
                   <BR>
-                  3) You can still contribute to grants without verifying, but your matching impact may be reduced until you are verified, especially in cases of many contributions.
+                  <p class="mb-4 font-subheader text-left">Verifying increases your trust level and impact of your contributions. You can still contribute to grants without
+                  verifying your phone number, but your contribution impact will be reduced.</p>
                   <BR>
-                  4) Gitcoin has gone to <a target="_blank" rel="noopener noreferrer" class="gc-text-blue" href="https://twitter.com/owocki/status/1272149204287160320">extreme lengths to preserve your privacy</a>.  Please only verify your SMS on sites you know and trust.
+                  <p class="mb-4 font-subheader text-left">Gitcoin does NOT store your phone number.</p>
                   <BR>
-                  5) <a target="_blank" rel="noopener noreferrer" class="gc-text-blue" href="https://twitter.com/owocki/status/1271088915982675974">Click here to read more on why Gitcoin is asking for your SMS number.</a>
-                </p>
-
+                  <p class="mb-4 font-subheader text-left">read more about <a target="_blank" rel="noopener noreferrer" class="gc-text-blue font-smaller-1"
+                    href="https://twitter.com/owocki/status/1271088915982675974">why we are asking for your phone number</a> or how Gitcoin <a target="_blank" rel="noopener noreferrer" class="gc-text-blue font-smaller-1"
+                      href="https://twitter.com/owocki/status/1271088915982675974">preserves your privacy.</a></p>
                   <b-button @click="validationStep='requestVerification'" class="btn-gc-blue mb-2" size="lg">Verify
-                   Instantly</b-button>
-                  <p class="mb-1 font-subheader text-center font-smaller-2 grey">
-                    (For privacy preservation purposes, Gitcoin does NOT store your phone number <i class="fas fa-lock"></i>)
-                  </p>
+                   Phone Number</b-button>
                   <div class="mb-1 font-subheader text-center">
-                    - or -
                     <a id="verify_offline" href="#">
                     <br>
-                    Verify Offline</a>
+                    Verify Offline or</a>  <a href="#" @click="dismissVerification()" variant="link">Skip</a>
                     <div id='verify_offline_target' style="display:none">
                       <strong>Verify Offline</strong>
                       <BR>
                       <a href="mailto:[email protected]">Email Gitcoin</a> or <a href="https://keybase.io/gitcoin_verify">Message Gitcoin on Keybase</a>, and we will verify your information within 1-2 business days.
                       <br>
                       IMPORTANT: Be sure to include (1) your gitcoin username (2) proof of ownership of a SMS number.
                     </div>
-                    <br>
-                    - or -
-                    <br>
-                    <a href="#" @click="dismissVerification()" variant="link">Skip</a>
                   </div>
                 </div>
                 <div class="mx-5 my-5 text-center" v-if="validationStep == 'requestVerification'">

app/grants/templates/grants/shared/landing_hero.html

@@ -4,7 +4,9 @@
           <div class="row">
             <div class="col-12 col-md-6 order-md-last mb-5 mb-md-0">
               <p class="p-3 font-header">
-                <strong style="font-size: 24px;">${{total_clr_pot|intcomma}} matching going on now.</strong>
+                <strong>
+                  <span class="title-round"><span class="amount-round">${{total_clr_pot|intcomma}}</span> matching going on now.</span>
+                </strong>
                 <BR>
                 Matching ends on {{round_end|date:'Y-m-d'}} at noon EST.
                 <span style="">(<span class="m-0" data-time="{{round_end|date:'c'}}" data-base_time="{{now|date:'Y-m-d H:i'}}"></span>) so contribute today!</span>

app/retail/templates/shared/grant_thanks_modal.html

@@ -49,9 +49,10 @@ <h5>Thanks for Contributing! You Earned a Kudos</h5>
                 {% trans "Tweet About this Grant" %} 🐦
               </a>
             {% else %}
-              <a class="button button--primary" role="button" href="https://twitter.com/intent/tweet?text=I just funded grants on @gitcoin => https://{{ request.META.HTTP_HOST }}/grants"
-                target="_blank" rel="noopener noreferrer" OnClick="ga('send', 'event', 'Tweet Button', 'click', 'Grant Funder')">
-                {% trans "Tweet About It" %} 🐦
+              <a class="button button--primary" role="button"
+                href="https://gitcoin.co/grants/"
+                target="_blank" rel="noopener noreferrer" OnClick="ga('send', 'event', 'Fund New Grant', 'click', 'Grant Funder')">
+                {% trans "Fund a New Grant" %}
               </a>
             {% endif %}
           </div>