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 @@
+
+
\ 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