From f2561fbc032a5d87624355916f0b656805818e20 Mon Sep 17 00:00:00 2001 From: Andrew Sliwinski Date: Wed, 18 Nov 2015 19:57:07 -0500 Subject: [PATCH 1/5] Migrate about view. Resolves GH-63 --- en.json | 26 ++++++++++- src/views/about/about.jsx | 91 +++++++++++++++++++++++++++++++++++++- src/views/about/about.scss | 70 ++++++++++++++++++++++++++++- 3 files changed, 183 insertions(+), 4 deletions(-) diff --git a/en.json b/en.json index 19dd560e5..c2b52f9ff 100644 --- a/en.json +++ b/en.json @@ -1,4 +1,28 @@ { + "about.title": "About Scratch", + "about.intro": "

With Scratch, you can program your own interactive stories, games, and animations — and share your creations with others in the online community.

Scratch helps young people learn to think creatively, reason systematically, and work collaboratively — essential skills for life in the 21st century.

Scratch is a project of the Lifelong Kindergarten Group at the MIT Media Lab. It is provided free of charge.

", + "about.introParents": "Info for parents", + "about.introEducators": "Info for educators", + "about.whoUsesScratch": "Who Uses Scratch?", + "about.whoUsesScratchDescription": "Scratch is designed especially for ages 8 to 16, but is used by people of all ages. Millions of people are creating Scratch projects in a wide variety of settings, including homes, schools, museums, libraries, and community centers.", + "about.aroundTheWorld": "Around the World", + "about.aroundTheWorldDescription": "Scratch is used in more than 150 different countries and available in more than 40 languages. To change languages, click the menu at the bottom of the page. Or, in the Project Editor, click the globe at the top of the page. To add or improve a translation, see the translation page.", + "about.quotes": "Quotes", + "about.quotesDescription": "The Scratch Team has received many emails from youth, parents, and educators expressing thanks for Scratch. Want to see what people are saying? You can read a collection of the quotes we've received.", + "about.learnMore": "Learn More About Scratch", + "about.learnMoreHelp": "Scratch Help Page", + "about.learnMoreFaq": "Frequently Asked Questions", + "about.learnMoreParents": "Information for Parents", + "about.learnMoreCredits": "Scratch Credits", + "about.literacy": "Learn to Code, Code to Learn", + "about.literacyDescription": "The ability to code computer programs is an important part of literacy in today’s society. When people learn to code in Scratch, they learn important strategies for solving problems, designing projects, and communicating ideas.", + "about.schools": "Scratch in Schools", + "about.schoolsDescription": "Students are learning with Scratch at all levels (from elementary school to college) and across disciplines (such as math, computer science, language arts, social studies). Educators share stories, exchange resources, ask questions, and find people on the ScratchEd website.", + "about.research": "Research", + "about.researchDescription": "The MIT Scratch Team and collaborators are researching how people use and learn with Scratch (for an introduction, see Scratch: Programming for All). Find out more about Scratch research and statistics about Scratch.", + "about.support": "Support and Funding", + "about.supportDescription": "The Scratch project, initiated in 2003, has received generous support from the National Science Foundation (grants 0325828, 1002713, 1027848, 1019396), Intel Foundation, Microsoft, MacArthur Foundation, LEGO Foundation, Code-to-Learn Foundation, Google, Dell, Fastly, Inversoft, and MIT Media Lab research consortia. If you'd like to support Scratch, please see our donate page, or contact us at donate@scratch.mit.edu.", + "general.accountSettings": "Account settings", "general.about": "About", "general.donate": "Donate", @@ -93,4 +117,4 @@ "welcome.learn": "Learn how to make a project in Scratch", "welcome.tryOut": "Try out starter projects", "welcome.connect": "Connect with other Scratchers" -} \ No newline at end of file +} diff --git a/src/views/about/about.jsx b/src/views/about/about.jsx index 36c1e5e74..4dbc15b90 100644 --- a/src/views/about/about.jsx +++ b/src/views/about/about.jsx @@ -1,4 +1,6 @@ var React = require('react'); +var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage; +var FormattedMessage = require('react-intl').FormattedMessage; var render = require('../../lib/render.jsx'); require('./about.scss'); @@ -7,8 +9,93 @@ var About = React.createClass({ type: 'About', render: function () { return ( -
-

I am the about page!

+
+

+ +
+
+ +
    +
  • + +
    • +
  • + +
    • +
+
+ +
+