more links

This commit is contained in:
picklesrus 2018-12-11 16:53:43 -05:00
parent 4716cb3b32
commit 0a39123a3b
3 changed files with 32 additions and 7 deletions

View file

@ -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" : "Googles 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.",

View file

@ -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>

View file

@ -50,7 +50,7 @@ $story-width: $cols3;
}
}
.ted-talk {
.video-player {
position: relative;
margin-bottom: $gutter;
border: 2px solid $ui-border;