From af2efa353ce271b1158b0ca09fcf4c9aa26a4b6a Mon Sep 17 00:00:00 2001
From: codingsh <codingsh@pm.me>
Date: Mon, 29 Jun 2020 12:32:04 -0300
Subject: [PATCH] feat: Grants Tweaks  (#6900)

* feat: Grants Tweaks #6883

* chore: fixed twitter link
---
 app/assets/v2/css/grants/grant.css            |  8 ++++++
 app/grants/templates/grants/cart-vue.html     | 28 ++++++-------------
 .../templates/grants/shared/landing_hero.html |  4 ++-
 .../templates/shared/grant_thanks_modal.html  |  7 +++--
 4 files changed, 24 insertions(+), 23 deletions(-)

diff --git a/app/assets/v2/css/grants/grant.css b/app/assets/v2/css/grants/grant.css
index 812d96e1238..bfb9fc4595e 100644
--- a/app/assets/v2/css/grants/grant.css
+++ b/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 {
diff --git a/app/grants/templates/grants/cart-vue.html b/app/grants/templates/grants/cart-vue.html
index 01c1d7a3b4b..7b83e872fdd 100644
--- a/app/grants/templates/grants/cart-vue.html
+++ b/app/grants/templates/grants/cart-vue.html
@@ -417,29 +417,23 @@ <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>
@@ -447,10 +441,6 @@ <h1 class="font-bigger-4 font-weight-bold">Verify your phone number</h1>
                       <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'">
diff --git a/app/grants/templates/grants/shared/landing_hero.html b/app/grants/templates/grants/shared/landing_hero.html
index d96484ae8fe..0b38fc63db5 100644
--- a/app/grants/templates/grants/shared/landing_hero.html
+++ b/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>
diff --git a/app/retail/templates/shared/grant_thanks_modal.html b/app/retail/templates/shared/grant_thanks_modal.html
index 53b6cc05a68..16d5e8ba411 100644
--- a/app/retail/templates/shared/grant_thanks_modal.html
+++ b/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>