Add “open” string to l10n.json

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

@@ -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

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;
 }
 

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!",