mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-23 15:47:53 -05:00
some content changes
This commit is contained in:
caseymm
parent
743ccb0428
commit
4277aa5db0
2 changed files with 40 additions and 279 deletions
|
|
@ -94,7 +94,7 @@ class AnnualReport extends React.Component {
|
|||
this.subnavRef = null;
|
||||
|
||||
this.state = {
|
||||
currentlyVisible: SECTIONS.message, // The currently visible section
|
||||
currentlyVisible: SECTIONS.founders_message, // The currently visible section
|
||||
dropdownVisible: false
|
||||
};
|
||||
|
||||
|
|
@ -296,7 +296,7 @@ class AnnualReport extends React.Component {
|
|||
<div className="annual-report-content">
|
||||
<div
|
||||
className="message-section"
|
||||
ref={this.setRef(SECTIONS.message)}
|
||||
ref={this.setRef(SECTIONS.founders_message)}
|
||||
>
|
||||
<FlexRow className="masthead">
|
||||
<div className="masthead-content">
|
||||
|
|
@ -322,33 +322,33 @@ class AnnualReport extends React.Component {
|
|||
<div className="wave-icon-and-title">
|
||||
<img src="/images/annual-report/message/wave-icon.svg" />
|
||||
<h2>
|
||||
<FormattedMessage id="annualReport.messageTitle" />
|
||||
<FormattedMessage id="annualReport.foundersMessageTitle" />
|
||||
</h2>
|
||||
</div>
|
||||
</MediaQuery>
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<h2>
|
||||
<FormattedMessage id="annualReport.messageTitle" />
|
||||
<FormattedMessage id="annualReport.foundersMessageTitle" />
|
||||
</h2>
|
||||
</MediaQuery>
|
||||
<div className="message-from-team">
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.messageP1" />
|
||||
<FormattedMessage id="annualReport.foundersMessageP1" />
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.messageP2" />
|
||||
<FormattedMessage id="annualReport.foundersMessageP2" />
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.messageP3" />
|
||||
<FormattedMessage id="annualReport.foundersMessageP3" />
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.messageP4" />
|
||||
<FormattedMessage id="annualReport.foundersMessageP4" />
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.messageP5" />
|
||||
<FormattedMessage id="annualReport.foundersMessageP5" />
|
||||
</p>
|
||||
<p className="message-signature">
|
||||
<FormattedMessage id="annualReport.messageSignature" />
|
||||
<FormattedMessage id="annualReport.foundersMessageSignature" />
|
||||
</p>
|
||||
<img
|
||||
className="team-photo"
|
||||
|
|
@ -362,54 +362,15 @@ class AnnualReport extends React.Component {
|
|||
<img src="/images/annual-report/message/banana.svg" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="covid-response-section inner">
|
||||
<h2>
|
||||
<FormattedMessage id="annualReport.covidResponseTitle" />
|
||||
</h2>
|
||||
<div>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.covidResponseP1" />
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
id="annualReport.covidResponseP2"
|
||||
values={{
|
||||
scratchAtHomeLink: (
|
||||
<a
|
||||
href="https://sip.scratch.mit.edu/scratchathome/"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<FormattedMessage id="annualReport.covidResponseScratchAtHomePage" />
|
||||
</a>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
</p>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
id="annualReport.covidResponseP3"
|
||||
values={{
|
||||
scratchCommunityLink: (
|
||||
<a
|
||||
href="/"
|
||||
rel="noreferrer noopener"
|
||||
target="_blank"
|
||||
>
|
||||
<FormattedMessage id="annualReport.covidResponseScratchCommunity" />
|
||||
</a>
|
||||
)
|
||||
}}
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="mission-section"
|
||||
ref={this.setRef(SECTIONS.mission)}
|
||||
>
|
||||
<div className="inner">
|
||||
<h2><FormattedMessage id="annualReport.missionTitle" /></h2>
|
||||
<h5><FormattedMessage id="annualReport.visionHeader" /></h5>
|
||||
<p className="mission-subtitle"><FormattedMessage id="annualReport.visionSubtitle" /></p>
|
||||
<h5><FormattedMessage id="annualReport.missionHeader" /></h5>
|
||||
<p className="mission-subtitle"><FormattedMessage id="annualReport.missionSubtitle" /></p>
|
||||
<p><FormattedMessage id="annualReport.missionP1" /></p>
|
||||
<p><FormattedMessage id="annualReport.missionP2" /></p>
|
||||
|
|
@ -515,195 +476,6 @@ class AnnualReport extends React.Component {
|
|||
</MediaQuery>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="milestones-section"
|
||||
ref={this.setRef(SECTIONS.milestones)}
|
||||
>
|
||||
<div className="inner">
|
||||
<div className="milestones-wrapper">
|
||||
<div className="milestones-column left">
|
||||
<h2>
|
||||
<FormattedMessage id="annualReport.milestonesTitle" />
|
||||
</h2>
|
||||
<p className="milestones-description">
|
||||
<FormattedMessage id="annualReport.milestonesDescription" />
|
||||
</p>
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img
|
||||
className="single-image"
|
||||
src="/images/annual-report/milestones/timeline1.svg"
|
||||
/>
|
||||
</MediaQuery>
|
||||
</div>
|
||||
<div className="milestones-column right">
|
||||
<div className="milestone-box first">
|
||||
<h4>
|
||||
2003
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2003Message" />
|
||||
</p>
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2004
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2004Message" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2004_Clubhouse.jpg" />
|
||||
</div>
|
||||
<div className="milestone-box last">
|
||||
<h4>
|
||||
2007
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2007Message" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2007_EarlyScratch.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img src="/images/annual-report/milestones/timeline_line_right.svg" />
|
||||
</MediaQuery>
|
||||
<div className="milestones-wrapper">
|
||||
<div className="milestones-column left">
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2008
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2008Message" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2008_Conference.jpg" />
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2009
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2009Message1.4" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2009_Scratch1_4.png" />
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2009
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2009MessageScratchDay" />
|
||||
</p>
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2010
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2010Message" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="milestones-column right">
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img
|
||||
className="single-image"
|
||||
src="/images/annual-report/milestones/timeline2.svg"
|
||||
/>
|
||||
</MediaQuery>
|
||||
</div>
|
||||
</div>
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img src="/images/annual-report/milestones/timeline_line_left.svg" />
|
||||
</MediaQuery>
|
||||
<div className="milestones-wrapper">
|
||||
<div className="milestones-column left">
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img
|
||||
className="single-image"
|
||||
src="/images/annual-report/milestones/timeline3.svg"
|
||||
/>
|
||||
</MediaQuery>
|
||||
</div>
|
||||
<div className="milestones-column right">
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2013
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2013MessageFoundation" />
|
||||
</p>
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2013
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2013MessageScratch2" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2013_Scratch2.png" />
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2014
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2014Message" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2014_ScratchJr.jpg" />
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2016
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2016Message" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img src="/images/annual-report/milestones/timeline_line_right.svg" />
|
||||
</MediaQuery>
|
||||
<div className="milestones-wrapper">
|
||||
<div className="milestones-column left">
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2017
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2017Message" />
|
||||
</p>
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2019
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2019MessageScratch3" />
|
||||
</p>
|
||||
<img src="/images/annual-report/milestones/2019_Scratch3.jpg" />
|
||||
</div>
|
||||
<div className="milestone-box">
|
||||
<h4>
|
||||
2019
|
||||
</h4>
|
||||
<p>
|
||||
<FormattedMessage id="annualReport.milestones2019MessageMove" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="milestones-column right">
|
||||
<MediaQuery minWidth={frameless.desktop}>
|
||||
<img
|
||||
className="single-image"
|
||||
src="/images/annual-report/milestones/timeline4.svg"
|
||||
/>
|
||||
</MediaQuery>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="reach-section"
|
||||
ref={this.setRef(SECTIONS.reach)}
|
||||
|
|
@ -730,7 +502,7 @@ class AnnualReport extends React.Component {
|
|||
<div className="reach-numbers">
|
||||
<div className="reach-datapoint">
|
||||
<FormattedMessage
|
||||
id="annualReport.reach170million"
|
||||
id="annualReport.reachNewUsersNumber"
|
||||
values={{
|
||||
million: (
|
||||
<div className="million">
|
||||
|
|
@ -740,12 +512,12 @@ class AnnualReport extends React.Component {
|
|||
}}
|
||||
/>
|
||||
<h4>
|
||||
<FormattedMessage id="annualReport.reachUniqueVisitors" />
|
||||
<FormattedMessage id="annualReport.reachNewUsers" />
|
||||
</h4>
|
||||
</div>
|
||||
<div className="reach-datapoint">
|
||||
<FormattedMessage
|
||||
id="annualReport.reach60million"
|
||||
id="annualReport.reachProjectsCreatedNumber"
|
||||
values={{
|
||||
million: (
|
||||
<div className="million">
|
||||
|
|
@ -760,7 +532,7 @@ class AnnualReport extends React.Component {
|
|||
</div>
|
||||
<div className="reach-datapoint">
|
||||
<FormattedMessage
|
||||
id="annualReport.reach20million"
|
||||
id="annualReport.reachProjectCreatorsNumber"
|
||||
values={{
|
||||
million: (
|
||||
<div className="million">
|
||||
|
|
@ -775,14 +547,7 @@ class AnnualReport extends React.Component {
|
|||
</div>
|
||||
<div className="reach-datapoint">
|
||||
<FormattedMessage
|
||||
id="annualReport.reach48million"
|
||||
values={{
|
||||
million: (
|
||||
<div className="million">
|
||||
<FormattedMessage id="annualReport.reachMillion" />
|
||||
</div>
|
||||
)
|
||||
}}
|
||||
id="annualReport.reachIncreaseInCommentsNumber"
|
||||
/>
|
||||
<h4>
|
||||
<FormattedMessage id="annualReport.reachComments" />
|
||||
|
|
|
|||
|
|
@ -10,26 +10,22 @@
|
|||
|
||||
"annualReport.mastheadYear": "2020 Annual Report",
|
||||
"annualReport.mastheadTitle": "Adapting to a Changing World",
|
||||
"annualReport.messageTitle": "Message from the Scratch Team",
|
||||
"annualReport.messageP1": "2019 was a year of great progress for Scratch. We started the year with the launch of Scratch 3.0, our newest generation of Scratch, designed to spark children’s creativity and engage children with diverse interests and backgrounds. We celebrated the end of the year with our team moving from MIT into its new home at the Scratch Foundation, in a playful first-floor space near South Station in Boston. Throughout the year, the Scratch community continued to thrive and grow: More than 20 million young people created projects with Scratch in 2019, an increase of 48% over the year before.",
|
||||
"annualReport.messageP2": "The impact and importance of Scratch have been highlighted in 2020 as the COVID pandemic forced schools to close. Activity in the Scratch online community more than doubled as young people, confined to their homes, turned to Scratch to express themselves creatively and connect with one another. Scratchers have also been actively engaged in Black Lives Matter and other movements for racial justice and equity, creating animated projects and studios to spread awareness and demand change.",
|
||||
"annualReport.messageP3": "From the time we launched Scratch in 2007, we have always seen Scratch as more than a programming language. Scratch provides opportunities for all young people, from all backgrounds, to develop their voices, express their ideas, and create with one another. We love to see the ways that Scratchers have responded to recent societal challenges with creativity, collaboration, caring, and kindness.",
|
||||
"annualReport.messageP4": "In this Annual Report, we’ll share more about the mission, plans, impact, and reach of Scratch, supported with examples of how Scratch is expanding learning opportunities for a broad diversity of young people around the world, both in schools and throughout their lives.",
|
||||
"annualReport.messageP5": "We’re proud of what young people are creating and learning with Scratch today, and we’re committed to providing more opportunities for more young people in the future.",
|
||||
"annualReport.messageSignature": "— The Scratch Team",
|
||||
"annualReport.foundersMessageTitle": "A Message from Our Founder",
|
||||
"annualReport.foundersMessageP1": "The year 2020 will be remembered as the year when the COVID pandemic swept across the world, causing hardships and disruptions in the lives of everyone -- with the greatest hardships falling inequitably on those already facing challenges in their lives.",
|
||||
"annualReport.foundersMessageP2": "Throughout the pandemic, young people around the world, many isolated in their homes, have come to the Scratch website in greater numbers than ever before, seeing Scratch as a safe space where they can express themselves creatively, learn new skills, and collaborate with one another. We were inspired by so many of the Scratch projects that young people created during 2020, many of them sharing their thoughts and feelings about the pandemic, climate change, racial injustice, and other issues on their minds. Young people were not just learning computational concepts and skills, but also developing their voice and their identities.",
|
||||
"annualReport.foundersMessageP3": "To ensure that Scratch can continue to play this important role in young people’s lives in the years ahead, we’ve been making significant organizational changes at Scratch. At the start of 2020, the Scratch Team moved out of its longtime home at the MIT Media Lab and into the new offices of the Scratch Foundation in downtown Boston. This move will help us to build a sustainable organization capable of supporting Scratch as a global creative coding platform into the future.",
|
||||
"annualReport.foundersMessageP4": "Later in 2020, as part of this organizational transition, we hired Shawna Young to serve as Executive Director of the Scratch Foundation. Shawna comes to the Scratch Foundation with a strong background in education and nonprofit management, and a deep commitment to equity and inclusion. Throughout her career in institutions such as Duke and MIT, Shawna has worked to expand learning experiences for students from diverse communities. That commitment is strongly aligned with Scratch’s mission and values, and it will play an important role in her leadership at Scratch. I encourage you to read Shawna’s message at the end of this annual report.",
|
||||
"annualReport.foundersMessageP5": "Over the past decade, Scratch has had phenomenal success, engaging tens of millions of young people around the world. But we are just beginning. The challenge for the years ahead is to ensure that we can continue to spread and support not just our technology but also our creative, caring, collaborative learning approach, so that young people around the world have equitable opportunities to imagine, create, share, and learn. We look forward to working with all of you to make that happen!",
|
||||
"annualReport.foundersMessageSignature": "Mitch Resnick\nChair, Scratch Foundation\nProfessor, MIT Media Lab",
|
||||
|
||||
"annualReport.covidResponseTitle": "Scratch Responds to COVID",
|
||||
"annualReport.covidResponseP1": "As we write this annual report, we are months into the COVID pandemic. Since the middle of March 2020, the Scratch office has been closed and Scratch Team members have been actively working from home to support children and educators around the world whose lives have been disrupted by the pandemic.",
|
||||
"annualReport.covidResponseP2": "On March 17, we launched the #ScratchAtHome initiative to provide children, families, and educators with ideas for engaging in creative learning activities with Scratch at home. We continue to add video tutorials and other resources to the {scratchAtHomeLink}.",
|
||||
"annualReport.covidResponseScratchAtHomePage": "#ScratchAtHome page",
|
||||
"annualReport.covidResponseP3": "Activity in the {scratchCommunityLink} has more than doubled from last year. Scratchers are creating and sharing projects to support and inspire others through the pandemic—with projects and studios that offer ideas for exercising at home, tips for staying healthy, humor to cheer up one another, and thanks to essential workers.",
|
||||
"annualReport.covidResponseScratchCommunity": "Scratch online community",
|
||||
|
||||
"annualReport.missionTitle": "Our Mission",
|
||||
"annualReport.missionSubtitle": "Our mission is to provide all children, from all backgrounds, with opportunities to imagine, create, and collaborate with new technologies — so they can shape the world of tomorrow.",
|
||||
"annualReport.missionP1": "We are committed to prioritizing equity across all aspects of our work, with a particular focus on initiatives and approaches that support children, families, and educators furthest from educational justice.",
|
||||
"annualReport.missionP2": "We’ve developed Scratch as a free, safe, playful learning environment that engages all children in thinking creatively, reasoning systematically, and working collaboratively — essential skills for everyone in today's society. We work with educators and families to support children in exploring, sharing, and learning.",
|
||||
"annualReport.missionP3": "In developing new technologies, activities, and learning materials, we are guided by what we call the {fourPsItalics}:",
|
||||
"annualReport.missionTitle": "Our Mission & Vision",
|
||||
"annualReport.visionHeader": "Vision",
|
||||
"annualReport.visionSubtitle": "To spread creative, caring, collaborative, equitable approaches to coding and learning around the world.",
|
||||
"annualReport.missionHeader": "Mission",
|
||||
"annualReport.missionSubtitle": "Providing young people with digital tools and opportunities to imagine, create, share, and learn.",
|
||||
"annualReport.missionP1": "We are committed to educational justice and prioritizing equity across all aspects of our work, with a particular focus on initiatives and approaches that support children, families, and educators excluded from creative computing.",
|
||||
"annualReport.missionP2": "We’ve developed Scratch as a free, safe, playful learning environment that engages all children in thinking creatively, reasoning systematically, and working collaboratively—essential skills for everyone in today's society. We work with educators and families to support children in exploring, sharing, and learning.",
|
||||
"annualReport.missionP3": "In developing new technologies, activities, and learning materials, we are guided by what we call the Four P’s of Creative Learning:",
|
||||
"annualReport.fourPs": "Four P’s of Creative Learning",
|
||||
"annualReport.missionProjectsTitle": "Projects",
|
||||
"annualReport.missionPeersTitle": "Peers",
|
||||
|
|
@ -43,14 +39,14 @@
|
|||
"annualReport.reachTitle": "Reaching Children Around the World",
|
||||
"annualReport.reachSubtitle": "Scratch is the world’s largest coding community for children and teens, ages 8 and up.",
|
||||
"annualReport.reachMillion": "million",
|
||||
"annualReport.reach170million": "170 {million}",
|
||||
"annualReport.reach60million": "60 {million}",
|
||||
"annualReport.reach20million": "20 {million}",
|
||||
"annualReport.reach48million": "48 {million}",
|
||||
"annualReport.reachUniqueVisitors": "Unique Visitors",
|
||||
"annualReport.reachNewUsersNumber": "15 {million}",
|
||||
"annualReport.reachProjectsCreatedNumber": "80 {million}",
|
||||
"annualReport.reachProjectCreatorsNumber": "29 {million}",
|
||||
"annualReport.reachIncreaseInCommentsNumber": "217 %",
|
||||
"annualReport.reachNewUsers": "New Users",
|
||||
"annualReport.reachProjectsCreated": "Projects Created",
|
||||
"annualReport.reachProjectCreators": "People Created Projects",
|
||||
"annualReport.reachComments": "Comments Posted in the Online Community",
|
||||
"annualReport.reachProjectCreators": "People Creating Projects",
|
||||
"annualReport.reachComments": "increase in comments made since 2019",
|
||||
"annualReport.reachGrowthTitle": "Community Growth",
|
||||
"annualReport.reachGrowthBlurb": "New accounts created in the Scratch Online Community within the last 5 years.",
|
||||
"annualReport.reachGlobalCommunity": "Our Global Community",
|
||||
|
|
|
|||
Loading…
Reference in a new issue