scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 01:25:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Beginnings of new educator page

Browse source
This commit is contained in:
picklesrus 2018-12-11 15:02:43 -05:00
parent 9d5788cc77
commit 8a8a564996
3 changed files with 106 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/views/teachers/landing/l10n.json
View file

@ -1,21 +1,28 @@
{ {
"teacherlanding.title": "Scratch for Educators", "teacherlanding.title": "Scratch for Educators",
"teacherlanding.intro": "Your students can use Scratch to code their own interactive stories, animations, and games. In the process, they learn to think creatively, reason systematically, and work collaboratively — essential skills for everyone in today’s society.", "teacherlanding.intro": "Your students can use Scratch to code their own interactive stories, animations, and games. In the process, they learn to think creatively, reason systematically, and work collaboratively  -- essential skills for everyone in today’s society. Educators are integrating Scratch across many different subject areas and age groups.",
"teacherlanding.resourcesAnchor": "Resources", "teacherlanding.resourcesAnchor": "Resources",
"teacherlanding.inPracticeTitle": "Who Uses Scratch?", "teacherlanding.connectAnchor": "Connect",
"teacherlanding.inPracticeIntro": "Educators are using Scratch in a wide variety of: ", "teacherlanding.newsAnchor": "News",
"teacherlanding.generalUsageSettings": "<b>Settings:</b> schools, museums, libraries, community centers", "teacherlanding.teacherAccountsAnchor": "Teacher Accounts",
"teacherlanding.generalUsageGradeLevels": "<b>Grade Levels:</b> elementary, middle, and high school (and some colleges too!)", "teacherlanding.educatorResources": "Resources for Educators",
"teacherlanding.generalUsageSubjectAreas": "<b>Subject Areas:</b> language arts, science, social studies, math, computer science, foreign languages, and the arts", "teacherlanding.educatorGuides": "Educator Guides show you how to prepare and run Scratch classes and workshops.",
"teacherlanding.scratchEdTitle": "A Community for Educators", "teacherlanding.creativeComputing": "Creative Computing from the ScratchEd team provides plans, activities, and strategies for introducing creative computing.",
"teacherlanding.scratchEdDescription": "<a href=\"http://scratched.gse.harvard.edu/\">ScratchEd</a> is an online community where Scratch educators <a href=\"http://scratched.gse.harvard.edu/stories\">share stories</a>, exchange resources, ask questions, and find people. ScratchEd is developed and supported by the Harvard Graduate School of Education.", "teacherlanding.studentResources" : "Resources for Students",
"teacherlanding.meetupTitle": "In-Person Gatherings", "teacherlanding.tutorialResources": " Explore Scratch Tutorials to find out how you can create stories, animations, games, and more!",
"teacherlanding.meetupDescription": "<a href=\"http://www.meetup.com/pro/scratched/\">Scratch Educator Meetups</a> are gatherings of Scratch Educators who want to learn with and from each other, sharing their ideas and strategies for supporting computational creativity in all its forms.", "teacherlanding.codingCardResources": "Download and print Coding Cards for step-by-step instructions for a variety of projects.",
"teacherlanding.guidesTitle": "Guides & Tutorials", "teacherlanding.ideasResources" : "Visit the Ideas Page for additional resources from the Scratch Team",
"teacherlanding.tttPage": "The <a href=\"/tips\">Tips page</a> offers a variety of tutorials, activity cards, and educator guides.", "teacherlanding.connectingWithEducators" : "Connect with Other Educators",
"teacherlanding.tipsWindow" : "The <a href=\"/projects/editor/?tip_bar=home\">Tips Window</a> provides help for creating projects in Scratch.", "teacherlanding.teachingWithScratch" : "Join the Teaching with Scratch Facebook group to share ideas, questions, and resources related to teaching with Scratch.",
"teacherlanding.creativeComputing": "The <a href=\"http://scratched.gse.harvard.edu/guide/\">Creative Computing Curriculum Guide</a> provides plans, activities, and strategies for introducing creative computing.", "teacherlanding.attendMeetups" : "Attend ScratchEd Educator Meetups to share ideas and strategies with other educators for supporting computational creativity in all its forms.",
"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.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.accountsTitle": "Teacher Accounts in Scratch", "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.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" "teacherlanding.requestAccount": "Request Account"
} }

128
src/views/teachers/landing/landing.jsx
View file

