scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

supporters content

Browse source
This commit is contained in:
seotts 2020-09-17 16:53:21 -04:00 committed by Karishma Chadha
parent 6617db7c8b
commit 2ca47dffae
3 changed files with 178 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

228
src/views/annual-report/annual-report.jsx
View file

@ -2,8 +2,8 @@ const bindAll = require('lodash.bindall');
const classNames = require('classnames'); const classNames = require('classnames');
const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage; const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
const FormattedMessage = require('react-intl').FormattedMessage; const FormattedMessage = require('react-intl').FormattedMessage;
// const injectIntl = require('react-intl').injectIntl; const injectIntl = require('react-intl').injectIntl;
// const intlShape = require('react-intl').intlShape; const intlShape = require('react-intl').intlShape;
const React = require('react'); const React = require('react');
const Button = require('../../components/forms/button.jsx'); const Button = require('../../components/forms/button.jsx');
@ -46,8 +46,8 @@ const SECTION_NAMES = {
}; };
class AnnualReport extends React.Component { class AnnualReport extends React.Component {
constructor () { constructor (props) {
super(); super(props);
// Storage for each of the section refs when we need to refer // Storage for each of the section refs when we need to refer
// to them in the scroll handling code // to them in the scroll handling code
@ -594,7 +594,13 @@ class AnnualReport extends React.Component {
<FormattedMessage id="annualReport.supportersSFETitle" /> <FormattedMessage id="annualReport.supportersSFETitle" />
</h3> </h3>
<p> <p>
<FormattedMessage id="annualReport.supportersSFEDescription" /> <FormattedMessage id="annualReport.supportersSFEDescription1" />
</p>
<p>
<FormattedMessage id="annualReport.supportersSFEDescription2" />
</p>
<p>
<FormattedMessage id="annualReport.supportersSFEDescription3" />
</p> </p>
</div> </div>
<div className="david-siegel"> <div className="david-siegel">
@ -607,7 +613,7 @@ class AnnualReport extends React.Component {
</div> </div>
<div className="ds-quote"> <div className="ds-quote">
{/* eslint-disable-next-line */} {/* eslint-disable-next-line */}
<Comment comment="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." /> <Comment comment={this.props.intl.formatMessage({id: 'annualReport.supportersQuote'})} />
</div> </div>
</div> </div>
</div> </div>
@ -619,114 +625,206 @@ class AnnualReport extends React.Component {
<p> <p>
<FormattedHTMLMessage id="annualReport.supportersAllDescription" /> <FormattedHTMLMessage id="annualReport.supportersAllDescription" />
</p> </p>
<p className="founding-partners-blurb">
<FormattedHTMLMessage id="annualReport.supportersFoundingDescription" />
</p>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5>Founding Partners — $10,00,000+</h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersFoundingTitle" />
</h5>
<hr /> <hr />
<p>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.</p> <p>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.</p>
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>National Science Foundation</li>
<li>Massachusetts Institute of Technology</li> <li>Massachusetts Institute of Technology</li>
<li>National Science Foundation</li>
</ul> </ul>
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Siegel Family Endowment</li> <li>Siegel Family Endowment</li>
<li>LEGO Foundation</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5>Innovation Circle — $5,00,000+</h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersCreativityTitle" />
</h5>
<hr /> <hr />
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Google</li> <li>Google</li>
</ul> <li>LEGO Foundation</li>
</div>
</div>
<div className="supporters-level">
<h5>Creativity Circle — $1,00,000++</h5>
<hr />
<div className="supporters-list">
<ul className="supporters-list-side">
<li>Little Bluebridge Foundation</li> <li>Little Bluebridge Foundation</li>
</ul>
<ul className="supporters-list-side">
<li>Smilegate Foundation</li> <li>Smilegate Foundation</li>
<li>TAL Education</li> <li>TAL Education</li>
</ul> <li>Warner Media</li>
<ul className="supporters-list-side">
<li>Turner Broadcasting System / Cartoon Network (?)</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5>Imagination Circle — $200,000+</h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersCollaborationTitle" />
</h5>
<hr /> <hr />
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>BrainPOP</li> <li>Mark Dalton</li>
<li>Cindy and Evan Goldberg</li> <li>Cindy and Evan Goldberg</li>
<li>Kahn-Rowe Family Fund</li> <li>Paul T. Jones</li>
<li>LEGO Education</li> <li>BrainPOP</li>
</ul> </ul>
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Mark Dalton</li> <li>Kahn-Rowe Family Fund</li>
<li>LEGO Education</li>
<li>Morgan Stanley</li> <li>Morgan Stanley</li>
<li>Paul T. Jones</li>
<li>Two Sigma</li> <li>Two Sigma</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5>Inspiration Circle — $50,000+</h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersImaginationTitle" />
</h5>
<hr /> <hr />
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>BrainPOP</li> <li>Alex Ginsburg</li>
<li>Cindy and Evan Goldberg</li> <li>James Tomilson Hill</li>
<li>Kahn-Rowe Family Fund</li> <li>John Overdeck</li>
<li>LEGO Education</li> <li>Mitchel Resnick</li>
<li>David Shaw</li>
<li>David Siegel</li>
<li>Tao Ye</li>
<li>Christos Zoulas</li>
<li>AT&T Aspire</li>
<li>Big Hen Group</li>
<li>Bloomberg Philanthropies</li>
<li>Citibank</li>
<li>Credit Suisse</li>
<li>EPAM</li>
</ul> </ul>
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Mark Dalton</li> <li>Facebook</li>
<li>Morgan Stanley</li> <li>Goldman Sachs</li>
<li>Paul T. Jones</li> <li>Huron Foundation</li>
<li>Two Sigma</li> <li>Intel One-to-One Institute</li>
<li>Piantino Family Foundation</li>
<li>Playmates Toys</li>
<li>Skadden Arps</li>
<li>Societe Generale</li>
<li>Solomon Wilson Family Foundation</li>
<li>Tudor Investments</li>
<li>UBS</li>
<li>Vista Equity Partners</li>
<li>Weill Family Foundation</li>
<li>WestRiver Group</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5>Collaboration Circle — $20,000+</h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersInspirationTitle" />
</h5>
<hr /> <hr />
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>BrainPOP</li> <li>Erik Anderson</li>
<li>Cindy and Evan Goldberg</li> <li>Jon Claerbout</li>
<li>Kahn-Rowe Family Fund</li> <li>Jonathan Dinu</li>
<li>LEGO Education</li> <li>John Doerr</li>
<li>Dan Huttenlocher</li>
<li>Justin Nadler</li>
<li>Ali-Milan Nekmouche</li>
<li>Edward Schmidt</li>
<li>Hope Smith</li>
<li>Alfred Spector</li>
<li>Ben Stein</li>
<li>Donald Sussman</li>
<li>Intel Corporation</li>
<li>Jenner & Block LLP</li>
<li>La Vida Feliz Foundation</li>
<li>Silicon Valley Bank</li>
</ul> </ul>
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Mark Dalton</li> <li>Glen Whitney</li>
<li>Morgan Stanley</li> <li>AIG</li>
<li>Paul T. Jones</li> <li>Amazon</li>
<li>Two Sigma</li> <li>Bank of America</li>
<li>Certified Moving & Storage</li>
<li>Dalio Foundation, Inc.</li>
<li>Dalton Family Foundation</li>
<li>Deutsche Bank</li>
<li>Ernst & Young</li>
<li>Hearst Corporation</li>
<li>HedgeServ</li>
<li>Humble Bundle</li>
<li>Spin Master</li>
<li>Union Square Ventures</li>
</ul> </ul>
</div> </div>
</div> </div>
<div className="supporters-level"> <div className="supporters-level">
<h5>Tinkering Circle — $5,000+</h5> <h5>
<FormattedHTMLMessage id="annualReport.supportersExplorationTitle" />
</h5>
<hr /> <hr />
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>BrainPOP</li> <li>Michael Ball</li>
<li>Cindy and Evan Goldberg</li> <li>Ken Baron</li>
<li>Kahn-Rowe Family Fund</li> <li>Craig Barrett</li>
<li>LEGO Education</li> <li>Adam Beder</li>
<li>Mark Bezos</li>
<li>Eric Chen</li>
<li>Michael Cirillo</li>
<li>Eric Dahm</li>
<li>Peter Desmond</li>
<li>Jeremy Deutsch</li>
<li>John Doyle</li>
<li>Kenneth Ehlert</li>
<li>Tim Ettenheim </li>
<li>Alan Eustace</li>
<li>Steve Evans</li>
<li>Catherine Greenspon</li>
<li>Jonathan W. Hitchon</li>
<li>Margaret Honey</li>
<li>Andrew Janian</li>
<li>David Joerg</li>
<li>Mark Loughridge</li>
<li>Carter Lyons</li>
<li>Adam Messinger</li>
<li>Robert and Bethany Millard </li>
<li>Stephen M. Ross</li>
<li>Wray Thorn</li>
<li>Jessica Traynor</li>
</ul> </ul>
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Mark Dalton</li> <li>Adobe</li>
<li>Morgan Stanley</li> <li>Anchor Point Foundation</li>
<li>Paul T. Jones</li> <li>Barclays</li>
<li>Two Sigma</li> <li>Blackstone Charitable Foundation</li>
<li>Blackstone Group</li>
<li>Cisco/Meraki</li>
<li>Citco</li>
<li>Deloitte</li>
<li>Eclipse Contracting</li>
<li>Funny or Die</li>
<li>Hasbro</li>
<li>J.P. Morgan</li>
<li>Mattel</li>
<li>McGraw Hill Education</li>
<li>NHK</li>
<li>Pearson</li>
<li>Pershing Square Foundation</li>
<li>SAP</li>
<li>Scholastic</li>
<li>The Ramsey Family Fund</li>
<li>Thelonious Monk Institute of Jazz</li>
<li>Via Technologies</li>
<li>WilmerHale</li>
<li>Zoshinkai Holdings</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -736,21 +834,15 @@ class AnnualReport extends React.Component {
<h3> <h3>
<FormattedHTMLMessage id="annualReport.supportersInKindTitle" /> <FormattedHTMLMessage id="annualReport.supportersInKindTitle" />
</h3> </h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae commodo orci, quis ultricies nisi
</p>
<div className="supporters-list"> <div className="supporters-list">
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Amazon Web Services</li> <li>Amazon Web Services</li>
<li>Cindy and Evan Goldberg</li> <li>Fastly</li>
<li>Kahn-Rowe Family Fund</li> <li>New Relic</li>
<li>LEGO Education</li>
</ul> </ul>
<ul className="supporters-list-side"> <ul className="supporters-list-side">
<li>Mark Dalton</li> <li>DK</li>
<li>Morgan Stanley</li> <li>No Starch Press</li>
<li>Paul T. Jones</li>
<li>Two Sigma</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -786,6 +878,12 @@ class AnnualReport extends React.Component {
} }
} }
AnnualReport.propTypes = {
intl: intlShape
};
const WrappedAnnualReport = injectIntl(AnnualReport);
render( render(
<Page><AnnualReport /></Page>, document.getElementById('app') <Page><WrappedAnnualReport /></Page>, document.getElementById('app')
); );

4
src/views/annual-report/annual-report.scss
View file

@ -452,6 +452,10 @@ h5 {
// max-width: 620px; // max-width: 620px;
} }
.founding-partners-blurb {
font-style: italic;
}
.david-siegel { .david-siegel {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;

12
src/views/annual-report/l10n.json
View file

@ -89,8 +89,18 @@
"annualReport.supportersIntro": "Thank you to our generous supporters. Your contribution helps us expand creative learning opportunities for children of all ages, from all backgrounds, around the globe.", "annualReport.supportersIntro": "Thank you to our generous supporters. Your contribution helps us expand creative learning opportunities for children of all ages, from all backgrounds, around the globe.",
"annualReport.supportersSpotlightTitle": "Donor - Spotlight Story", "annualReport.supportersSpotlightTitle": "Donor - Spotlight Story",
"annualReport.supportersSFETitle": "Siegel Family Endowment", "annualReport.supportersSFETitle": "Siegel Family Endowment",
"annualReport.supportersSFEDescription": "In May 2012, David Siegel attended Scratch Day at the MIT Media Lab along 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 Scratch could help children learn practical coding skills and develop as computational thinkers. A few days later, David made his first donation to support Scratch.", "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.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.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.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+",
"annualReport.supportersCreativityTitle": "Creativity Circle — $1,00,000+",
"annualReport.supportersCollaborationTitle": "Collaboration Circle — $200,000+",
"annualReport.supportersImaginationTitle": "Imagination Circle — $50,000+",
"annualReport.supportersInspirationTitle": "Inspiration Circle — $20,000+",
"annualReport.supportersExplorationTitle": "Exploration Circle — $5,000+",
"annualReport.supportersInKindTitle": "In-Kind Supporters 2019 – 2020", "annualReport.supportersInKindTitle": "In-Kind Supporters 2019 – 2020",
"annualReport.donateTitle": "Donate", "annualReport.donateTitle": "Donate",