Merge pull request #622 from technoboy10/gh620-coming-soon

Fix GH-620: Replace "Request account" with "Coming Soon"

src/views/teachers/landing/l10n.json

@@ -22,5 +22,5 @@
     "teacherlanding.creativeComputing": "The <a href=\"http://scratched.gse.harvard.edu/guide/\">Creative Computing Curriculum Guide</a> provides plans, activities, and strategies for introducing creative computing.",
     "teacherlanding.accountsTitle": "Teacher Accounts in Scratch",
     "teacherlanding.accountsDescription": "As an educator, you can request a Scratch Teacher Account, which makes it easier to create accounts for groups of students and to manage your students’ projects and comments. To learn more, see the <a href=\"faq\">Teacher Account FAQ page</a>.",
-    "teacherlanding.accountsButton": "Request Account"
+    "teacherlanding.accountsButton": "Coming Soon"
 }

src/views/teachers/landing/landing.jsx

@@ -140,9 +140,7 @@ var Landing = injectIntl(React.createClass({
                             <p>
                                 <FormattedHTMLMessage id="teacherlanding.accountsDescription" />
                             </p>
-                            <a href="register">
                             <Button><FormattedMessage id="teacherlanding.accountsButton" /></Button>
-                            </a>
                         </div>
                         <img src="/images/teachers/teacher-account.png" alt="teacher account" id="teacher-icon"/>
                     </div>

src/views/teachers/landing/landing.scss

@@ -214,12 +214,19 @@ $story-width: $cols3;
             }
 
             button {
-                background-color: $ui-white;
+                border: 2px solid $ui-white;
+                border-radius: 50px;
+                box-shadow: none;
+                background-color: transparent;
                 padding: 16px 16px;
                 width: $cols5 / 2;
-                color: $ui-blue;
+                color: $ui-white;
                 font-size: 16px;
                 font-weight: 500;
+
+                &:hover {
+                    box-shadow: none;
+                }
             }
         }