From 79d0bef2a0dac9d3de743fcdede85a4819dc4a17 Mon Sep 17 00:00:00 2001
From: Karishma Chadha <kchadha@media.mit.edu>
Date: Mon, 24 Aug 2020 10:25:18 -0400
Subject: [PATCH] Beginning work on financials section

---
 src/views/annual-report/annual-report.jsx | 46 +++++++++++++----------
 src/views/annual-report/l10n.json         |  5 +++
 2 files changed, 32 insertions(+), 19 deletions(-)

diff --git a/src/views/annual-report/annual-report.jsx b/src/views/annual-report/annual-report.jsx
index 9a0c1de69..a19c9dce7 100644
--- a/src/views/annual-report/annual-report.jsx
+++ b/src/views/annual-report/annual-report.jsx
@@ -73,7 +73,7 @@ const AnnualReport = () => (
                             href="/annual-report#donate"
                         >
                             <FormattedMessage id="annualReport.subnavDonate" />
-                        </a> 
+                        </a>
             </FlexRow>
         </div>
         <div className="banner-wrapper">
@@ -185,25 +185,33 @@ const AnnualReport = () => (
             </div>
         </div>
         <div className="financials" id="financials">
-            <div className="inner">
-                <section className="ttt-section">
-                    <div className="ttt-head">
-                        <h2>
-                            <FormattedMessage id="ideas.activityGuidesTitle" />
-                        </h2>
-                        <p>
-                            <FormattedHTMLMessage id="ideas.activityGuidesText" />
-                        </p>
+            <div className="financials-content">
+                <h1 className="financials-h1">
+                    <FormattedMessage id="annualReport.financialsTitle" />
+                </h1>
+                <div className="financials-subsection">
+                    <h2>
+                        <FormattedMessage id="annualReport.financialsRevenue" />
+                    </h2>
+                    <hr />
+                    <div className="circle-and-words">
+                        <span className="financials-dot" />
+                        <div className="key-and-money">
+                            <p>
+                                <FormattedMessage id="annualReport.financialsGrants" />
+                            </p>
+                            <p>
+                                <FormattedMessage id="annualReport.financialsGrantsAmt" />
+                            </p>
+                        </div>
                     </div>
-                    <a
-                        className="wide-button"
-                        href="/projects/editor/?tutorial=all"
-                    >
-                        <Button className="ideas-button wide-button">
-                            <FormattedMessage id="ideas.seeAllTutorials" />
-                        </Button>
-                    </a>
-                </section>
+                </div>
+                <div className="financials-subsection">
+                    <h2>
+                        <FormattedMessage id="annualReport.financialsExpenses" />
+                    </h2>
+                    <hr/>
+                </div>
             </div>
         </div>
         <div className="supporters" id="supporters">
diff --git a/src/views/annual-report/l10n.json b/src/views/annual-report/l10n.json
index 63a8aacba..c4cdfac71 100644
--- a/src/views/annual-report/l10n.json
+++ b/src/views/annual-report/l10n.json
@@ -62,6 +62,11 @@
     "annualReport.subnavLeadership": "Leadership",
     "annualReport.subnavDonate": "Donate",
 
+    "annualReport.financialsTitle": "Financials - 2019",
+    "annualReport.financialsRevenue": "Revenue",
+    "annualReport.financialsGrants": "Grants, Individual, & Corporate Donations (Gala Included)",
+    "annualReport.financialsGrantsAmt": "$3,898,078 (82.7%)",
+    "annualReport.financialsExpenses": "Expenses",
 
     "annualReport.donateTitle": "Donate",
     "annualReport.donateMessage": "Your support enables us to make Scratch free for everyone, keeps our servers running, and most importantly, we are able to provide kids around the world an opportunity to imagine, create and share. Thank you!",