diff --git a/docs/pages/blog.tsx b/docs/pages/blog.tsx index 9c60ca4e74421c..544fcd02b06a42 100644 --- a/docs/pages/blog.tsx +++ b/docs/pages/blog.tsx @@ -98,20 +98,17 @@ function PostPreview(props: BlogPost) { '& .MuiAvatar-circular': { width: 28, height: 28, - border: 3, - borderColor: '#FFF', + border: `1px solid ${(theme.vars || theme).palette.divider}`, + outline: '3px solid', + outlineColor: '#FFF', backgroundColor: (theme.vars || theme).palette.grey[100], - color: (theme.vars || theme).palette.grey[800], - fontSize: theme.typography.pxToRem(13), - fontWeight: 500, }, }), (theme) => theme.applyDarkStyles({ '& .MuiAvatar-circular': { - borderColor: (theme.vars || theme).palette.primaryDark[800], + outlineColor: (theme.vars || theme).palette.primaryDark[900], backgroundColor: (theme.vars || theme).palette.primaryDark[700], - color: (theme.vars || theme).palette.primaryDark[100], }, }), ]} @@ -167,17 +164,7 @@ function PostPreview(props: BlogPost) { href={`/blog/${props.slug}`} id={`describe-${props.slug}`} endIcon={} - sx={(theme) => ({ - mt: { xs: 1, md: 0 }, - mb: { xs: -1, md: 0 }, - color: (theme.vars || theme).palette.primary[600], - '& .MuiButton-endIcon': { - ml: 0, - }, - ...theme.applyDarkStyles({ - color: (theme.vars || theme).palette.primary[300], - }), - })} + sx={{ mt: { xs: 0.5, md: 0 }, p: { xs: 0, sm: '6px 8px' } }} > Read more @@ -293,7 +280,7 @@ export default function Blog(props: InferGetStaticPropsType theme.applyDarkStyles({ - boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.4)', + boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.4)', }), ]} > diff --git a/docs/pages/blog/remote-award-win-2024.js b/docs/pages/blog/remote-award-win-2024.js new file mode 100644 index 00000000000000..bec6ea4f331576 --- /dev/null +++ b/docs/pages/blog/remote-award-win-2024.js @@ -0,0 +1,7 @@ +import * as React from 'react'; +import TopLayoutBlog from 'docs/src/modules/components/TopLayoutBlog'; +import { docs } from './remote-award-win-2024.md?muiMarkdown'; + +export default function Page() { + return ; +} diff --git a/docs/pages/blog/remote-award-win-2024.md b/docs/pages/blog/remote-award-win-2024.md new file mode 100644 index 00000000000000..d41c7702449788 --- /dev/null +++ b/docs/pages/blog/remote-award-win-2024.md @@ -0,0 +1,53 @@ +--- +title: MUI scoops the win in renowned Remote Excellence Awards +description: We're delighted to be honored with this global recognition for our commitment to fostering excellence in remote work. +date: 2024-03-20T12:00:00.000Z +authors: ['mikailaread'] +tags: ['Company'] +card: true +--- + +MUI has been named a **winner** in the first-ever [Remote Excellence Awards](https://remote.com/remote-excellence-awards/), in the Small & Mighty category! 🎉 + +MUI's official winners badge provided by Remote. + +## Small & Mighty winners + +The awards, presented by [Remote](https://remote.com/), recognize companies that have demonstrated exceptional commitment, innovation, and enthusiasm in navigating the challenges and opportunities presented by remote work. + +The awards celebrate MUI's efforts driving success in the realm of remote work and distributed teams and provide a roadmap of effective strategies and practices for other businesses to follow. +The winners across 10 categories were selected through a rigorous evaluation process by a panel of judges, comprising Remote's leaders and a panel of influential industry figures. +Factors considered included employee engagement, impact on employee engagement and productivity, and technology adoption. + +> MUI's achievement in the Remote Excellence Awards highlights the dedication and hard work of its leaders and teams in succeeding in the new world of work. +> Organizations like these have become the benchmark, through their commitment to excellence and their ability to thrive, paving a way forward for other organizations to confidently pursue their own remote work endeavors. + +– [Job van der Voort](https://www.linkedin.com/in/jobvo/), CEO, and Co-founder of Remote. + +> MUI is the definition of small and mighty. I am blown away by their commitment to building a company in their own way while achieving powerful results for themselves, their community, and their customers. + +– [Hailley Griffis](https://www.linkedin.com/in/hailleygriffis/), Head of Communications & Content at Buffer + +## Reflections from MUI's leadership + +Above all, this recognition as one of the best fully remote workplaces is a testament to the incredible dedication of our team. +A company's culture lives in the daily interactions of the people who work there. +I'm so proud to see ours celebrated for how, together, we've built a highly efficient remote work environment that's able to serve a global community comprising hundreds of thousands of designers and developers. + +It's a reflection of the commitment shared by every MUIer, and proof of the power of remote teams united by shared principles and values. +Congratulations to all winners! + +When asked what he'd like to say to MUI employees about this win, Co-founder and CEO Olivier Tassinari said: + +> It feels extremely validating to see MUI (and our leadership) recognized in this way! We truly care about doing remote work well, and it's part of why we've scaled so intentionally. +> What started as an open-source community has grown and evolved into a lean, focused team that's committed to driving the best possible experience for both developers and users. +> What we've been able to accomplish in the last 5 years as an async, distributed organization fills me with gratitude for our people today and excitement for what's to come in the future. + +## Join our thriving remote team from anywhere + +MUI is hiring now for always-remote roles. +We're looking for people who share our passion for quality, community, and freedom to help us shape the future of new developer tools. + +If our purpose and ways of working resonate with you, we'd love to hear from you! + +👉 Visit [our Careers page](/careers/) now. diff --git a/docs/pages/careers.tsx b/docs/pages/careers.tsx index dc3aeb54857037..f4d2472df7dfa9 100644 --- a/docs/pages/careers.tsx +++ b/docs/pages/careers.tsx @@ -328,6 +328,55 @@ function renderFAQItem(index: number, defaultExpanded?: boolean) { ); } +function RemoteAwardCard() { + return ( + + + ({ + width: '100%', + height: '100%', + ...theme.applyDarkStyles({ + content: `url(/static/branding/careers/remote-award-dark.png)`, + }), + })} + /> + +
+ + Remote Excellence Awards + + + Winners in the first-ever Remote Excellence Awards, in the Small & Mighty category! 🎉 + + + Learn more + +
+
+ ); +} + export default function Careers() { return ( @@ -399,41 +448,39 @@ export default function Careers() { - - {companyInfo.map(({ title, description, routeUrl }) => ( - - - {title} - - - {description} - - ({ - color: 'primary.600', - ...theme.applyDarkStyles({ - color: 'primary.400', - }), - })} - variant="body2" - fontWeight="bold" - > - Learn more{' '} - - - - ))} - + + + + + + + {companyInfo.map(({ title, description, routeUrl }) => ( + + + {title} + + + {description} + + + Learn more{' '} + + + + ))} + + + diff --git a/docs/public/static/blog/remote-award-win-2024/award-image.png b/docs/public/static/blog/remote-award-win-2024/award-image.png new file mode 100644 index 00000000000000..594e912b700caf Binary files /dev/null and b/docs/public/static/blog/remote-award-win-2024/award-image.png differ diff --git a/docs/public/static/blog/remote-award-win-2024/card.png b/docs/public/static/blog/remote-award-win-2024/card.png new file mode 100644 index 00000000000000..98d748dc5650d0 Binary files /dev/null and b/docs/public/static/blog/remote-award-win-2024/card.png differ diff --git a/docs/public/static/branding/careers/remote-award-dark.png b/docs/public/static/branding/careers/remote-award-dark.png new file mode 100644 index 00000000000000..fb7e0c9d18725d Binary files /dev/null and b/docs/public/static/branding/careers/remote-award-dark.png differ diff --git a/docs/public/static/branding/careers/remote-award-light.png b/docs/public/static/branding/careers/remote-award-light.png new file mode 100644 index 00000000000000..091dbd60b25384 Binary files /dev/null and b/docs/public/static/branding/careers/remote-award-light.png differ