add more links

src/views/teachers/landing/l10n.json

@@ -23,11 +23,17 @@
     "teacherlanding.attendMeetups" : "Attend {meetupLink} to share ideas and strategies with other educators for supporting computational creativity in all its forms.",
     "teacherlanding.meetupLink" : "ScratchEd Educator Meetups",
     "teacherlanding.moreGetStarted" : "More Ways to Get Started",
-    "teacherlanding.csFirst" : "Google’s free curriculum, CS First, has been used by students and educators worldwide. Over 1,000 instructional videos and lesson plans introduce students to Scratch.",
-    "teacherlanding.codeClub" : "Visit Code Club to access more than 30 free project modules to engage students in learning to make interactive stories, games, and animations.",
+    "teacherlanding.csFirst" : "Google’s free curriculum, {csFirstLink}, has been used by students and educators worldwide. Over 1,000 instructional videos and lesson plans introduce students to Scratch.",
+    "teacherlanding.csFirstLink" : "CS First",
+    "teacherlanding.codeClub" : "Visit {codeClubLink} to access more than 30 free project modules to engage students in learning to make interactive stories, games, and animations.",
+    "teacherlanding.codeClubLink" : "Code Club",
     "teacherlanding.newsAndUpdates" : "News and Updates",
-    "teacherlanding.followUs" : "Follow us on Facebook, Twitter, and Instagram!",
-    "teacherlanding.signupTips" : "Sign up to receive updates and tips from the Scratch Team",
+    "teacherlanding.followUs" : "Follow us on {facebookLink}, {twitterLink}, and {instagramLink}!",
+    "teacherlanding.facebookLink" : "Facebook",
+    "teacherlanding.twitterLink" : "Twitter",
+    "teacherlanding.instagramLink": "Instagram",
+    "teacherlanding.signupTips" : "Sign up to receive {signupTipsLink} from the Scratch Team",
+    "teacherlanding.signupTipsLink" : "updates and tips",
     "teacherlanding.accountsTitle": "Teacher Accounts in Scratch",
     "teacherlanding.accountsDescription": "As an educator, you can request a Scratch Teacher Account, which makes it easier to create accounts for groups of students and to manage your students’ projects and comments. To learn more, see the <a href=\"/educators/faq\">Teacher Account FAQ page</a>.",
     "teacherlanding.requestAccount": "Request Account"

src/views/teachers/landing/landing.jsx

@@ -203,12 +203,30 @@ const Landing = () => (
                 <FlexRow className="educator-community">
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.csFirst" />
+                            <FormattedMessage
+                                id="teacherlanding.csFirst"
+                                values={{
+                                    csFirstLink: (
+                                        <a href="http://g.co/csfirst">
+                                            <FormattedMessage id="teacherlanding.csFirstLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.codeClub" />
+                            <FormattedMessage
+                                id="teacherlanding.codeClub"
+                                values={{
+                                    codeClubLink: (
+                                        <a href="https://codeclubprojects.org/en-GB/scratch/">
+                                            <FormattedMessage id="teacherlanding.codeClubLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                 </FlexRow>
@@ -219,12 +237,40 @@ const Landing = () => (
                 <FlexRow className="educator-community">
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.followUs" />
+                            <FormattedMessage
+                                id="teacherlanding.followUs"
+                                values={{
+                                    facebookLink: (
+                                        <a href="https://www.facebook.com/scratchteam/">
+                                            <FormattedMessage id="teacherlanding.facebookLink" />
+                                        </a>
+                                    ),
+                                    twitterLink: (
+                                        <a href="https://twitter.com/scratch">
+                                            <FormattedMessage id="teacherlanding.twitterLink" />
+                                        </a>
+                                    ),
+                                    instagramLink: (
+                                        <a href="https://www.instagram.com/mitscratchteam/">
+                                            <FormattedMessage id="teacherlanding.instagramLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.signupTips" />
+                            <FormattedMessage
+                                id="teacherlanding.signupTips"
+                                values={{
+                                    signupTipsLink: (
+                                        <a href="http://eepurl.com/cws7_f ">
+                                            <FormattedMessage id="teacherlanding.signupTipsLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                 </FlexRow>