some content changes

This commit is contained in:
caseymm 2021-09-29 15:54:33 -07:00
parent 743ccb0428
commit 4277aa5db0
2 changed files with 40 additions and 279 deletions

View file

@ -94,7 +94,7 @@ class AnnualReport extends React.Component {
this.subnavRef = null; this.subnavRef = null;
this.state = { this.state = {
currentlyVisible: SECTIONS.message, // The currently visible section currentlyVisible: SECTIONS.founders_message, // The currently visible section
dropdownVisible: false dropdownVisible: false
}; };
@ -296,7 +296,7 @@ class AnnualReport extends React.Component {
<div className="annual-report-content"> <div className="annual-report-content">
<div <div
className="message-section" className="message-section"
ref={this.setRef(SECTIONS.message)} ref={this.setRef(SECTIONS.founders_message)}
> >
<FlexRow className="masthead"> <FlexRow className="masthead">
<div className="masthead-content"> <div className="masthead-content">
@ -322,33 +322,33 @@ class AnnualReport extends React.Component {
<div className="wave-icon-and-title"> <div className="wave-icon-and-title">
<img src="/images/annual-report/message/wave-icon.svg" /> <img src="/images/annual-report/message/wave-icon.svg" />
<h2> <h2>
<FormattedMessage id="annualReport.messageTitle" /> <FormattedMessage id="annualReport.foundersMessageTitle" />
</h2> </h2>
</div> </div>
</MediaQuery> </MediaQuery>
<MediaQuery minWidth={frameless.desktop}> <MediaQuery minWidth={frameless.desktop}>
<h2> <h2>
<FormattedMessage id="annualReport.messageTitle" /> <FormattedMessage id="annualReport.foundersMessageTitle" />
</h2> </h2>
</MediaQuery> </MediaQuery>
<div className="message-from-team"> <div className="message-from-team">
<p> <p>
<FormattedMessage id="annualReport.messageP1" /> <FormattedMessage id="annualReport.foundersMessageP1" />
</p> </p>
<p> <p>
<FormattedMessage id="annualReport.messageP2" /> <FormattedMessage id="annualReport.foundersMessageP2" />
</p> </p>
<p> <p>
<FormattedMessage id="annualReport.messageP3" /> <FormattedMessage id="annualReport.foundersMessageP3" />
</p> </p>
<p> <p>
<FormattedMessage id="annualReport.messageP4" /> <FormattedMessage id="annualReport.foundersMessageP4" />
</p> </p>
<p> <p>
<FormattedMessage id="annualReport.messageP5" /> <FormattedMessage id="annualReport.foundersMessageP5" />
</p> </p>
<p className="message-signature"> <p className="message-signature">
<FormattedMessage id="annualReport.messageSignature" /> <FormattedMessage id="annualReport.foundersMessageSignature" />
</p> </p>
<img <img
className="team-photo" className="team-photo"
@ -362,54 +362,15 @@ class AnnualReport extends React.Component {
<img src="/images/annual-report/message/banana.svg" /> <img src="/images/annual-report/message/banana.svg" />
</div> </div>
</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 <div
className="mission-section" className="mission-section"
ref={this.setRef(SECTIONS.mission)} ref={this.setRef(SECTIONS.mission)}
> >
<div className="inner"> <div className="inner">
<h2><FormattedMessage id="annualReport.missionTitle" /></h2> <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 className="mission-subtitle"><FormattedMessage id="annualReport.missionSubtitle" /></p>
<p><FormattedMessage id="annualReport.missionP1" /></p> <p><FormattedMessage id="annualReport.missionP1" /></p>
<p><FormattedMessage id="annualReport.missionP2" /></p> <p><FormattedMessage id="annualReport.missionP2" /></p>
@ -515,195 +476,6 @@ class AnnualReport extends React.Component {
</MediaQuery> </MediaQuery>
</div> </div>
</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 <div
className="reach-section" className="reach-section"
ref={this.setRef(SECTIONS.reach)} ref={this.setRef(SECTIONS.reach)}
@ -730,7 +502,7 @@ class AnnualReport extends React.Component {
<div className="reach-numbers"> <div className="reach-numbers">
<div className="reach-datapoint"> <div className="reach-datapoint">
<FormattedMessage <FormattedMessage
id="annualReport.reach170million" id="annualReport.reachNewUsersNumber"
values={{ values={{
million: ( million: (
<div className="million"> <div className="million">
@ -740,12 +512,12 @@ class AnnualReport extends React.Component {
}} }}
/> />
<h4> <h4>
<FormattedMessage id="annualReport.reachUniqueVisitors" /> <FormattedMessage id="annualReport.reachNewUsers" />
</h4> </h4>
</div> </div>
<div className="reach-datapoint"> <div className="reach-datapoint">
<FormattedMessage <FormattedMessage
id="annualReport.reach60million" id="annualReport.reachProjectsCreatedNumber"
values={{ values={{
million: ( million: (
<div className="million"> <div className="million">
@ -760,7 +532,7 @@ class AnnualReport extends React.Component {
</div> </div>
<div className="reach-datapoint"> <div className="reach-datapoint">
<FormattedMessage <FormattedMessage
id="annualReport.reach20million" id="annualReport.reachProjectCreatorsNumber"
values={{ values={{
million: ( million: (
<div className="million"> <div className="million">
@ -775,14 +547,7 @@ class AnnualReport extends React.Component {
</div> </div>
<div className="reach-datapoint"> <div className="reach-datapoint">
<FormattedMessage <FormattedMessage
id="annualReport.reach48million" id="annualReport.reachIncreaseInCommentsNumber"
values={{
million: (
<div className="million">
<FormattedMessage id="annualReport.reachMillion" />
</div>
)
}}
/> />
<h4> <h4>
<FormattedMessage id="annualReport.reachComments" /> <FormattedMessage id="annualReport.reachComments" />

View file

@ -10,26 +10,22 @@
"annualReport.mastheadYear": "2020 Annual Report", "annualReport.mastheadYear": "2020 Annual Report",
"annualReport.mastheadTitle": "Adapting to a Changing World", "annualReport.mastheadTitle": "Adapting to a Changing World",
"annualReport.messageTitle": "Message from the Scratch Team", "annualReport.foundersMessageTitle": "A Message from Our Founder",
"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 childrens 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.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.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.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.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.foundersMessageP3": "To ensure that Scratch can continue to play this important role in young peoples lives in the years ahead, weve 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.messageP4": "In this Annual Report, well 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.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 Scratchs mission and values, and it will play an important role in her leadership at Scratch. I encourage you to read Shawnas message at the end of this annual report.",
"annualReport.messageP5": "Were proud of what young people are creating and learning with Scratch today, and were committed to providing more opportunities for more young people in the future.", "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.messageSignature": "— The Scratch Team", "annualReport.foundersMessageSignature": "Mitch Resnick\nChair, Scratch Foundation\nProfessor, MIT Media Lab",
"annualReport.covidResponseTitle": "Scratch Responds to COVID", "annualReport.missionTitle": "Our Mission & Vision",
"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.visionHeader": "Vision",
"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.visionSubtitle": "To spread creative, caring, collaborative, equitable approaches to coding and learning around the world.",
"annualReport.covidResponseScratchAtHomePage": "#ScratchAtHome page", "annualReport.missionHeader": "Mission",
"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.missionSubtitle": "Providing young people with digital tools and opportunities to imagine, create, share, and learn.",
"annualReport.covidResponseScratchCommunity": "Scratch online community", "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": "Weve 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.missionTitle": "Our Mission", "annualReport.missionP3": "In developing new technologies, activities, and learning materials, we are guided by what we call the Four Ps of Creative Learning:",
"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": "Weve 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.fourPs": "Four Ps of Creative Learning", "annualReport.fourPs": "Four Ps of Creative Learning",
"annualReport.missionProjectsTitle": "Projects", "annualReport.missionProjectsTitle": "Projects",
"annualReport.missionPeersTitle": "Peers", "annualReport.missionPeersTitle": "Peers",
@ -43,14 +39,14 @@
"annualReport.reachTitle": "Reaching Children Around the World", "annualReport.reachTitle": "Reaching Children Around the World",
"annualReport.reachSubtitle": "Scratch is the worlds largest coding community for children and teens, ages 8 and up.", "annualReport.reachSubtitle": "Scratch is the worlds largest coding community for children and teens, ages 8 and up.",
"annualReport.reachMillion": "million", "annualReport.reachMillion": "million",
"annualReport.reach170million": "170 {million}", "annualReport.reachNewUsersNumber": "15 {million}",
"annualReport.reach60million": "60 {million}", "annualReport.reachProjectsCreatedNumber": "80 {million}",
"annualReport.reach20million": "20 {million}", "annualReport.reachProjectCreatorsNumber": "29 {million}",
"annualReport.reach48million": "48 {million}", "annualReport.reachIncreaseInCommentsNumber": "217 %",
"annualReport.reachUniqueVisitors": "Unique Visitors", "annualReport.reachNewUsers": "New Users",
"annualReport.reachProjectsCreated": "Projects Created", "annualReport.reachProjectsCreated": "Projects Created",
"annualReport.reachProjectCreators": "People Created Projects", "annualReport.reachProjectCreators": "People Creating Projects",
"annualReport.reachComments": "Comments Posted in the Online Community", "annualReport.reachComments": "increase in comments made since 2019",
"annualReport.reachGrowthTitle": "Community Growth", "annualReport.reachGrowthTitle": "Community Growth",
"annualReport.reachGrowthBlurb": "New accounts created in the Scratch Online Community within the last 5 years.", "annualReport.reachGrowthBlurb": "New accounts created in the Scratch Online Community within the last 5 years.",
"annualReport.reachGlobalCommunity": "Our Global Community", "annualReport.reachGlobalCommunity": "Our Global Community",