progress on tools section

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

@@ -669,7 +669,96 @@ p {
     .initiatives-tools {
         .subsection-tag {
             background-color: $ui-aqua;
+
+            &.collaborator {
+                color: $type-gray;
+                background-color: $ui-blue-10percent;
+                font-weight: normal;
+                font-size: .75rem;
+            }
+        }
+
+        .tools-extensions {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between; 
+            width: 100%;
+        }
+
+        .tools-extension {
+            width: 380px;
+
+            text-align: center;
+        }
+
+        .tools-stats {
+            display: flex;
+            flex-wrap: wrap;
+
+            margin-bottom: 40px;
+            justify-content: space-between; 
+            .tools-stat {
+                width: 180px;
+
+                a {
+                    font-weight: normal;
+                }
+            }
+        }
+
+        .tools-LEGO, .tools-app {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            width: 780px;
+
+            img {
+                width: 380px;
+            }
+
+            .tools-LEGO-info, .tools-app-info {
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                width: 380px;
+                margin-top: 88px;
+
+                h4, p {
+                    margin-bottom: 28px;
+                }
+            }
         }
+
+        .tools-tutorials {
+            width: 780px;
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: 64px 0;
+
+            p {
+                max-width: 620px;
+            }
+
+            .tutorial-list {
+                width: 100%;
+                display: flex;
+                flex-wrap: wrap;
+                justify-content: space-between;
+                margin: 32px 0;
+
+                img {
+                    width: 180px;
+                    border-radius: 8px;
+                }
+            }
+
+            .tools-stats {
+                max-width: 460px;
+            }
+        }
+
     }
 
     .initiatives-tools {

src/views/annual-report/l10n.json

@@ -86,6 +86,37 @@
     "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.toolsTexttoSpeech": "Text-to-Speech",
+    "annualReport.toolsTexttoSpeechIntro": "With the Text-to-Speech extension, kids can program their Scratch characters to speak out loud, in a variety of different voices.",
+    "annualReport.toolsNumProjects": "330,000+",
+    "annualReport.toolsTexttoSpeechProjects": "{numProjects} projects in 2019 used Text-to-Speech",
+    "annualReport.toolsMostPopular": "Most Popular",
+    "annualReport.toolsTexttoSpeechPopular": "{mostPopular} new Scratch Extension in the community",
+    "annualReport.toolsCollabAWS": "Collaboration with Amazon Web Services",
+    "annualReport.toolsTranslate": "Translate",
+    "annualReport.toolsTranslateIntro": "With the Translate extension, kids can incorporate automatic translation into their projects, supporting language learning and global communication.",
+    "annualReport.toolsNumLanguages": "50+",
+    "annualReport.toolsTranslateLanguages": "{numLanguages} langages translated in the extension",
+    "annualReport.toolsSupportsLiteracy": "Supports Literacy",
+    "annualReport.toolsCSandLanguageArts": "computer science and language arts",
+    "annualReport.toolsTranslateLiteracy": "{supportsLiteracy} across {CSandLanguageArtsLink}",
+    "annualReport.toolsCollabGoogle": "Collaboration with Google",
+    "annualReport.toolsLEGORobotics": "LEGO Robotics",
+    "annualReport.toolsMindstormsLink": "LEGO Mindstorms EV3",
+    "annualReport.toolsWeDoLink": "WeDo 2.0",
+    "annualReport.toolsLEGORoboticsIntro": "Students can create dancing robots, interactive sculptures, and data-collection experiments using Scratch with LEGO robotics kits. Scratch extensions available for {mindstormsLink} and {weDoLink}. Scratch integrated into new LEGO Education SPIKE Prime robotics set.",
+    "annualReport.toolsCollabLEGO": "Collaboration with LEGO Education",
+    "annualReport.toolsVideoTutorials": "Video Tutorials",
+    "annualReport.toolsTutorialsIntro": "Scratch 3.0 introduced a diverse collection of video tutorials to help kids get started with Scratch. The themes of the tutorials are designed to match the wide variety of children’s interests. The tutorials are open-ended and designed to encourage students to experiment, follow their interests, and express their own ideas.",
+    "annualReport.toolsNumTutorials": "25 new tutorials",
+    "annualReport.toolsNewTutorials": "{numTutorials} available in Scratch 3.0",
+    "annualReport.toolsNumViews": "23 million",
+    "annualReport.toolsTutorialsViews": "{numViews} views in 2019",
+    "annualReport.toolsApp": "Scratch App Supports Learning Offline",
+    "annualReport.toolsDownloadLink": "downloadable app",
+    "annualReport.toolsRaspberryLink": "use on Raspberry Pi 4",
+    "annualReport.toolsAppIntro": "During 2019, the Scratch Team released Scratch 3.0 as a {downloadableLink} for use on multiple platforms, including Windows, MacOS, ChromeOS, and Android tablets. In addition, the Raspberry Pi Foundation released Scratch 3.0 for {raspberryLink}. These downloadable versions are especially important for millions of learners in areas where internet connectivity is unavailable or unreliable.",
+
     "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",