From 0a39123a3b696be6136d0717134d870acf11342e Mon Sep 17 00:00:00 2001
From: picklesrus <picklesrus@users.noreply.github.com>
Date: Tue, 11 Dec 2018 16:53:43 -0500
Subject: [PATCH] more links

---
 src/views/teachers/landing/l10n.json    |  6 +++--
 src/views/teachers/landing/landing.jsx  | 31 +++++++++++++++++++++----
 src/views/teachers/landing/landing.scss |  2 +-
 3 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/views/teachers/landing/l10n.json b/src/views/teachers/landing/l10n.json
index f246d466b..8c86229dc 100644
--- a/src/views/teachers/landing/l10n.json
+++ b/src/views/teachers/landing/l10n.json
@@ -18,8 +18,10 @@
     "teacherlanding.ideasResources" : "Visit the {ideasPageLink} for additional resources from the Scratch Team",
     "teacherlanding.ideasLink" : "Ideas Page",
     "teacherlanding.connectingWithEducators" : "Connect with Other Educators",
-    "teacherlanding.teachingWithScratch" : "Join the Teaching with Scratch Facebook group to share ideas, questions, and resources related to teaching with Scratch.",
-    "teacherlanding.attendMeetups" : "Attend ScratchEd Educator Meetups to share ideas and strategies with other educators for supporting computational creativity in all its forms.",
+    "teacherlanding.teachingWithScratch" : "Join the {teachingWithScratchLink} Facebook group to share ideas, questions, and resources related to teaching with Scratch.",
+    "teacherlanding.teachingWithScratchLink" : "Teaching with Scratch",
+    "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.",
diff --git a/src/views/teachers/landing/landing.jsx b/src/views/teachers/landing/landing.jsx
index b63315bca..a83587a7b 100644
--- a/src/views/teachers/landing/landing.jsx
+++ b/src/views/teachers/landing/landing.jsx
@@ -22,11 +22,16 @@ const Landing = () => (
                     <p className="title-banner-p intro">
                         <FormattedMessage id="teacherlanding.intro" />
                     </p>
-                    <div className="ted-talk">
+                    <div className="video-player">
                         <iframe
                             allowFullScreen
+                            allowTransparency="true"
                             frameBorder="0"
-                            src="https://scratch.wistia.com/medias/h8hay3nnt4"
+                            height="180"
+                            scrolling="no"
+                            src={`https://fast.wistia.net/embed/iframe/h8hay3nnt4?seo=false&videoFoam=true`}
+                            title=""
+                            width="320"
                         />
                     </div>
                 </FlexRow>
@@ -164,12 +169,30 @@ const Landing = () => (
                 <FlexRow className="educator-community">
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.teachingWithScratch" />
+                            <FormattedMessage
+                                id="teacherlanding.teachingWithScratch"
+                                values={{
+                                    teachingWithScratchLink: (
+                                        <a href="https://www.facebook.com/groups/TeachingwithScratch/">
+                                            <FormattedMessage id="teacherlanding.teachingWithScratchLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                     <div>
                         <p>
-                            <FormattedHTMLMessage id="teacherlanding.attendMeetups" />
+                            <FormattedMessage
+                                id="teacherlanding.attendMeetups"
+                                values={{
+                                    meetupLink: (
+                                        <a href="https://www.meetup.com/pro/scratched/">
+                                            <FormattedMessage id="teacherlanding.meetupLink" />
+                                        </a>
+                                    )
+                                }}
+                            />
                         </p>
                     </div>
                 </FlexRow>
diff --git a/src/views/teachers/landing/landing.scss b/src/views/teachers/landing/landing.scss
index 1f22f9914..97b5c1332 100644
--- a/src/views/teachers/landing/landing.scss
+++ b/src/views/teachers/landing/landing.scss
@@ -50,7 +50,7 @@ $story-width: $cols3;
                 }
             }
 
-            .ted-talk {
+            .video-player {
                 position: relative;
                 margin-bottom: $gutter;
                 border: 2px solid $ui-border;