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

View file

@ -59,6 +59,11 @@
"navigation.signOut": "Sign out", "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.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?", "parents.FaqAgeRangeQ": "What is the age range for Scratch?",
"parents.FaqResourcesQ": "What resources are available for learning Scratch?", "parents.FaqResourcesQ": "What resources are available for learning Scratch?",