WIP

en.json

+{
+    "general.accountSettings": "Account settings",
+    "general.about": "About",
+    "general.donate": "Donate",
+    "general.community": "Community",
+    "general.contactUs": "Contact Us",
+    "general.copyright": "Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab",
+    "general.create": "Create",
+    "general.credits": "Credits",
+    "general.discuss": "Discuss",
+    "general.dmca": "DMCA",
+    "general.explore": "Explore",
+    "general.faq": "FAQ",
+    "general.forParents": "For Parents",
+    "general.forEducators": "For Educators",
+    "general.guidelines": "Community Guidelines",
+    "general.help": "Help",
+    "general.jobs": "Jobs",
+    "general.joinScratch": "Join Scratch",
+    "general.legal": "Legal",
+    "general.learnMore": "Learn More",
+    "general.messages": "Messages",
+    "general.myStuff": "My Stuff",
+    "general.offlineEditor": "Offline Editor",
+    "general.profile": "Profile",
+    "general.scratchConference": "Scratch Conference",
+    "general.scratchday": "Scratch Day",
+    "general.scratchEd": "ScratchEd",
+    "general.scratchFoundation": "Scratch Foundation",
+    "general.scratchJr": "ScratchJr",
+    "general.search": "Search",
+    "general.signIn": "Sign in",
+    "general.statistics": "Statistics",
+    "general.support": "Support",
+    "general.tipsWindow": "Tips Window",
+    "general.tipsAnimateYourNameTitle": "Animate Your Name",
+    "general.tipsBearstack": "Bearstack Story",
+    "general.tipsDanceTitle": "Dance, Dance, Dance",
+    "general.tipsGetStarted": "Getting Started",
+    "general.tipsHideAndSeekTitle": "Hide-and-Seek Game",
+    "general.tipsPongGame": "Create a Pong Game",
+    "general.termsOfUse": "Terms of Use",
+    "general.username": "Username",
+    "general.viewAll": "View All",
+    "general.whatsHappening": "What's Happening?",
+    "general.wiki": "Scratch Wiki",
+    "footer.about": "About Scratch",
+    "footer.discuss": "Discussion Forums",
+    "footer.help": "Help Page",
+    "footer.scratchFamily": "Scratch Family",
+    "hoc.activityCards": "Activity Cards",
+    "hoc.activityCardsHeader": "Activity Cards and Guides",
+    "hoc.activityCardsInfo1": "Want tips and ideas for these Hour of Code activities? Use the activity cards to get ideas for creating with Scratch. Facilitator guides can help you plan a group activity.",
+    "hoc.addToStudios": "Add Your Projects to Studios",
+    "hoc.addToStudiosDescription": "These studios include projects created by young people around the world. Take a look at the studios to get inspired - or submit your own projects to the studios!",
+    "hoc.facilitatorGuide": "Facilitator Guide",
+    "hoc.findOutMore": "Find out more",
+    "hoc.helpScratch": "Help with Scratch",
+    "hoc.helpScratchDescription": "You can find tutorials and helpful hints in the <a href=\"/projects/editor/?tip_bar=home\">Tips Window</a>. For more resources, see <a href=\"/help\">Scratch Help</a>",
+    "hoc.moreActivities": "Want More Activities?",
+    "hoc.moreDescription": "Check out these other tutorials. Or remix one of our <a href=\"/starter_projects\">Starter Projects</a>",
+    "hoc.studioAlice": "Alice in Wonderland Studio",
+    "hoc.studioWeBareBears": "We Bare Bears Studio",
+    "hoc.subTitle": "With Scratch, you can program your own stories, games, and animations — and share them online.",
+    "hoc.tipsDescription": "Need help getting started? Looking for ideas?&nbsp; You can find tutorials and helpful hints in the <a href=\"/projects/editor/?tip_bar=home\">Tips Window</a>",
+    "hoc.title": "Get Creative with Coding",
+    "intro.aboutScratch": "ABOUT SCRATCH",
+    "intro.forEducators": "FOR EDUCATORS",
+    "infro.forParents": "FOR PARENTS",
+    "intro.joinScratch": "JOIN SCRATCH",
+    "intro.seeExamples": "SEE EXAMPLES",
+    "intro.tagLine": "Create stories, games, and animations<br /> Share with others around the world",
+    "intro.tryItOut": "TRY IT OUT",
+    "login.forgotPassword": "Forgot Password?",
+    "navigation.signOut": "Sign out",
+    "news.scratchNews": "Scratch News",
+    "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.FaqResourcesQ": "What resources are available for learning Scratch?",
+    "parents.introDescription": "Scratch is a programming language and an online community where children can program and share interactive media such as stories, games, and animation with people from all over the world. As children create with Scratch, they learn to think creatively, work collaboratively, and reason systematically. Scratch is designed and maintained by the Lifelong Kindergarten group at the MIT Media Lab.",
+    "splash.featuredProjects": "Featured Projects",
+    "splash.featuredStudios": "Featured Studios",
+    "splash.projectsCuratedBy": "Projects Curated by",
+    "splash.scratchDesignStudioTitle": "Scratch Design Studio",
+    "splash.visitTheStudio": "Visit the studio",
+    "splash.recentlySharedProjects": "Recently Shared Projects",
+    "splash.projectsByScratchersFollowing": "Projects by Scratchers I'm Following",
+    "splash.projectsLovedByScratchersFollowing": "Projects Loved by Scratchers I'm Following",
+    "splash.projectsInStudiosFollowing": "Projects in Studios I'm Following",
+    "splash.communityRemixing": "What the Community is Remixing",
+    "splash.communityLoving": "What the Community is Loving",
+    "welcome.welcomeToScratch": "Welcome to Scratch!",
+    "welcome.learn": "Learn how to make a project in Scratch",
+    "welcome.tryOut": "Try out starter projects",
+    "welcome.connect": "Connect with other Scratchers"
+}