@ -26,26 +26,31 @@ const Landing = () => (
<iframe <iframe
allowFullScreen allowFullScreen
frameBorder="0" frameBorder="0"
src="https://www.youtube.com/embed/uPSuG063jhA?border=0&wmode=transparent" src="https://scratch.wistia.com/medias/h8hay3nnt4"
/> />
</div> </div>
</FlexRow> </FlexRow>
</div> </div>
<div className="band"> <div className="band">
<SubNavigation className="inner"> <SubNavigation className="inner">
<a href="#in-practice">
<li>
<FormattedMessage id="teacherlanding.inPracticeTitle" />
</li>
</a>
<a href="#resources"> <a href="#resources">
<li> <li>
<FormattedMessage id="teacherlanding.resourcesAnchor" /> <FormattedMessage id="teacherlanding.resourcesAnchor" />
</li> </li>
</a> </a>
<a href="#connect">
<li>
<FormattedMessage id="teacherlanding.connectAnchor" />
</li>
</a>
<a href="#news">
<li>
<FormattedMessage id="teacherlanding.newsAnchor" />
</li>
</a>
<a href="#teacher-accounts"> <a href="#teacher-accounts">
<li> <li>
<FormattedMessage id="general.teacherAccounts" /> <FormattedMessage id="teacherlanding.teacherAccountsAnchor" />
</li> </li>
</a> </a>
</SubNavigation> </SubNavigation>
@ -53,76 +58,101 @@ const Landing = () => (
</TitleBanner> </TitleBanner>
<div className="inner"> <div className="inner">
<section id="in-practice">
<span className="nav-spacer" />
<h2>
<FormattedMessage id="teacherlanding.inPracticeTitle" />
</h2>
<p className="intro">
<FormattedMessage id="teacherlanding.inPracticeIntro" />
</p>
<FlexRow className="general-usage">
<p><FormattedHTMLMessage id="teacherlanding.generalUsageSettings" /></p>
<p><FormattedHTMLMessage id="teacherlanding.generalUsageGradeLevels" /></p>
<p><FormattedHTMLMessage id="teacherlanding.generalUsageSubjectAreas" /></p>
</FlexRow>
</section>
<section id="resources"> <section id="resources">
<span className="nav-spacer" /> <span className="nav-spacer" />
<h2><FormattedMessage id="general.resourcesTitle" /></h2> <h2><FormattedMessage id="teacherlanding.educatorResources" /></h2>
<FlexRow className="educator-community"> <FlexRow className="educator-community">
<div> <div>
<h3>
<FormattedMessage id="teacherlanding.scratchEdTitle" />
</h3>
<p> <p>
<FormattedHTMLMessage id="teacherlanding.scratchEdDescription" /> <FormattedHTMLMessage id="teacherlanding.educatorGuides" />
</p> </p>
</div> </div>
<div> <div>
<h3>
<FormattedMessage id="teacherlanding.meetupTitle" />
</h3>
<p> <p>
<FormattedHTMLMessage id="teacherlanding.meetupDescription" /> <FormattedHTMLMessage id="teacherlanding.creativeComputing" />
</p> </p>
</div> </div>
</FlexRow> </FlexRow>
<h3 id="guides-header"> <span className="nav-spacer" />
<FormattedMessage id="teacherlanding.guidesTitle" /> <h2><FormattedMessage id="teacherlanding.studentResources" /></h2>
</h3>
<FlexRow className="guides-and-tutorials"> <FlexRow className="guides-and-tutorials">
<div> <div>
<a href="/tips"> <a href="/projects/editor/?tutorial=all">
<img
alt="tips window icon"
src="/svgs/teachers/scratch-tutorials-icons.svg"
/>
</a>
<p>
<FormattedHTMLMessage id="teacherlanding.tutorialResources" />
</p>
</div>
<div>
<a href="/www/cards/en/ScratchCardsAll.pdf">
<img <img
alt="cards icon" alt="cards icon"
src="/svgs/teachers/v2-cards.svg" src="/svgs/teachers/v2-cards.svg"
/> />
</a> </a>
<p> <p>
<FormattedHTMLMessage id="teacherlanding.tttPage" /> <FormattedHTMLMessage id="teacherlanding.codingCardResources" />
</p> </p>
</div> </div>
<div> <div>
<a href="/projects/editor/?tip_bar=home"> <a href="/ideas">
<img
alt="tips window icon"
src="/svgs/teachers/tips-window.svg"
/>
</a>
<p>
<FormattedHTMLMessage id="teacherlanding.tipsWindow" />
</p>
</div>
<div>
<a href="http://scratched.gse.harconstd.edu/guide/">
<img <img
alt="creative computing icon" alt="creative computing icon"
src="/svgs/teachers/creative-computing.svg" src="/svgs/teachers/ideas-page-icon.svg"
/> />
</a> </a>
<p> <p>
<FormattedHTMLMessage id="teacherlanding.creativeComputing" /> <FormattedHTMLMessage id="teacherlanding.ideasResources" />
</p>
</div>
</FlexRow>
</section>
<section id="connect">
<span className="nav-spacer" />
<h2><FormattedMessage id="teacherlanding.connectingWithEducators" /></h2>
<FlexRow className="educator-community">
<div>
<p>
<FormattedHTMLMessage id="teacherlanding.teachingWithScratch" />
</p>
</div>
<div>
<p>
<FormattedHTMLMessage id="teacherlanding.attendMeetups" />
</p>
</div>
</FlexRow>
<span className="nav-spacer" />
<h2><FormattedMessage id="teacherlanding.moreGetStarted" /></h2>
<FlexRow className="educator-community">
<div>
<p>
<FormattedHTMLMessage id="teacherlanding.csFirst" />
</p>
</div>
<div>
<p>
<FormattedHTMLMessage id="teacherlanding.codeClub" />
</p>
</div>
</FlexRow>
<span className="nav-spacer" />
</section>
<section id="news">
<h2><FormattedMessage id="teacherlanding.newsAndUpdates" /></h2>
<FlexRow className="educator-community">
<div>
<p>
<FormattedHTMLMessage id="teacherlanding.followUs" />
</p>
</div>
<div>
<p>
<FormattedHTMLMessage id="teacherlanding.signupTips" />
</p> </p>
</div> </div>
</FlexRow> </FlexRow>

7
src/views/teachers/landing/landing.scss
View file

@ -121,13 +121,18 @@ $story-width: $cols3;
} }
#in-practice, #in-practice,
#resources { #resources,
#news,
#connect {
.nav-spacer { .nav-spacer {
display: block; display: block;
visibility: hidden; visibility: hidden;
margin-top: -50px; // height of nav bar margin-top: -50px; // height of nav bar
height: 50px; height: 50px;
} }
h2 {
text-align: center;
}
} }