mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 01:25:52 -05:00
Beginnings of new educator page
This commit is contained in:
picklesrus
parent
9d5788cc77
commit
8a8a564996
3 changed files with 106 additions and 64 deletions
|
|
@ -1,21 +1,28 @@
|
|||
{
|
||||
"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.inPracticeTitle": "Who Uses Scratch?",
|
||||
"teacherlanding.inPracticeIntro": "Educators are using Scratch in a wide variety of: ",
|
||||
"teacherlanding.generalUsageSettings": "<b>Settings:</b> schools, museums, libraries, community centers",
|
||||
"teacherlanding.generalUsageGradeLevels": "<b>Grade Levels:</b> elementary, middle, and high school (and some colleges too!)",
|
||||
"teacherlanding.generalUsageSubjectAreas": "<b>Subject Areas:</b> language arts, science, social studies, math, computer science, foreign languages, and the arts",
|
||||
"teacherlanding.scratchEdTitle": "A Community for Educators",
|
||||
"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.meetupTitle": "In-Person Gatherings",
|
||||
"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.guidesTitle": "Guides & Tutorials",
|
||||
"teacherlanding.tttPage": "The <a href=\"/tips\">Tips page</a> offers a variety of tutorials, activity cards, and educator guides.",
|
||||
"teacherlanding.tipsWindow" : "The <a href=\"/projects/editor/?tip_bar=home\">Tips Window</a> provides help for creating projects in 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.connectAnchor": "Connect",
|
||||
"teacherlanding.newsAnchor": "News",
|
||||
"teacherlanding.teacherAccountsAnchor": "Teacher Accounts",
|
||||
"teacherlanding.educatorResources": "Resources for Educators",
|
||||
"teacherlanding.educatorGuides": "Educator Guides show you how to prepare and run Scratch classes and workshops.",
|
||||
"teacherlanding.creativeComputing": "Creative Computing from the ScratchEd team provides plans, activities, and strategies for introducing creative computing.",
|
||||
"teacherlanding.studentResources" : "Resources for Students",
|
||||
"teacherlanding.tutorialResources": " Explore Scratch Tutorials to find out how you can create stories, animations, games, and more!",
|
||||
"teacherlanding.codingCardResources": "Download and print Coding Cards for step-by-step instructions for a variety of projects.",
|
||||
"teacherlanding.ideasResources" : "Visit the Ideas Page for additional resources from the Scratch Team",
|
||||
"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.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.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"
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,26 +26,31 @@ const Landing = () => (
|
|||
<iframe
|
||||
allowFullScreen
|
||||
frameBorder="0"
|
||||
src="https://www.youtube.com/embed/uPSuG063jhA?border=0&wmode=transparent"
|
||||
src="https://scratch.wistia.com/medias/h8hay3nnt4"
|
||||
/>
|
||||
</div>
|
||||
</FlexRow>
|
||||
</div>
|
||||
<div className="band">
|
||||
<SubNavigation className="inner">
|
||||
<a href="#in-practice">
|
||||
<li>
|
||||
<FormattedMessage id="teacherlanding.inPracticeTitle" />
|
||||
</li>
|
||||
</a>
|
||||
<a href="#resources">
|
||||
<li>
|
||||
<FormattedMessage id="teacherlanding.resourcesAnchor" />
|
||||
</li>
|
||||
</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">
|
||||
<li>
|
||||
<FormattedMessage id="general.teacherAccounts" />
|
||||
<FormattedMessage id="teacherlanding.teacherAccountsAnchor" />
|
||||
</li>
|
||||
</a>
|
||||
</SubNavigation>
|
||||
|
|
@ -53,76 +58,101 @@ const Landing = () => (
|
|||
</TitleBanner>
|
||||
|
||||
<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">
|
||||
<span className="nav-spacer" />
|
||||
<h2><FormattedMessage id="general.resourcesTitle" /></h2>
|
||||
<h2><FormattedMessage id="teacherlanding.educatorResources" /></h2>
|
||||
<FlexRow className="educator-community">
|
||||
<div>
|
||||
<h3>
|
||||
<FormattedMessage id="teacherlanding.scratchEdTitle" />
|
||||
</h3>
|
||||
<p>
|
||||
<FormattedHTMLMessage id="teacherlanding.scratchEdDescription" />
|
||||
<FormattedHTMLMessage id="teacherlanding.educatorGuides" />
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3>
|
||||
<FormattedMessage id="teacherlanding.meetupTitle" />
|
||||
</h3>
|
||||
<p>
|
||||
<FormattedHTMLMessage id="teacherlanding.meetupDescription" />
|
||||
<FormattedHTMLMessage id="teacherlanding.creativeComputing" />
|
||||
</p>
|
||||
</div>
|
||||
</FlexRow>
|
||||
<h3 id="guides-header">
|
||||
<FormattedMessage id="teacherlanding.guidesTitle" />
|
||||
</h3>
|
||||
<span className="nav-spacer" />
|
||||
<h2><FormattedMessage id="teacherlanding.studentResources" /></h2>
|
||||
<FlexRow className="guides-and-tutorials">
|
||||
<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
|
||||
alt="cards icon"
|
||||
src="/svgs/teachers/v2-cards.svg"
|
||||
/>
|
||||
</a>
|
||||
<p>
|
||||
<FormattedHTMLMessage id="teacherlanding.tttPage" />
|
||||
<FormattedHTMLMessage id="teacherlanding.codingCardResources" />
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<a href="/projects/editor/?tip_bar=home">
|
||||
<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/">
|
||||
<a href="/ideas">
|
||||
<img
|
||||
alt="creative computing icon"
|
||||
src="/svgs/teachers/creative-computing.svg"
|
||||
src="/svgs/teachers/ideas-page-icon.svg"
|
||||
/>
|
||||
</a>
|
||||
<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>
|
||||
</div>
|
||||
</FlexRow>
|
||||
|
|
|
|||
|
|
@ -121,13 +121,18 @@ $story-width: $cols3;
|
|||
}
|
||||
|
||||
#in-practice,
|
||||
#resources {
|
||||
#resources,
|
||||
#news,
|
||||
#connect {
|
||||
.nav-spacer {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
margin-top: -50px; // height of nav bar
|
||||
height: 50px;
|
||||
}
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue