From 636c27bdcb5bbd1b545955cb3e8545e1b86b6207 Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Tue, 29 Nov 2016 08:59:14 -0500
Subject: [PATCH] =?UTF-8?q?Add=20=E2=80=9Copen=E2=80=9D=20string=20to=20l1?=
 =?UTF-8?q?0n.json?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #1078. This also fixes #1076 and https://github.com/LLK/scratch-www/issues/981#issuecomment-263301322 by updating the styling accordingly.
---
 src/views/splash/hoc-banner/hoc-banner.jsx  |  4 ++--
 src/views/splash/hoc-banner/hoc-banner.scss | 20 +++++++++++++++-----
 src/views/splash/l10n.json                  |  1 +
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/views/splash/hoc-banner/hoc-banner.jsx b/src/views/splash/hoc-banner/hoc-banner.jsx
index 106c8b07046..791deea2f40 100644
--- a/src/views/splash/hoc-banner/hoc-banner.jsx
+++ b/src/views/splash/hoc-banner/hoc-banner.jsx
@@ -88,7 +88,7 @@ var HocBanner = injectIntl(React.createClass({
         return (
             <TitleBanner className="mod-splash-hoc">
                 <div className="hoc-banner inner">
-                    <FlexRow className="hoc-banner-header">
+                    <FlexRow className="mod-hoc-banner-header">
                         <h1 className="hoc-banner-header-h1">
                             <FormattedMessage id="hoc-banner.header" />
                         </h1>
@@ -97,7 +97,7 @@ var HocBanner = injectIntl(React.createClass({
                         </a>
                     </FlexRow>
                     <MediaQuery minWidth={frameless.desktop}>
-                        <FlexRow className="hoc-banner-tiles">
+                        <FlexRow className="mod-hoc-banner-tiles">
                             {this.renderTTTTiles()}
                         </FlexRow>
                         <TTTModal
diff --git a/src/views/splash/hoc-banner/hoc-banner.scss b/src/views/splash/hoc-banner/hoc-banner.scss
index f5453cc2f56..2798be457c2 100644
--- a/src/views/splash/hoc-banner/hoc-banner.scss
+++ b/src/views/splash/hoc-banner/hoc-banner.scss
@@ -7,7 +7,8 @@
     background-size: 180px 180px;
 }
 
-.hoc-banner-header {
+.flex-row.mod-hoc-banner-header,
+.flex-row.mod-hoc-banner-tiles {
     justify-content: space-between;
 }
 
@@ -16,10 +17,19 @@
     color: $type-white;
 }
 
-.mod-ttt-try-button:link,
-.mod-ttt-try-button:visited,
-.mod-ttt-try-button:active
-.mod-ttt-try-button:hover {
+.button.mod-ttt-try-button {
+    padding: .75rem 2rem;
+}
+
+.button.mod-ttt-try-button,
+.button.mod-ttt-try-button:hover {
+    box-shadow: none;
+}
+
+.button.mod-ttt-try-button:link,
+.button.mod-ttt-try-button:visited,
+.button.mod-ttt-try-button:active
+.button.mod-ttt-try-button:hover {
     color: $type-white;
 }
 
diff --git a/src/views/splash/l10n.json b/src/views/splash/l10n.json
index a52647e3ac8..58251a55a3d 100644
--- a/src/views/splash/l10n.json
+++ b/src/views/splash/l10n.json
@@ -37,6 +37,7 @@
     "ttt.educatorTitle": "Educator Guide",
     "ttt.educatorSubtitle": "Use this educator guide to plan and lead a one-hour Scratch workshop.",
     "ttt.tryIt": "Try It",
+    "ttt.open": "Open",
     "ttt.download": "Download",
     "ttt.MakeItFlyTitle": "Make It Fly",
     "ttt.MakeItFlyDescription": "Animate the Scratch Cat, The Powerpuff Girls, or even a taco!",