From 0143b4cf2ebd3835bbee54501c9bc00b041f0fc8 Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 11 Mar 2024 08:23:43 -0300 Subject: [PATCH 1/6] simplify overall layout and code --- .../MaterialFreeTemplatesCollection.js | 108 ++++++------------ 1 file changed, 34 insertions(+), 74 deletions(-) diff --git a/docs/src/modules/components/MaterialFreeTemplatesCollection.js b/docs/src/modules/components/MaterialFreeTemplatesCollection.js index 21f2434fa55110..5b720c5f8e4b80 100644 --- a/docs/src/modules/components/MaterialFreeTemplatesCollection.js +++ b/docs/src/modules/components/MaterialFreeTemplatesCollection.js @@ -80,12 +80,13 @@ export default function Templates() { const t = useTranslate(); return ( - + {layouts(t).map((layout) => ( - - ({ - height: 0, - pt: '65%', - '&:focus-visible': { - borderRadius: 1, - outline: `3px solid ${alpha(theme.palette.primary[500], 0.5)}`, - outlineOffset: '-8px', - }, - })} - /> - - {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} - ({ - display: 'flex', - alignItems: 'center', - justifyContent: 'center', - flexDirection: 'column', - gap: 1, - transition: '0.15s', - position: 'absolute', - width: '100%', - height: '100%', - top: 0, - left: 0, - bgcolor: alpha(theme.palette.primary[50], 0.5), - backdropFilter: 'blur(4px)', - opacity: 0, - '&:hover, &:focus-visible': { - opacity: 1, - }, - ...theme.applyDarkStyles({ - bgcolor: alpha(theme.palette.common.black, 0.8), - }), - })} - > - - - View live preview - - - - - - - {layout.title} - - - {layout.description} - + /> + + {layout.title} + + + {layout.description} + + + From bdd248a9bf57e0404f034898f3c3c0a9489cc62f Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 11 Mar 2024 08:34:04 -0300 Subject: [PATCH 2/6] reduce description length a bit --- packages/mui-docs/src/translations/translations.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/mui-docs/src/translations/translations.json b/packages/mui-docs/src/translations/translations.json index 2cfd55015973b3..9af95b6a175668 100644 --- a/packages/mui-docs/src/translations/translations.json +++ b/packages/mui-docs/src/translations/translations.json @@ -75,13 +75,13 @@ "toggleSettings": "Toggle settings drawer" }, "backToTop": "Scroll back to top", - "blogDescr": "A sophisticated blog page layout. Markdown support is courtesy of markdown-to-jsx.", + "blogDescr": "A polished blog page layout. Markdown support is courtesy of markdown-to-jsx.", "blogTitle": "Blog", "bundleSize": "Bundle size", "bundleSizeTooltip": "Scroll down to 'Exports Analysis' for a more detailed report.", "cancel": "Cancel", "cdn": "or use a CDN.", - "checkoutDescr": "A step-by-step checkout page layout. Adapt the number of steps to suit your needs, or make steps optional.", + "checkoutDescr": "A step-by-step checkout flow with an adaptable (or optional) number of steps.", "checkoutTitle": "Checkout", "clickToCopy": "Click to copy", "close": "Close", From 00252d082284dfcfe367f3f0221d8cbb1c28f33e Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 11 Mar 2024 08:50:59 -0300 Subject: [PATCH 3/6] cleaning up --- .../getting-started/templates/templates.md | 4 ++-- .../MaterialFreeTemplatesCollection.js | 18 ++++++++++-------- .../src/translations/translations.json | 2 +- 3 files changed, 13 insertions(+), 11 deletions(-) diff --git a/docs/data/material/getting-started/templates/templates.md b/docs/data/material/getting-started/templates/templates.md index 8cc0416d6291b9..4d9a40ce5ef0a7 100644 --- a/docs/data/material/getting-started/templates/templates.md +++ b/docs/data/material/getting-started/templates/templates.md @@ -5,13 +5,13 @@ title: 9+ Free React Templates # React Templates -

Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React admin panel, and more.

+

Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React landing page, and more.

## Free templates -Our curated collection of free Material UI templates includes dashboards, sign-in and sign-up pages, a blog, a checkout flow, and more. +Our curated collection of free Material UI templates includes dashboards, landing pages, sign-in and sign-up pages, a blog, a checkout flow, and more. They can be combined with one of the [example projects](/material-ui/getting-started/example-projects/) to form a complete starter. Sections of each layout are clearly defined either by comments or use of separate files, diff --git a/docs/src/modules/components/MaterialFreeTemplatesCollection.js b/docs/src/modules/components/MaterialFreeTemplatesCollection.js index 5b720c5f8e4b80..034e39cc874535 100644 --- a/docs/src/modules/components/MaterialFreeTemplatesCollection.js +++ b/docs/src/modules/components/MaterialFreeTemplatesCollection.js @@ -1,14 +1,11 @@ /* eslint-disable material-ui/no-hardcoded-labels */ import * as React from 'react'; -import NextLink from 'next/link'; -import { alpha } from '@mui/material/styles'; import Box from '@mui/material/Box'; import Card from '@mui/material/Card'; import CardMedia from '@mui/material/CardMedia'; import Button from '@mui/material/Button'; import Grid from '@mui/material/Grid'; import Typography from '@mui/material/Typography'; -import Link from '@mui/material/Link'; import Visibility from '@mui/icons-material/Visibility'; import CodeRoundedIcon from '@mui/icons-material/CodeRounded'; import { useTranslate } from '@mui/docs/i18n'; @@ -82,16 +79,15 @@ export default function Templates() { return ( {layouts(t).map((layout) => ( - + {layout.description} - + - + + + From f35ae275b971ee7352827973c6a5636459069973 Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 11 Mar 2024 12:54:47 -0300 Subject: [PATCH 5/6] two column layout on desktop as per Victor's suggestion --- .../MaterialFreeTemplatesCollection.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/docs/src/modules/components/MaterialFreeTemplatesCollection.js b/docs/src/modules/components/MaterialFreeTemplatesCollection.js index 251df574c69473..2099e141b6adab 100644 --- a/docs/src/modules/components/MaterialFreeTemplatesCollection.js +++ b/docs/src/modules/components/MaterialFreeTemplatesCollection.js @@ -79,7 +79,7 @@ export default function Templates() { return ( {layouts(t).map((layout) => ( - + } + startIcon={} + data-ga-event-category="material-ui-template" + data-ga-event-label={layout.title} + data-ga-event-action="preview-img" > - Code + Live preview From 0480da16b97038a22d7afc940d70ad1dcc6cb99b Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Mon, 11 Mar 2024 12:55:45 -0300 Subject: [PATCH 6/6] tweak the landing page description --- packages/mui-docs/src/translations/translations.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/mui-docs/src/translations/translations.json b/packages/mui-docs/src/translations/translations.json index 25cca31746b095..555c2b6f9306ee 100644 --- a/packages/mui-docs/src/translations/translations.json +++ b/packages/mui-docs/src/translations/translations.json @@ -62,7 +62,7 @@ "joy-variant": "To learn how to add your own variants, check out Themed components—Extend variants." } }, - "landingPageDescr": "A responsive landing page layout with many common sections.", + "landingPageDescr": "A responsive landing page layout with common sections found in marketing pages.", "landingPageTitle": "Landing page", "searchButton": "Search…", "algoliaSearch": "What are you looking for?",