diff --git a/README.md b/README.md index 7b1a22a23dd156..316a6bd0904cb7 100644 --- a/README.md +++ b/README.md @@ -44,26 +44,21 @@ yarn add @material-ui/core Please note that `@next` will only point to pre-releases; to get the latest stable release use `@latest` instead. -## Supporting Material-UI +## Who sponsors Material-UI? -Material-UI is an MIT-licensed open source project. It's an independent project with ongoing development helped by the support of these awesome [backers](https://material-ui.com/discover-more/backers/). If you'd like to join them, please consider: -- [Become a backer or sponsor on Patreon](https://www.patreon.com/oliviertassinari). -- [Become a backer or sponsor on OpenCollective](https://opencollective.com/material-ui). +### Diamond 💎 -#### What's the difference between Patreon and OpenCollective? +*3/3 slots available* -Funds donated via Patreon directly support [Olivier Tassinari](https://github.com/oliviertassinari)'s work on Material-UI. -Funds donated via OpenCollective are managed transparently and will be used for compensating work and expenses for core team members. -Your name/logo will receive proper recognition and exposure by donating on either platform. +Diamond Sponsors are those who have pledged $2,000/month and more to Material-UI. +Please contact us at diamond@material-ui.com to subscribe to this tier. -### Gold Sponsors - -Gold Sponsors are those who have pledged $500/month and more to Material-UI. +### Gold 🏆 via [Patreon](https://www.patreon.com/oliviertassinari)

- tidelift + tidelift bitsrc

