From 90a10bb72ee3c97a6c508fcd282870089777dc75 Mon Sep 17 00:00:00 2001 From: seotts Date: Tue, 22 Sep 2020 16:42:29 -0400 Subject: [PATCH] work on supporters responsiveness --- src/views/annual-report/annual-report.jsx | 14 +-- src/views/annual-report/annual-report.scss | 113 +++++++++++++-------- src/views/annual-report/l10n.json | 2 + 3 files changed, 77 insertions(+), 52 deletions(-) diff --git a/src/views/annual-report/annual-report.jsx b/src/views/annual-report/annual-report.jsx index 0a6bda989..8b9e8476b 100644 --- a/src/views/annual-report/annual-report.jsx +++ b/src/views/annual-report/annual-report.jsx @@ -675,9 +675,9 @@ class AnnualReport extends React.Component {
-

+

-

+

@@ -691,9 +691,10 @@ class AnnualReport extends React.Component {
-
-

David Siegel

-
Co-Founder and
Co-Chairman
Two Sigma
+
+

David Siegel

+ +
Two Sigma
@@ -705,7 +706,7 @@ class AnnualReport extends React.Component {

- +

@@ -719,7 +720,6 @@ class AnnualReport extends React.Component {

-

We are especially grateful to our Founding Partners who supported us from the early days of Scratch, each providing at least $10,000,000 of cumulative support, in various forms.

  • Massachusetts Institute of Technology
    • diff --git a/src/views/annual-report/annual-report.scss b/src/views/annual-report/annual-report.scss index 36e22f8bd..889a30644 100644 --- a/src/views/annual-report/annual-report.scss +++ b/src/views/annual-report/annual-report.scss @@ -473,23 +473,34 @@ p { .supporters-section { background-color: #EDEDFF; - padding: 84px 0; + padding: 104px 0; .inner { max-width: 780px; } + h3, h4 { + margin-bottom: 20px; + } + + ul { + padding: 0; + } + + li { + list-style: none; + } + .supporters-heading { - margin-bottom: 48px; + margin-bottom: 68px; h2 { - font-size: 52px; - padding-bottom: 52px; + padding-bottom: 24px; } p { - font-size: 24px; - margin: 0; + font-size: 1.25rem; + line-height: 2.5rem; } } @@ -506,8 +517,7 @@ p { margin: 48px 80px 0px 80px; h2 { - font-size: 24px; - font-color: #575E75; + font-size: 1.5rem; } p { @@ -515,10 +525,6 @@ p { } } - .supporters-blurb { - // max-width: 620px; - } - .founding-partners-blurb { font-style: italic; } @@ -527,26 +533,28 @@ p { display: flex; align-items: flex-start; + width: 780px; + margin-bottom: 52px; + margin-top: 32px; + .ds-info { display: flex; - padding: 0 20px; - margin-right: 18px; + line-height: 24px; + } - h3 { - font-size: 24px; - } + img { + width: 140px; + } - div { - //font-size: 16px; - //padding: 18px; - } + .ds-text { + width: 144px; } } .comment-text { background-color: $ui-white; text-align: left; - margin-top: 16px; + margin: 20px; p { font-size: 1.25rem; @@ -556,6 +564,7 @@ p { .supporters-level { width: 100%; + margin: 24px 0; .supporters-list { @@ -573,6 +582,43 @@ p { } } } + @media #{$big} { + .ds-info { + flex-direction: column; + text-align: center; + width: 144px; + margin-right: 60px; + } + } + + @media #{$intermediate-and-smaller} { + .inner { + max-width: 620px; + } + + .supporters-subsection { + text-align: left; + } + + .david-siegel { + width: 460px; + } + + .ds-info { + width: 460px; + flex-direction: row; + text-align: left; + + img { + margin-right: 20px; + } + } + + .david-siegel { + flex-direction: column; + align-items: center; + } + } @media #{$medium-and-smaller} { .supporters-subsection { @@ -584,29 +630,6 @@ p { align-content: flex-start; } } - - @media #{$intermediate-and-smaller} { - .supporters-subsection { - text-align: left; - } - .ds-info { - flex-direction: row; - text-align: left; - } - - .david-siegel { - flex-direction: column; - align-items: center; - } - } - - @media #{$big} { - .ds-info { - flex-direction: column; - text-align: center; - } - } - } .donate-section { diff --git a/src/views/annual-report/l10n.json b/src/views/annual-report/l10n.json index da4a9295f..1889dd1e1 100644 --- a/src/views/annual-report/l10n.json +++ b/src/views/annual-report/l10n.json @@ -99,7 +99,9 @@ "annualReport.supportersSFEDescription1": "In May 2012, David Siegel attended Scratch Day at the MIT Media Lab with his son Zach, an active and enthusiastic Scratcher. Watching Zach and other children using Scratch to code their own games, animations, and robotic creatures, David saw how much potential Scratch had to help children both learn practical coding skills, and develop as computational thinkers.", "annualReport.supportersSFEDescription2": "David knows the importance of computational thinking firsthand, and his career as a computer scientist and entrepreneur has been shaped by the same curiosity that Scratch helps young learners explore every day. It's the same exploratory instinct that led him to study computer science at Princeton, and earn a PhD based on work completed at MIT's Artificial Intelligence Lab. In 2001, he co-founded Two Sigma, which has grown to become a world leader in applying machine learning and data science to investment management.", "annualReport.supportersSFEDescription3": "In 2011, David founded Siegel Family Endowment (SFE) to support organizations working to help people adapt to the demands of new technology, and to better understand and mitigate the powerful disruptions that technology has driven in almost every sector. He is also a co-founder of the Scratch Foundation, and is a strong advocate for the organization's mission to keep Scratch free and accessible to learners all over the world.", + "annualReport.supportersCoFounder": "Co-Founder and Co-Chairman", "annualReport.supportersQuote": "Making sure that Scratch remains free and accessible for kids everywhere is one of the most impactful ways we can help young learners engage and thrive in an increasingly digital world. Supporting Scratch is more important today than ever before.", + "annualReport.supportersThankYou": "Thank you to our supporters", "annualReport.supportersAllDescription": "Our mission is to provide all children, from all backgrounds, with opportunities to imagine, create, and share with new technologies. We want to thank all Scratch supporters who, throughout the years, have helped us create amazing learning experiences for millions of young people around the world. The following list is based on cumulative giving to Scratch (at both MIT and Scratch Foundation) through December 31, 2019.", "annualReport.supportersFoundingDescription": "We are especially grateful to our Founding Partners who supported us from the early days of Scratch, each providing at least $10,000,000 of cumulative support, in various forms.", "annualReport.supportersFoundingTitle": "Founding Partners — $10,00,000+",