diff --git a/src/views/annual-report/annual-report.jsx b/src/views/annual-report/annual-report.jsx
index a26f2617b..d8b83ff6c 100644
--- a/src/views/annual-report/annual-report.jsx
+++ b/src/views/annual-report/annual-report.jsx
@@ -266,7 +266,7 @@ class AnnualReport extends React.Component {
null
}
- {/* Bottom Bar */}
+ {/* For large screens, show whole subnav, with no dropdown */}
{subnav}
@@ -731,11 +731,99 @@ class AnnualReport extends React.Component {
- {/*
-
*/}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }}
+ />
+
+
+
+
+
+
.initiatives-community {
+ // background-color: $ui-blue-dark;
+ //}
+
+ &.community {
+ background-color: $ui-blue-dark;
+ }
+
+ .inner {
+ max-width: 780px;
+ text-align: center;
+
+ h2, p {
+ color: $ui-white;
+ }
+
+ p {
+ font-size: 1.25rem;
+ line-height: 2.5rem;
+ }
+ }
+ }
+
+ .initiatives-subsection-content {
+ .inner {
+ max-width: 1032px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 72px;
+ }
+ }
+
+ .initiatives-community {
+ img {
+ width: 100%;
+ }
+
+ .moderation-and-guidelines {
+ display: flex;
+ justify-content: space-between;
+ }
+
+ .community-moderation {
+ width: 380px;
+ margin-right: 80px;
+ }
+
+ .community-guidelines {
+ width: 460px;
+
+ p {
+ font-size: 1.25rem;
+ }
+ }
+
+ .guidelines-list {
+ display: flex;
+
+ ul {
+ list-style-image: url('/images/annual-report/initiatives/guideline-splash.svg');
+ }
+ li {
+ vertical-align: middle;
+ }
+ }
+ }
+
+ .community-team-intro {
+ max-width: 780px;
+ text-align: center;
+ margin: 32px 0;
+
+ p {
+ max-width: 620px;
+ }
+ }
+}
+
.financials-section {
.inner {
max-width: 780px;
diff --git a/src/views/annual-report/l10n.json b/src/views/annual-report/l10n.json
index 2824c40be..4a7bf274d 100644
--- a/src/views/annual-report/l10n.json
+++ b/src/views/annual-report/l10n.json
@@ -64,6 +64,20 @@
"annualReport.reach22million": "22 {million}",
"annualReport.reachDownloads": "Downloads Since Launching in 2014",
+ "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",
+ "annualReport.communityTeam": "Scratch Community Team",
+ "annualReport.communityTeamIntro1": "When asked why they use Scratch, most Scratchers talk about the importance of the online community for motivating their ongoing participation, providing a space where they can express their creativity, make friends, receive feedback, get new ideas, and learn new skills. Many Scratchers express their appreciation for the Scratch community as a safe and welcoming space to connect, share, and learn from one another.",
+ "annualReport.communityTeamIntro2": "With 40,000 new projects and 400,000 new comments in the Scratch online community each day, how can we ensure that the community remains safe and friendly, while also supporting and encouraging creative expression? Our Community Team, including full-time staff and a network of moderators, leads this essential work . Two key dimensions of the Community Team's work include moderation and community engagement.",
+ "annualReport.communityModerationTitle": "Community Moderation",
+ "annualReport.communityModerationInfo": "When young people join the Scratch community, they agree to follow a set of Community Guidelines, which are designed to keep Scratch a safe and supportive place for young people from all backgrounds. Our Community Team uses a wide variety of tools and strategies to encourage good digital citizenship and maintain a positive environment for Scratchers to create in. Automated filters prevent private information from being shared or inappropriate content from being posted, and we allow anyone to report content they feel violates the Community Guidelines.",
+ "annualReport.communityGuidelinesTitle": "Community Guidelines",
+ "annualReport.communityGuidelinesInfo": "Scratch welcomes people of all ages, races, ethnicities, religions, abilities, sexual orientations, and gender identities.",
+ "annualReport.communityEngagementTitle": "Community Engagement",
+ "annualReport.storySwap": "Story Swap",
+ "annualReport.communityEngagementInfo": "Another major role of the Community Team is to highlight and develop opportunities for young people to express their ideas and become engaged in positive ways. The team features projects and studios from community members to serve as inspiration, and it regularly posts Scratch Design Studios to encourage creative activity. Each summer, the team organizes an online Scratch Camp: the theme in 2019 was {storySwapLink}, with Scratchers building on one another’s stories.",
+
"annualReport.financialsTitle": "Financials - 2019",
"annualReport.financialsRevenue": "Revenues",
"annualReport.financialsGrants": "Grants, Individual, & Corporate Donations (Gala Included)",
diff --git a/static/images/annual-report/initiatives/community-hero.png b/static/images/annual-report/initiatives/community-hero.png
new file mode 100644
index 000000000..c8806f102
Binary files /dev/null and b/static/images/annual-report/initiatives/community-hero.png differ
diff --git a/static/images/annual-report/initiatives/guideline-splash.svg b/static/images/annual-report/initiatives/guideline-splash.svg
new file mode 100644
index 000000000..2a34e3e96
--- /dev/null
+++ b/static/images/annual-report/initiatives/guideline-splash.svg
@@ -0,0 +1,19 @@
+
+
\ No newline at end of file
+