From 367ada3452ad6c1af2f697d90e6c4fe60c0b3c1a Mon Sep 17 00:00:00 2001
From: seotts <sotts@scratch.mit.edu>
Date: Wed, 28 Oct 2020 12:57:12 -0400
Subject: [PATCH] remove middle of financials section

---
 src/views/annual-report/annual-report.jsx  | 116 ---------------------
 src/views/annual-report/annual-report.scss |  94 +----------------
 2 files changed, 4 insertions(+), 206 deletions(-)

diff --git a/src/views/annual-report/annual-report.jsx b/src/views/annual-report/annual-report.jsx
index 61825ce0a..b509cdefc 100644
--- a/src/views/annual-report/annual-report.jsx
+++ b/src/views/annual-report/annual-report.jsx
@@ -1942,122 +1942,6 @@ class AnnualReport extends React.Component {
                             <div className="financials-future">
                                 <FormattedMessage id="annualReport.financialsFutureYears" />
                             </div>
-                            <h3>
-                                <FormattedMessage id="annualReport.financialsRevenue" />
-                            </h3>
-                            <hr />
-                            <div className="financials-content">
-                                <div className="financials-table">
-                                    <div className="circle-and-words">
-                                        <img src="/images/annual-report/financials/blue-circle.svg" />
-                                        <div className="key-and-money">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsGrants" />
-                                            </p>
-                                            <p>
-                                                $3,898,078
-                                                <span className="percentage"> (83%)</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div className="circle-and-words">
-                                        <img src="/images/annual-report/financials/yellow-circle.svg" />
-                                        <div className="key-and-money">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsRestrictedGrants" />
-                                            </p>
-                                            <p>
-                                                $700,000
-                                                <span className="percentage"> (15%)</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div className="circle-and-words">
-                                        <img src="/images/annual-report/financials/green-circle.svg" />
-                                        <div className="key-and-money">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsOther" />
-                                            </p>
-                                            <p>
-                                                $114,982
-                                                <span className="percentage"> (2%)</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div className="circle-and-words">
-                                        <div className="key-and-money total">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsTotal" />
-                                            </p>
-                                            <p>
-                                                $4,713,060
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
-                                <img
-                                    className="graph"
-                                    src="/images/annual-report/financials/revenue-graph.svg"
-                                />
-                            </div>
-                            <h3>
-                                <FormattedMessage id="annualReport.financialsExpenses" />
-                            </h3>
-                            <hr />
-                            <div className="financials-content">
-                                <div className="financials-table">
-                                    <div className="circle-and-words">
-                                        <img src="/images/annual-report/financials/blue-circle.svg" />
-                                        <div className="key-and-money">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsProgram" />
-                                            </p>
-                                            <p>
-                                                $1,135,767
-                                                <span className="percentage"> (49%)</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div className="circle-and-words">
-                                        <img src="/images/annual-report/financials/yellow-circle.svg" />
-                                        <div className="key-and-money">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsGeneral" />
-                                            </p>
-                                            <p>
-                                                $224,104
-                                                <span className="percentage"> (10%)</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div className="circle-and-words">
-                                        <img src="/images/annual-report/financials/green-circle.svg" />
-                                        <div className="key-and-money">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsFundraising" />
-                                            </p>
-                                            <p>
-                                                $962,958
-                                                <span className="percentage"> (41%)</span>
-                                            </p>
-                                        </div>
-                                    </div>
-                                    <div className="circle-and-words">
-                                        <div className="key-and-money total">
-                                            <p className="key">
-                                                <FormattedMessage id="annualReport.financialsTotal" />
-                                            </p>
-                                            <p>
-                                                $2,322,829
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
-                                <img
-                                    className="graph"
-                                    src="/images/annual-report/financials/expenses-graph.svg"
-                                />
-                            </div>
                             <div className="financials-button-wrapper">
                                 <a
                                     href="/pdfs/annual-report/2019/2019_audited_financials.pdf"
diff --git a/src/views/annual-report/annual-report.scss b/src/views/annual-report/annual-report.scss
index 46586d143..44e37bf2b 100644
--- a/src/views/annual-report/annual-report.scss
+++ b/src/views/annual-report/annual-report.scss
@@ -2154,23 +2154,17 @@ p {
     width: 100%;
     color: $ui-white;
 
-    h2, h3, p {
+    h2, p {
         color: $ui-white;
     }
 
     h2 {
         margin-bottom: 20px;
+        text-align: center;
     }
 
     h2, h3, .financials-future {
-        text-align: left;
-    }
-
-    hr {
-        border: 0;
-        height: 0;
-        border-top: .5px solid $type-white;
-        opacity: .25;
+        text-align: center;
     }
 
     .financials-future {
@@ -2179,64 +2173,6 @@ p {
         margin-bottom: 54px;
     }
 
-    .financials-content {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-    }
-
-    .financials-table {
-        display: flex;
-        flex-direction: column;
-
-        margin: 64px 0;
-    }
-
-    .circle-and-words {
-        display: flex;
-        align-items: flex-start;
-        padding: 8px 0px;;
-
-        img {
-            margin-right: 16px;
-        }
-
-        p {
-            text-align: left;
-            font-weight: bold;
-            line-height: 1.5rem;
-            margin: 0;
-        }
-
-        .percentage {
-            font-weight: normal;
-        }
-
-        .key {
-            width: 264px;
-            margin-right: 1rem;
-        }
-
-        .total {
-            margin-left: 36px;
-            margin-top: 52px;
-
-            p {
-                font-size: 1.25rem;
-            }
-        }
-
-        .key-and-money {
-            display: flex;
-        }
-
-        @media #{$intermediate} {
-            .key {
-                margin-right: 100px;
-            }
-        }
-    }
-
     .financials-button-wrapper {
         width: 100%;
         text-align: center;
@@ -2267,20 +2203,6 @@ p {
             max-width: 620px;
             padding: 72px 0;
         }
-
-        .financials-content {
-            flex-direction: column-reverse;
-            text-align: center;
-        }
-
-        .financials-table {
-            margin: 0 0 60px 0;
-            align-self: flex-start;
-        }
-
-        .graph {
-            margin: 28px;
-        }
     }
 
     @media #{$medium-and-smaller} {
@@ -2304,16 +2226,8 @@ p {
             text-align: center;
         }
 
-        .key-and-money {
-            flex-direction: column;
-
-            .key {
-                margin-bottom: 4px;
-            }
-        }
-
         .financials-button {
-            font-size: 18px;
+            font-size: 1.125rem;
         }
     }
 }