Localize banner

This commit is contained in:
Ray Schamp 2016-05-24 17:30:48 -04:00
parent a0a30155af
commit d1f675374b
2 changed files with 20 additions and 5 deletions

View file

@ -1,4 +1,5 @@
var classNames = require('classnames');
var FormattedMessage = require('react-intl').FormattedMessage;
var React = require('react');
var TitleBanner = require('../title-banner/title-banner.jsx');
@ -21,14 +22,23 @@ var CNBanner = React.createClass({
<TitleBanner className={classes}>
<FlexRow className="inner">
<div className="cta">
<h1>Make It Fly</h1>
<h1>
<FormattedMessage id='cnbanner.makeItFly' />
</h1>
<p>
With Scratch, you can program anything to fly. Animate the Scratch Cat, a cartoon character,
or even a taco!
<FormattedMessage id='cnbanner.flyDescription' />
</p>
<div className="button-row">
<a><Button>See examples</Button></a>
<a><Button>Make your own</Button></a>
<a>
<Button>
<FormattedMessage id='cnbanner.seeExamples' />
</Button>
</a>
<a>
<Button>
<FormattedMessage id='cnbanner.makeYourOwn' />
</Button>
</a>
</div>
</div>
<div className="flying">

View file

@ -58,6 +58,11 @@
"login.forgotPassword": "Forgot Password?",
"navigation.signOut": "Sign out",
"cnbanner.makeItFly": "Make It Fly",
"cnbanner.seeExamples": "See examples",
"cnbanner.makeYourOwn": "Make your own",
"cnbanner.flyDescription": "With Scratch, you can program anything to fly. Animate the Scratch Cat, a cartoon character, or even a taco!",
"parents.FaqAgeRangeA": "While Scratch is primarily designed for 8 to 16 year olds, it is also used by people of all ages, including younger children with their parents.",
"parents.FaqAgeRangeQ": "What is the age range for Scratch?",