server/routes.json

@@ -23,5 +23,10 @@
         "pattern": "/info/credits",
         "view": "credits",
         "title": "Credits"
+    },
+    {
+        "pattern": "/jobs",
+        "view": "jobs",
+        "title": "Jobs"
     }
 ]

src/views/jobs/jobs.jsx

+var React = require('react');
+var render = require('../../lib/render.jsx');
+var FormattedMessage = require('react-intl').FormattedMessage;
+
+require('./jobs.scss');
+
+var Jobs = React.createClass({
+    type: 'Jobs',
+    render: function () {
+        return (
+            <div>
+                <div className="top">
+                    <div className="inner">
+                        <img src="/images/jobs.png" />
+                        <h1><FormattedMessage id='jobs.titleQuestion' /></h1>
+                    </div>
+                </div>
+
+                <div className="middle">
+                    <div className="inner">
+                        <h2><FormattedMessage id='jobs.joinScratchTeam' /></h2>
+                        <p><FormattedMessage id='jobs.info' /></p>
+                        <p><FormattedMessage id='jobs.workEnvironment' /></p>
+                    </div>
+                </div>
+
+                <div className="bottom">
+                    <div className="inner">
+                        <h2><FormattedMessage id='jobs.openings' /></h2>
+                        <p>
+                            <a href="/jobs/learning-developer">
+                                <FormattedMessage id='jobs.learningDeveloper' />
+                            </a>
+                            <i> (MIT Media Lab, Cambridge, MA)</i>
+                        </p>
+                        <p>
+                            <a href="/jobs/moderator">
+                                <FormattedMessage id='jobs.moderator' />
+                            </a>
+                            <i> (MIT Media Lab, Cambrige, MA or Remote)</i>
+                        </p>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+});
+
+render(<Jobs />, document.getElementById('view'));

src/views/jobs/jobs.scss

+@import "../../colors";
+
+#view {
+    // background-color: $ui-white;
+
+    h1 {
+        font-size: 2.3rem;
+        font-weight: 300;
+        line-height: 2.6rem;
+    }
+
+    h2 {
+        font-size: 1.8rem;
+        font-weight: 300;
+    }
+
+    .top {
+        img {
+            margin-bottom: 10px;
+        }
+    }
+
+    .middle {
+        background-color: $ui-gray;
+        width: 100%;
+        padding: 40px 0;
+        margin: 20px 0;
+    }
+
+    .bottom {
+        width: 100%;
+        line-height: 200%;
+        .thin-heading {
+            padding: 20px 0;
+        }
+        p {
+            margin: auto;
+            width: 70%;
+        }
+    }
+}

src/views/jobs/l10n.json

+{
+    "jobs.info": "With Scratch, young people from all backgrounds are learning to program their own interactive stories, games, and animations. Children and teens from around the world have created and shared more than 5 million projects in the rapidly-growing Scratch online community.",
+    "jobs.joinScratchTeam": "Join the Scratch Team!",
+    "jobs.learningDeveloper": "Learning Resource Developer",
+    "jobs.moderator":"Community Moderator",
+    "jobs.openings": "Current Job Openings",
+    "jobs.titleQuestion": "Want to work on an innovative project that is transforming the ways young people create, share, and learn?",
+    "jobs.workEnvironment":"We’re seeking curious and motivated people to join our Scratch Team at the MIT Media Lab. We're a diverse group of educators, designers, and developers, who work together in a playful, creative environment full of LEGO bricks, craft materials, and maker tools. We strongly value diversity, collaboration, and respect in the workplace."
+}