more adaptation

src/views/annual-report/2020/index/annual-report.jsx

@@ -1036,7 +1036,7 @@ class AnnualReport extends React.Component {
                             <div className="initiatives-subsection-content">
                                 {/* eslint-disable max-len */}
                                 <div className="inner">
-                                    <div className="content">
+                                    <div className="content flex-content">
                                         <div className="text">
                                             <div className="spotlight bubble adaptation">
                                                 <FormattedMessage id="annualReport.spotlightStory" />
@@ -1055,6 +1055,26 @@ class AnnualReport extends React.Component {
                                             <img src="/images/annual-report/2020/adaptation/Aaron Reuland Illustration_Photo.svg" />
                                         </div>
                                     </div>
+                                    <div className="flex-content">
+                                        <AnnualReportExample
+                                            className="regular"
+                                            paragraph={this.props.intl.formatMessage(
+                                                {id: 'annualReport.adaptationHighlightText2'}
+                                            )}
+                                            large_image="/images/annual-report/2020/adaptation/Aaron Reuland - Class Projects 1.png"
+                                        />
+                                    </div>
+                                    <div className="world">
+                                        <div className="spotlight bubble adaptation">
+                                            <FormattedMessage id="annualReport.spotlightStory" />
+                                        </div>
+                                        <h2>
+                                            <FormattedMessage id="annualReport.adaptationHighlightTitle2" />
+                                        </h2>
+                                        <p>
+                                            <FormattedMessage id="annualReport.adaptationHighlightText2b" />
+                                        </p>
+                                    </div>
                                 </div>
                                 <div className="inner">
                                     <div className="subsection-tag">

src/views/annual-report/2020/index/annual-report.scss

@@ -1330,6 +1330,12 @@ img.comment-viz{
                 max-width: 780px;
                 width: 100%;
                 margin-top: 50px;
+                &.content{
+                    justify-content: space-between;
+                    .text{
+                        max-width: 370px;
+                    }
+                }
             }
         }
         .extending-reach {
@@ -1351,6 +1357,9 @@ img.comment-viz{
     }
 
     .initiatives-adaptation {
+        .world{
+            max-width: 700px;
+        }
         .community-hero-img {
             width: 100%;
             height: 545px;

src/views/annual-report/2020/index/l10n.json

@@ -133,6 +133,10 @@
     "annualReport.adaptationHighlightName": "Aaron Reuland",
     "annualReport.adaptationHighlightTitle": "K-5 Library Media Teacher, Norwood, MA",
     "annualReport.adaptationHighlightText": "In Aaron Reuland’s Title One school in Norwood, Massachusetts, he counted on Scratch to help engage remote students in creative learning and rekindle their sense of community “when the only things I could count on us all having were a working computer and an internet connection.”",
+    "annualReport.adaptationHighlightText2": "Aaron’s students worked together to build a “kooky” version of their town called “Norwouldn’t,” packed with storybook creatures, original artwork, and interconnecting narratives. It was one of many collaborative Scratch projects Aaron facilitated to remind students that even while COVID-19 kept them inside their homes, they were still part of a caring and joyful community.",
+
+    "annualReport.adaptationHighlightTitle2": "Scratch at Home",
+    "annualReport.adaptationHighlightText2b": "On March 17, we responded to the COVID-19 crisis by launching the #ScratchAtHome initiative to provide children, families, and educators with ideas for engaging in creative learning activities with Scratch at home. It was an invaluable way to connect with our community and adapt to a whole new way of learning and interacting online.",
 
     "annualReport.schoolsIntro": "We provide programs and resources to support teachers and students in schools around the world, designed to achieve equity in creative computing experiences, based on projects, passion, peers, and play.",
     "annualReport.schoolsSpotlight": "Schools — Spotlight Story",