Fix bug 982639: Link to how to become a mentor

mozilla · Mar 21, 2014 · 9a3ce55 · 9a3ce55
1 parent 7610a65
commit 9a3ce55
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/less/explore/main.less b/less/explore/main.less
@@ -307,6 +307,7 @@ img {
 */
 
 .mentor-circle-btn {
+  display: block;
   background: @brand-primary;
   border-radius: 50%;
   color: white;
@@ -317,7 +318,8 @@ img {
   cursor: pointer;
 
   &:hover {
-    background: lighten(@brand-primary, 10%)
+    background: lighten(@brand-primary, 10%);
+    color: white;
   }
 
   span {

diff --git a/locale/en_US/explore.json b/locale/en_US/explore.json
@@ -7,6 +7,10 @@
     "message": "Web Literacy Map",
     "description": "Heading for sidebar"
   },
+  "Become a mentor": {
+    "message": "Become a mentor",
+    "description": "Button in mentors section on literacy pages"
+  },
   "Add your own": {
     "message": "Add your own",
     "description": "Add your own menu title"

diff --git a/public_angular/views/competency.html b/public_angular/views/competency.html
@@ -95,10 +95,10 @@ <h2 class="page-header">{{ 'Featured mentors' | i18n }}</h2>
         </div>
 
         <div class="col-xs-4 col-sm-3">
-          <div class="mentor-circle-btn">
-            <span>{{ 'Nominate' | i18n }}</span>
+          <a targe="_blank" href="https://mozteach.makes.org/thimble/become-a-webmaker-mentor" class="mentor-circle-btn">
+            <span>{{ 'Become a mentor' | i18n }}</span>
             <img src="/img/explore/brett.jpg">
-          </div>
+          </a>
         </div>
       </div>