diff --git a/src/views/annual-report/annual-report.jsx b/src/views/annual-report/annual-report.jsx index e9789ade6..4276fc560 100644 --- a/src/views/annual-report/annual-report.jsx +++ b/src/views/annual-report/annual-report.jsx @@ -827,6 +827,53 @@ class AnnualReport extends React.Component {

+
+ {/* eslint-disable max-len */} +
+
+ +
+
+

+ +

+

+ +

+

+ +

+
+
+
+
+ + + + + + +
+
+
@@ -845,7 +892,7 @@ class AnnualReport extends React.Component {
-
+

diff --git a/src/views/annual-report/annual-report.scss b/src/views/annual-report/annual-report.scss index 4add3bfa3..868b41e48 100644 --- a/src/views/annual-report/annual-report.scss +++ b/src/views/annual-report/annual-report.scss @@ -588,6 +588,16 @@ p { } } + .initiatives-subsection-intro { + max-width: 780px; + text-align: center; + margin: 32px 0; + + p { + max-width: 620px; + } + } + .quote-person { display: flex; align-items: center; @@ -601,6 +611,12 @@ p { } } + .initiatives-tools { + .subsection-tag { + background-color: $ui-aqua; + } + } + .initiatives-community { .hero { width: 100%; @@ -859,15 +875,9 @@ p { &.blm { background-image: url("/images/annual-report/initiatives/BLM Video Splash.svg"); } - } - .community-team-intro { - max-width: 780px; - text-align: center; - margin-top: 32px; - - p { - max-width: 620px; + &.ahbi { + background-image: url("/images/annual-report/initiatives/Ahbi Video Splash.svg"); } } } diff --git a/src/views/annual-report/l10n.json b/src/views/annual-report/l10n.json index 5e5d4ad54..18419eac8 100644 --- a/src/views/annual-report/l10n.json +++ b/src/views/annual-report/l10n.json @@ -68,7 +68,10 @@ "annualReport.toolsTitle": "Creative Tools", "annualReport.toolsIntro": "We are constantly experimenting and innovating with new technologies and new designs — always striving to provide children with new ways to create, collaborate, and learn.", - + "annualReport.toolsSpotlight": "Creative Tools — Spotlight Story", + "annualReport.toolsLaunch": "Launch of Scratch 3.0", + "annualReport.toolsLaunchIntro1": "We designed Scratch 3.0 to expand how, what, and where kids can create with Scratch. Released at the start of 2019, Scratch 3.0 led to a surge of activity in the Scratch community, with more projects — and a greater variety of projects — than ever before.", + "annualReport.toolsLaunchIntro2": "Scratch 3.0 includes a library of extensions — extra collections of coding blocks that add new capabilities to Scratch. Some extensions provide access to web services and other software features, while others connect Scratch with physical-world devices like motors and sensors.", "annualReport.communityTitle": "Community", "annualReport.communityIntro": "The Scratch programming language has always been intertwined with the Scratch online community, providing opportunities for children to collaborate, share, and provide feedback to one another.", "annualReport.communitySpotlight": "Community - Spotlight Story", diff --git a/static/images/annual-report/initiatives/Ahbi Video Splash.svg b/static/images/annual-report/initiatives/Ahbi Video Splash.svg new file mode 100644 index 000000000..1c06641f9 --- /dev/null +++ b/static/images/annual-report/initiatives/Ahbi Video Splash.svg @@ -0,0 +1,7 @@ + + + Ahbi Video Splash + + + + \ No newline at end of file diff --git a/static/images/annual-report/initiatives/CN Video Thumbnail.png b/static/images/annual-report/initiatives/CN Video Thumbnail.png new file mode 100644 index 000000000..a335f0e98 Binary files /dev/null and b/static/images/annual-report/initiatives/CN Video Thumbnail.png differ