fix: update about page copy and image

src/views/about/about.jsx

@@ -5,10 +5,12 @@ const render = require('../../lib/render.jsx');
 const Button = require('../../components/forms/button.jsx');
 const Page = require('../../components/page/www/page.jsx');
 const Video = require('../../components/video/video.jsx');
+const injectIntl = require('react-intl').injectIntl;
 
 require('./about.scss');
 
-const About = () => (
+const tedLink = chunks => <a href="https://www.ted.com/talks/mitch_resnick_let_s_teach_kids_to_code">{chunks}</a>;
+const About = injectIntl(({intl}) => (
     <div className="inner about">
         <h1><FormattedMessage id="general.aboutScratch" /></h1>
 
@@ -58,11 +60,20 @@ const About = () => (
                     <h2><FormattedMessage id="about.literacy" /></h2>
                     <a href="https://www.ted.com/talks/mitch_resnick_let_s_teach_kids_to_code">
                         <img
-                            alt="Mitch Resnick giving a TED Talk"
+                            alt={intl.formatMessage(
+                                {id: 'about.literacyImageDescription'}
+                            )}
                             src="/images/about/ted-thumbnail.jpg"
                         />
                     </a>
-                    <p><FormattedMessage id="about.literacyDescription" /></p>
+                    <p>
+                        <FormattedMessage
+                            id="about.literacyDescription"
+                            values={{
+                                a: tedLink
+                            }}
+                        />
+                    </p>
                 </li>
 
                 <li>
@@ -240,6 +251,6 @@ const About = () => (
             </ul>
         </div>
     </div>
-);
+));
 
 render(<Page><About /></Page>, document.getElementById('app'));

src/views/about/l10n.json

@@ -19,7 +19,8 @@
     "about.learnMoreEducators": "Information for Educators",
     "about.learnMoreAnnualReport": "Annual Report",
     "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.literacyImageDescription": "An image of Mitch Resnick giving a TED talk titled \"Let's Teach Kids to Code.\" A play button is in the center of the image.",
+    "about.literacyDescription": "In this <a>TED talk</a>, Scratch founder Mitch Resnick describes why 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). Educator resources are available on the {scratchForEducatorsLink} page.",
     "about.scratchForEducatorsLinkText": "Scratch For Educators",