[blog] Improve the layout (#19385)

mui · Jan 26, 2020 · 197143b · 197143b
1 parent 49efd45
commit 197143b
Show file tree

Hide file tree

Showing 41 changed files with 253 additions and 297 deletions.
diff --git 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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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
 
 <img src="/static/blog/2019-survey/vote.gif" style="display: block; margin: 0 auto;" alt="How to upvote on GitHub" />
 <div style="font-style: italic; text-align: center; margin: 8px;">Help us prioritize by upvoting.</div>
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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 <MarkdownDocs markdown={markdown} blog disableAd disableToc disableEdit />;
+  return <TopLayoutBlog markdown={markdown} />;
 }
diff --git 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.
-
-<hr />
-
-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
@@ -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() {
           <HomeBackers />
           <HomeUsers />
         </main>
-        <HomeFooter />
+        <AppFooter />
       </div>
       <script
         type="application/ld+json"