@@ -74,6 +69,8 @@ via [OpenCollective](https://opencollective.com/material-ui) crosswordsolver

+Gold Sponsors are those who have pledged $500/month and more to Material-UI. + ### There is more! See the full list of [our backers](https://material-ui.com/discover-more/backers/). @@ -137,34 +134,6 @@ Please read the [changelog](https://github.com/mui-org/material-ui/releases). The future plans and high priority features and enhancements can be found in the [roadmap](https://material-ui.com/discover-more/roadmap/) file. -## Thanks - -Material-UI is only made possible thanks to these great services that sponsor our core infrastructure: - -[](https://github.com/) - -GitHub allows us to host the Git repository. - -[](https://circleci.com/) - -CircleCI allows us to run the test suite. - -[](https://www.netlify.com/) - -Netlify allows us to distribute the documentation. - -[](https://crowdin.com/) - -CrowdIn allows us to translate the documentation. - -[](https://www.browserstack.com/) - -BrowserStack allows us to test in real browsers. - -[](https://codecov.io/) - -CodeCov allows us to monitor the test coverage. - ## License This project is licensed under the terms of the diff --git a/docs/pages/discover-more/backers.js b/docs/pages/discover-more/backers.js index d633feb5a23db6..09319595a6b9df 100644 --- a/docs/pages/discover-more/backers.js +++ b/docs/pages/discover-more/backers.js @@ -10,5 +10,5 @@ const reqSource = require.context( const reqPrefix = 'pages/discover-more/backers'; export default function Page() { - return ; + return ; } diff --git a/docs/src/modules/components/AppDrawer.js b/docs/src/modules/components/AppDrawer.js index 963c71fc28b453..22cf2b3f5624fb 100644 --- a/docs/src/modules/components/AppDrawer.js +++ b/docs/src/modules/components/AppDrawer.js @@ -5,6 +5,7 @@ import { useSelector } from 'react-redux'; import { withStyles } from '@material-ui/core/styles'; import List from '@material-ui/core/List'; import Drawer from '@material-ui/core/Drawer'; +import Box from '@material-ui/core/Box'; import SwipeableDrawer from '@material-ui/core/SwipeableDrawer'; import Divider from '@material-ui/core/Divider'; import Hidden from '@material-ui/core/Hidden'; @@ -29,7 +30,7 @@ function PersistScroll(props) { const activeBox = activeElement.getBoundingClientRect(); - if (savedScrollTop === null || activeBox.top - savedScrollTop < 0) { + if (savedScrollTop !== null || activeBox.top < savedScrollTop) { // Center the selected item in the list container. activeElement.scrollIntoView(); // Fix a Chrome issue, reset the tabbable ring back to the top of the document. @@ -161,7 +162,9 @@ function AppDrawer(props) { - + + + {renderNavItems({ props, pages, activePage, depth: 0, t })} ); diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js index 7f64f5336aca60..e32069e18c5ae4 100644 --- a/docs/src/modules/components/AppTableOfContents.js +++ b/docs/src/modules/components/AppTableOfContents.js @@ -4,10 +4,12 @@ import PropTypes from 'prop-types'; import marked from 'marked'; import throttle from 'lodash/throttle'; import clsx from 'clsx'; +import Box from '@material-ui/core/Box'; import { useSelector } from 'react-redux'; import { makeStyles } from '@material-ui/core/styles'; import Typography from '@material-ui/core/Typography'; import textToHash from 'docs/src/modules/utils/textToHash'; +import DiamondSponsors from 'docs/src/modules/components/DiamondSponsors'; import Link from 'docs/src/modules/components/Link'; const useStyles = makeStyles(theme => ({ @@ -255,6 +257,9 @@ export default function AppTableOfContents(props) { ) : null} + + + ); } diff --git a/docs/src/modules/components/DiamondSponsors.js b/docs/src/modules/components/DiamondSponsors.js index 443ce3cb0bbc19..aebebf5956aa93 100644 --- a/docs/src/modules/components/DiamondSponsors.js +++ b/docs/src/modules/components/DiamondSponsors.js @@ -1,6 +1,5 @@ import React from 'react'; import Typography from '@material-ui/core/Typography'; -import Box from '@material-ui/core/Box'; import { useSelector } from 'react-redux'; import { makeStyles } from '@material-ui/core/styles'; import AddIcon from '@material-ui/icons/Add'; @@ -39,7 +38,7 @@ export default function DiamondSponsors() { const t = useSelector(state => state.options.t); return ( - +
{t('diamondSponsors')} @@ -48,10 +47,10 @@ export default function DiamondSponsors() { className={classes.placeholder} rel="noopener noreferrer" target="_blank" - href="https://www.patreon.com/oliviertassinari" + href="/discover-more/backers/#diamond" > - +
); } diff --git a/docs/src/modules/components/HomeQuickWord.js b/docs/src/modules/components/HomeQuickWord.js index a2a38386074cf9..92c3c31388e1ed 100644 --- a/docs/src/modules/components/HomeQuickWord.js +++ b/docs/src/modules/components/HomeQuickWord.js @@ -11,7 +11,7 @@ const backers = [ href: 'https://tidelift.com/subscription/pkg/npm-material-ui?utm_source=material_ui&utm_medium=referral&utm_campaign=homepage', alt: 'tidelift', - title: 'Tidelift — Get Professionally Supported Material-UI', + title: 'Tidelift — Enterprise-ready open source software', }, { href: 'https://bit.dev', diff --git a/docs/src/modules/components/backers.md b/docs/src/modules/components/backers.md index 061e46e93d7dd7..28a5a0e6d09b74 100644 --- a/docs/src/modules/components/backers.md +++ b/docs/src/modules/components/backers.md @@ -1,17 +1,20 @@ -

Supporting Material-UI

+

Material-UI's sponsors

-Material-UI is an MIT-licensed open source project. -It's an independent project with ongoing development made possible entirely -thanks to the support of these awesome [backers](/discover-more/backers/). +The core of Material-UI is a [crowd-funded](/discover-more/backers/) open-source project, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development. -### Gold Sponsors +### Diamond 💎 -Gold Sponsors are those who have pledged $500/month and more to Material-UI. +*3/3 slots available* + +Diamond Sponsors are those who have pledged $2,000/month and more to Material-UI. +Please contact us at diamond@material-ui.com to subscribe to this tier. + +### Gold 🏆 via [Patreon](https://www.patreon.com/oliviertassinari)

- tidelift + tidelift bitsrc

@@ -22,6 +25,8 @@ via [OpenCollective](https://opencollective.com/material-ui) crosswordsolver

+Gold Sponsors are those who have pledged $500/month and more to Material-UI. + ### There are more! See the full list of [our backers](/discover-more/backers/). diff --git a/docs/src/pages/discover-more/backers/backers.md b/docs/src/pages/discover-more/backers/backers.md index 43506b09fa5a8d..e81881b79078c9 100644 --- a/docs/src/pages/discover-more/backers/backers.md +++ b/docs/src/pages/discover-more/backers/backers.md @@ -1,26 +1,24 @@ # Sponsors & Backers -

Support Material-UI’s development through donations.

+

Support Material-UI core’s development through crowdfunding.

-Material-UI is an MIT-licensed open source project. It's an independent project with ongoing development helped by the support of these awesome backers. If you'd like to join them, please consider: +The core of Material-UI is a crowd-funded open-source project, licensed under the permissive MIT license. Sponsorship increases the rate of bug fixes, documentation improvements, and feature development. -- [Become a backer or sponsor on Patreon](https://www.patreon.com/oliviertassinari). -- [Become a backer or sponsor on OpenCollective](https://opencollective.com/material-ui). +## Material-UI's sponsors -#### What's the difference between Patreon and OpenCollective? +### Diamond 💎 -Funds donated via Patreon directly support [Olivier Tassinari](https://github.com/oliviertassinari)'s work on Material-UI. -Funds donated via OpenCollective are managed transparently and will be used for compensating work and expenses for core team members. -Your name/logo will receive proper recognition and exposure by donating on either platform. +*3/3 slots available* -## Gold Sponsors +Diamond Sponsors are those who have pledged $2,000/month and more to Material-UI. +Please contact us at diamond@material-ui.com to subscribe to this tier. -Gold Sponsors are those who have pledged $500/month and more to Material-UI. +### Gold 🏆 via [Patreon](https://www.patreon.com/oliviertassinari)

- tidelift + tidelift bitsrc

@@ -31,48 +29,33 @@ via [OpenCollective](https://opencollective.com/material-ui) crosswordsolver

-## Silver Sponsors +Gold Sponsors are those who have pledged $500/month and more to Material-UI. -Silver Sponsors are those who have pledged $250/month to $500/month to Material-UI. +### Silver via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- Silver Sponsors + Silver Sponsors

-## Bronze Sponsors +Silver Sponsors are those who have pledged $250/month to $500/month to Material-UI. -Bronze Sponsors are those who have pledged $100/month to $250/month to Material-UI. +### Bronze via [Patreon](https://www.patreon.com/oliviertassinari) via [OpenCollective](https://opencollective.com/material-ui)

- Bronze Sponsors + Bronze Sponsors

-## Backers - -via [Patreon](https://www.patreon.com/oliviertassinari) +Bronze Sponsors are those who have pledged $100/month to $250/month to Material-UI. -| ♥️ | ♥️ | ♥️ | ♥️ | ♥️ | -|---|---|---|---|---| -| Olivier Baumann | Linus Gubenis | Scott Fortmann-Roe | Yosmany García Alfonso | cocoanton | -| Hong Yuan | Lucas Nascimento | the-noob | Thomas Hermann | Diana-Alina Olaru | -| Daniel Faust | David Langheiter | LocalMonero | Adam Wells | Vincent Bouzeran | -| Ashwin Hegde | Eric Schultz | Conor Dunk | Jerome Wilson | Greenlink | -| Jolse Maginnis | asmeikal | David Auffret | Naresh Bhatia | Henk van Hest | -| Avétis KAZARIAN | Withinpixels | SIM KIM SIA | Renaud Bompuis | Yaron Malin | -| Arvanitis Panagiotis | Jesse Weigel | Bogdan Mihai Nicolae | Dung Tran | Kyle Pennell | -| Kai Mit Pansen | Eric Nagy | Karens Grigorjancs | Mohamed Turco | Haroun Serang | -| Antonio Seveso | Ali Akhavan | Bruno Winck | Alessandro Annini | Victor Irzak | -| Manuel U Grullon | Skaronator | Peter James | Vincz | Micah Davidson | -| Nelson Batalha | Daniel Woss | Michael Staub | Scott Fortmann-Roe | Markus Wüstenberg | -| Anthony Mezzolesta | Julien Vallini | Johan Eliasson | Tomasz Szkodziński | Joseph Dillman | +### Backers via [OpenCollective](https://opencollective.com/material-ui) @@ -80,9 +63,55 @@ via [OpenCollective](https://opencollective.com/material-ui) Backers

-## Why? +## FAQ + +#### Why is Material-UI a "crowd-funded open-source project"? + +The core of Material-UI is open-source to give users great freedom in how they use the software, and to enable the community to have influence over how the project progresses to make it appropriate for a wide range of use-cases. To make Material-UI a project that users can rely on for years to come, it needs to be well directed and financially sustainable. + +The absolute best way to support Material-UI’s ongoing development efforts is to become a sponsor. Crowd-sourced funding enables us to spend the most time directly working on improving Material-UI core, which you and other Material-UI users then benefit from. + +#### How is sponsorship money spent? + +Sponsorship money is used to fund software development, testing, documentation, and releases of the Material-UI software suite. + +#### Is sponsorship required to use Material-UI? + +Users are not legally required to give back to the Material-UI project, but it is in their interest to do so. + +By significantly reducing the amount of work needed to achieve business goals and reducing running costs, Material-UI results in huge time and money savings for users. We encourage organizations to contribute a portion of these savings back, enabling the project to advance more rapidly and result in even greater savings for your organization. + +#### What's the difference between Patreon and OpenCollective? + +Funds received via Patreon or other forms, directly support [Olivier Tassinari](https://github.com/oliviertassinari) and the core team mission. +The funds go to a for-profit entity that employs some of the core team members. + +Funds donated via OpenCollective are managed transparently and aimed to sustain the MIT core of Material-UI. Material-UI benefits from the Open Collective's fiscal sponsorship (hosted as a non-profit), in exchange for 10% of the donations. + +## Services + +These great services sponsor Material-UI's core infrastructure: + +- [](https://github.com/) + +GitHub allows us to host the Git repository. + +- [](https://circleci.com/) + +CircleCI allows us to run the test suite. + +- [](https://www.netlify.com/) + +Netlify allows us to distribute the documentation. + +- [](https://crowdin.com/) + +CrowdIn allows us to translate the documentation. + +- [](https://www.browserstack.com/) + +BrowserStack allows us to test in real browsers. -If you run a business and are using Material-UI in a revenue-generating product, it makes business sense to sponsor Material-UI development: **it ensures the project that your product relies on stays healthy and actively maintained**. -It can also help your exposure in the Material-UI community and makes it easier to attract Material-UI developers. +- [](https://codecov.io/) -If you are an individual user and have enjoyed the productivity of using Material-UI, consider donating as a sign of appreciation. +CodeCov allows us to monitor the test coverage.