diff --git a/src/views/annual-report/2020/index/annual-report.jsx b/src/views/annual-report/2020/index/annual-report.jsx index 9715466c3..266ac566a 100644 --- a/src/views/annual-report/2020/index/annual-report.jsx +++ b/src/views/annual-report/2020/index/annual-report.jsx @@ -1035,6 +1035,27 @@ class AnnualReport extends React.Component {
{/* eslint-disable max-len */} +
+
+
+
+ +
+

+ +

+

+ +

+

+ +

+
+
+ +
+
+
diff --git a/src/views/annual-report/2020/index/annual-report.scss b/src/views/annual-report/2020/index/annual-report.scss index d6f74df46..362c06e6d 100644 --- a/src/views/annual-report/2020/index/annual-report.scss +++ b/src/views/annual-report/2020/index/annual-report.scss @@ -842,6 +842,9 @@ p { &.connectivity{ background-color: $ui-purple; } + &.adaptation{ + background-color: $ui-aqua; + } } } @@ -1180,7 +1183,7 @@ img.comment-viz{ } } - .initiatives-subsection-content.connectivity{ + .initiatives-subsection-content{ overflow: hidden; .bold{ font-weight: bold; @@ -1191,6 +1194,7 @@ img.comment-viz{ flex-wrap: wrap; align-items: center; width: 100%; + justify-content: space-around; &.around{ justify-content: space-around; &.users{ @@ -1457,7 +1461,7 @@ img.comment-viz{ } .comment-text { - border: 3px solid $ui-aqua-dark; + border: 1px solid $ui-mint-green; white-space: pre-line; margin-top: 8px; @@ -1468,20 +1472,21 @@ img.comment-viz{ } } .comment-text, .comment-text::before, .comment-text::after { - border-color: $ui-aqua-dark; + border-color: $ui-mint-green; } .comment-text::before { - border-color: $ui-aqua-dark; - top: -3px; - left: -13px; - border-bottom-width: 14px; + border-color: $ui-mint-green; + top: -1px; + left: -11px; + border-bottom-width: 12px; + border-left-width: 10px; } .comment-text::after { border-color: $ui-white; position: absolute; top: 0px; left: -10px; - border-bottom-width: 8px; + border-bottom-width: 10px; border-left-width: 10px; } .comment-text { diff --git a/src/views/annual-report/2020/index/l10n.json b/src/views/annual-report/2020/index/l10n.json index 38958f899..fd6b697a9 100644 --- a/src/views/annual-report/2020/index/l10n.json +++ b/src/views/annual-report/2020/index/l10n.json @@ -130,6 +130,9 @@ "annualReport.adaptationQuoteTitle": "Curator for Creative Learning, mumok, Vienna, Austria", "annualReport.adaptationQuoteText": "In all the troubles over the past year, Scratch remained our platform of communication, our place to meet, and our medium of expressing ourselves creatively.", + "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.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",