From 43309b2796bc209eb1aabf30066c4bfc24403f87 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Sat, 25 Jan 2020 15:28:14 +0100 Subject: [PATCH] [blog] Improve the layout --- docs/pages/_app.js | 2 - .../blog/2019-developer-survey-results.js | 4 +- .../blog/2019-developer-survey-results.md | 8 +- docs/pages/blog/april-2019-update.js | 4 +- docs/pages/blog/april-2019-update.md | 8 +- docs/pages/blog/august-2019-update.js | 4 +- docs/pages/blog/august-2019-update.md | 8 +- docs/pages/blog/december-2019-update.js | 4 +- docs/pages/blog/december-2019-update.md | 8 +- docs/pages/blog/july-2019-update.js | 4 +- docs/pages/blog/july-2019-update.md | 8 +- docs/pages/blog/june-2019-update.js | 4 +- docs/pages/blog/june-2019-update.md | 8 +- docs/pages/blog/march-2019-update.js | 4 +- docs/pages/blog/march-2019-update.md | 8 +- docs/pages/blog/material-ui-v1-is-out.js | 4 +- docs/pages/blog/material-ui-v1-is-out.md | 2 +- docs/pages/blog/material-ui-v4-is-out.js | 4 +- docs/pages/blog/material-ui-v4-is-out.md | 2 +- docs/pages/blog/may-2019-update.js | 4 +- docs/pages/blog/may-2019-update.md | 8 +- docs/pages/blog/november-2019-update.js | 4 +- docs/pages/blog/november-2019-update.md | 8 +- docs/pages/blog/october-2019-update.js | 4 +- docs/pages/blog/october-2019-update.md | 8 +- docs/pages/blog/september-2019-update.js | 4 +- docs/pages/blog/september-2019-update.md | 8 +- docs/pages/index.js | 7 +- docs/src/modules/components/AppContainer.js | 31 ++++ docs/src/modules/components/AppContent.js | 71 --------- docs/src/modules/components/AppDrawer.js | 2 +- .../{HomeFooter.js => AppFooter.js} | 6 +- docs/src/modules/components/AppFrame.js | 8 +- .../modules/components/AppTableOfContents.js | 1 - docs/src/modules/components/MarkdownDocs.js | 135 +++++++++--------- .../src/modules/components/MarkdownElement.js | 3 +- docs/src/modules/components/TopLayoutBlog.js | 93 ++++++++++++ .../modules/components/TopLayoutCompany.js | 12 +- docs/src/pages.js | 31 +--- docs/src/pages/discover-more/team/Team.js | 2 +- docs/src/pages/discover-more/team/team.md | 2 +- 41 files changed, 253 insertions(+), 297 deletions(-) create mode 100644 docs/src/modules/components/AppContainer.js delete mode 100644 docs/src/modules/components/AppContent.js rename docs/src/modules/components/{HomeFooter.js => AppFooter.js} (98%) create mode 100644 docs/src/modules/components/TopLayoutBlog.js diff --git a/docs/pages/_app.js b/docs/pages/_app.js index 8c21428fe6d471..00d52ca2875b92 100644 --- a/docs/pages/_app.js +++ b/docs/pages/_app.js @@ -300,8 +300,6 @@ function AppWrapper(props) { fonts = [ 'https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Work+Sans:300,400&display=swap', ]; - } else if (pathname.match(/blog/)) { - fonts.push('https://fonts.googleapis.com/css?family=Roboto+Slab:300&display=swap'); } return ( diff --git a/docs/pages/blog/2019-developer-survey-results.js b/docs/pages/blog/2019-developer-survey-results.js index adb9872bcfc56c..1efae03a9c899b 100644 --- a/docs/pages/blog/2019-developer-survey-results.js +++ b/docs/pages/blog/2019-developer-survey-results.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './2019-developer-survey-results.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/2019-developer-survey-results.md b/docs/pages/blog/2019-developer-survey-results.md index 0c1db9119a262f..3a99245328d022 100644 --- a/docs/pages/blog/2019-developer-survey-results.md +++ b/docs/pages/blog/2019-developer-survey-results.md @@ -4,9 +4,7 @@ description: 2019 Material-UI Developer Survey results # 2019 Material-UI Developer Survey results -**Olivier Tassinari, Matt Brookes** - -*March 16, 2019* +Olivier Tassinari, Matt Brookes. March 16, 2019. While we are currently working on the upcoming release of Material-UI v4, we need to prioritize our roadmap for the coming year. To refine our focus, we launched a developer survey last month, @@ -323,7 +321,3 @@ If you want to continue to influence our roadmap, please upvote πŸ‘ the issues How to upvote on GitHub
Help us prioritize by upvoting.
- -
- -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/). Please join them ✨. diff --git a/docs/pages/blog/april-2019-update.js b/docs/pages/blog/april-2019-update.js index bf4a5b38c4afef..b9643f2038e2c0 100644 --- a/docs/pages/blog/april-2019-update.js +++ b/docs/pages/blog/april-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './april-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/april-2019-update.md b/docs/pages/blog/april-2019-update.md index 231aad3ec8ebe0..82a0928489a133 100644 --- a/docs/pages/blog/april-2019-update.md +++ b/docs/pages/blog/april-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in April. # April 2019 Update -**Olivier Tassinari** - -*May 7, 2019* +Olivier Tassinari. May 7, 2019. Here are the most significant improvements in April: @@ -62,7 +60,3 @@ But this summary is just scratching the surface. We have accepted 243 commits fr - Something big 🌈 - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/august-2019-update.js b/docs/pages/blog/august-2019-update.js index 0738c22c416625..ee89b462907018 100644 --- a/docs/pages/blog/august-2019-update.js +++ b/docs/pages/blog/august-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './august-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/august-2019-update.md b/docs/pages/blog/august-2019-update.md index 64f2557e163514..83865989c34c2f 100644 --- a/docs/pages/blog/august-2019-update.md +++ b/docs/pages/blog/august-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in August. # August 2019 Update -**Olivier Tassinari** - -*September 7, 2019* +Olivier Tassinari. September 7, 2019. Here are the most significant improvements in August: @@ -38,7 +36,3 @@ But this summary is just scratching the surface. We have accepted 193 commits fr - πŸ” We will keep working on providing ready to use autocomplete, combo box, and multi-select components. We announced it last month but have made little progress so far due to focusing on fixing bugs in existing components. Let's make it happen! - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/december-2019-update.js b/docs/pages/blog/december-2019-update.js index 920c48e4c0f14b..577e6e8d3a7b93 100644 --- a/docs/pages/blog/december-2019-update.js +++ b/docs/pages/blog/december-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './december-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/december-2019-update.md b/docs/pages/blog/december-2019-update.md index 75d8bf39715eda..d9d159b078005a 100644 --- a/docs/pages/blog/december-2019-update.md +++ b/docs/pages/blog/december-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in December. # December 2019 Update -**Olivier Tassinari** - -*January 7, 2020* +Olivier Tassinari. January 7, 2020. Here are the most significant improvements in December: @@ -49,7 +47,3 @@ But this summary is just scratching the surface. We have accepted 168 commits fr ![Data grid](/static/blog/december-2019-update/data-grid.png) ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/july-2019-update.js b/docs/pages/blog/july-2019-update.js index 6d6d91a8c6cfbc..228462f919c5a8 100644 --- a/docs/pages/blog/july-2019-update.js +++ b/docs/pages/blog/july-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './july-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/july-2019-update.md b/docs/pages/blog/july-2019-update.md index bd9347ddd60a64..ac235a383ef0e6 100644 --- a/docs/pages/blog/july-2019-update.md +++ b/docs/pages/blog/july-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in July. # July 2019 Update -**Olivier Tassinari** - -*August 4, 2019* +Olivier Tassinari. August 4, 2019. Here are the most significant improvements in July: @@ -42,7 +40,3 @@ But this summary is just scratching the surface. We have accepted 146 commits fr ![Skeleton](/static/blog/july-2019-update/skeleton.png) - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/june-2019-update.js b/docs/pages/blog/june-2019-update.js index d3ee08f8766c79..5087c3f427b986 100644 --- a/docs/pages/blog/june-2019-update.js +++ b/docs/pages/blog/june-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './june-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/june-2019-update.md b/docs/pages/blog/june-2019-update.md index 941754652a1960..ca0a817957406b 100644 --- a/docs/pages/blog/june-2019-update.md +++ b/docs/pages/blog/june-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in June. # June 2019 Update -**Olivier Tassinari** - -*July 8, 2019* +Olivier Tassinari. July 8, 2019. Here are the most significant improvements in June: @@ -34,7 +32,3 @@ But this summary is just scratching the surface. We have accepted 198 commits fr ![Rating](/static/blog/june-2019-update/rating.png) - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/march-2019-update.js b/docs/pages/blog/march-2019-update.js index afe76bc59be44d..09c3ae74833013 100644 --- a/docs/pages/blog/march-2019-update.js +++ b/docs/pages/blog/march-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './march-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/march-2019-update.md b/docs/pages/blog/march-2019-update.md index 7211149f7be950..8bcf695140939b 100644 --- a/docs/pages/blog/march-2019-update.md +++ b/docs/pages/blog/march-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in March. # March 2019 Update -**Olivier Tassinari** - -*April 5, 2019* +Olivier Tassinari. April 5, 2019. Here are the most significant improvements in March: @@ -36,7 +34,3 @@ Don't worry, it's almost over! We will focus on providing more components once w - Migration from Classes to Hooks, removal of unnecessary internal components. - Removal of `findDOMNode()`, support of `StrictMode`, forward of references. - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/material-ui-v1-is-out.js b/docs/pages/blog/material-ui-v1-is-out.js index fdc106827c83c8..b3b374eddb82e5 100644 --- a/docs/pages/blog/material-ui-v1-is-out.js +++ b/docs/pages/blog/material-ui-v1-is-out.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './material-ui-v1-is-out.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/material-ui-v1-is-out.md b/docs/pages/blog/material-ui-v1-is-out.md index 4121074538f2f9..ae8d1fcb476a03 100644 --- a/docs/pages/blog/material-ui-v1-is-out.md +++ b/docs/pages/blog/material-ui-v1-is-out.md @@ -4,7 +4,7 @@ description: Material-UI v1 is outΒ πŸŽ‰ # Material-UI v1 is out πŸŽ‰ -*May 18, 2018* +The core team. May 18, 2018. > React components that implement Google’s Material Design. diff --git a/docs/pages/blog/material-ui-v4-is-out.js b/docs/pages/blog/material-ui-v4-is-out.js index dc91dd9ff45024..0a3f8d7739926c 100644 --- a/docs/pages/blog/material-ui-v4-is-out.js +++ b/docs/pages/blog/material-ui-v4-is-out.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './material-ui-v4-is-out.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/material-ui-v4-is-out.md b/docs/pages/blog/material-ui-v4-is-out.md index 4d2e27ea8e677c..43ea484eb1dab1 100644 --- a/docs/pages/blog/material-ui-v4-is-out.md +++ b/docs/pages/blog/material-ui-v4-is-out.md @@ -4,7 +4,7 @@ description: Material-UI v4 is outΒ πŸŽ‰ # Material-UI v4 is outΒ πŸŽ‰ -*May 23, 2019* +The core team. May 23, 2019. > React components for faster and easier web development. Build your own design system, or start with Material Design. diff --git a/docs/pages/blog/may-2019-update.js b/docs/pages/blog/may-2019-update.js index f2334cadd4e818..5b9c635f878d76 100644 --- a/docs/pages/blog/may-2019-update.js +++ b/docs/pages/blog/may-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './may-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/may-2019-update.md b/docs/pages/blog/may-2019-update.md index 12701a64342442..380e84d9752f32 100644 --- a/docs/pages/blog/may-2019-update.md +++ b/docs/pages/blog/may-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in May. # May 2019 Update -**Olivier Tassinari** - -*June 8, 2019* +Olivier Tassinari. June 8, 2019. Here are the most significant improvements in May: @@ -38,7 +36,3 @@ If you are an enterprise and are looking for one of the following: You can contact us at advisory@material-ui.com. - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/november-2019-update.js b/docs/pages/blog/november-2019-update.js index 4bd3553e76d4d4..14b2e77ad02adf 100644 --- a/docs/pages/blog/november-2019-update.js +++ b/docs/pages/blog/november-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './november-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/november-2019-update.md b/docs/pages/blog/november-2019-update.md index 1d66ab632419a6..87b683cb153c1d 100644 --- a/docs/pages/blog/november-2019-update.md +++ b/docs/pages/blog/november-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in November. # November 2019 Update -**Olivier Tassinari** - -*December 12, 2019* +Olivier Tassinari. December 12, 2019. Here are the most significant improvements in November: @@ -57,7 +55,3 @@ To get a rough idea of what's coming, you can read [this blog post](https://uxde We want to cover styled-component [#6115](https://github.com/mui-org/material-ui/pull/#6115), the system [#15561](https://github.com/mui-org/material-ui/issues/15561), dynamic props [#15573](https://github.com/mui-org/material-ui/issues/15573) and an unstyled version [#6218](https://github.com/mui-org/material-ui/pull/6218). ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/october-2019-update.js b/docs/pages/blog/october-2019-update.js index 8a5c70c109dd21..1129bb9657112e 100644 --- a/docs/pages/blog/october-2019-update.js +++ b/docs/pages/blog/october-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './october-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/october-2019-update.md b/docs/pages/blog/october-2019-update.md index 8f1e55e9d29683..e2dcb8e4cac32c 100644 --- a/docs/pages/blog/october-2019-update.md +++ b/docs/pages/blog/october-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in October. # October 2019 Update -**Olivier Tassinari** - -*November 8, 2019* +Olivier Tassinari. November 8, 2019. Here are the most significant improvements in October: @@ -41,7 +39,3 @@ This is an effort [of our roadmap](/discover-more/roadmap/) to better answer ent - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. These are three major efforts, we will likely need the whole quarter (Q4) to make significant progress. Stay tuned. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/blog/september-2019-update.js b/docs/pages/blog/september-2019-update.js index c5037c7efd95f0..8e835fd8566c53 100644 --- a/docs/pages/blog/september-2019-update.js +++ b/docs/pages/blog/september-2019-update.js @@ -1,7 +1,7 @@ import React from 'react'; -import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; import markdown from './september-2019-update.md'; export default function Page() { - return ; + return ; } diff --git a/docs/pages/blog/september-2019-update.md b/docs/pages/blog/september-2019-update.md index 74316633b9f069..2876fc616b2445 100644 --- a/docs/pages/blog/september-2019-update.md +++ b/docs/pages/blog/september-2019-update.md @@ -4,9 +4,7 @@ description: Here are the most significant improvements in September. # September 2019 Update -**Olivier Tassinari** - -*October 12, 2019* +Olivier Tassinari. October 12, 2019. Here are the most significant improvements in September: @@ -65,7 +63,3 @@ But this summary is just scratching the surface. We have accepted 199 commits fr ⭐️ Notice that the advanced features of the data grid will be paid, behind an enterprise subscription. This is an effort part of [our roadmap](/discover-more/roadmap/) to answer enterprise needs. - ❓ Please upvote our [GitHub issues](https://github.com/mui-org/material-ui/issues) if you want something specific. The number of πŸ‘ helps us to prioritize. - -
- -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](/discover-more/backers/). Please join them ✨. diff --git a/docs/pages/index.js b/docs/pages/index.js index f8f083fd443caa..759f527912a7d4 100644 --- a/docs/pages/index.js +++ b/docs/pages/index.js @@ -9,7 +9,7 @@ import HomeQuickWord from 'docs/src/modules/components/HomeQuickWord'; import HomeBackers from 'docs/src/modules/components/HomeBackers'; import HomeUsers from 'docs/src/modules/components/HomeUsers'; import HomePro from 'docs/src/modules/components/HomePro'; -import HomeFooter from 'docs/src/modules/components/HomeFooter'; +import AppFooter from 'docs/src/modules/components/AppFooter'; import AppFrame from 'docs/src/modules/components/AppFrame'; import Link from 'docs/src/modules/components/Link'; import Head from 'docs/src/modules/components/Head'; @@ -31,9 +31,6 @@ function loadDependencies() { const useStyles = makeStyles(theme => ({ root: { flex: '1 0 100%', - '& #main-content': { - outline: 0, - }, }, hero: { paddingTop: 64, @@ -165,7 +162,7 @@ export default function HomePage() { - +