From f43f3d5e50bed812c451905d6aa29203c4a8d500 Mon Sep 17 00:00:00 2001 From: Raffaella Luzi Stoutland <136349774+rluzists1@users.noreply.github.com> Date: Wed, 21 Aug 2024 21:22:12 +0200 Subject: [PATCH] [website] Add buzzoid and twicsy as gold sponsors (#43368) Signed-off-by: Raffaella Luzi Stoutland <136349774+rluzists1@users.noreply.github.com> Signed-off-by: Olivier Tassinari Co-authored-by: zanivan Co-authored-by: Olivier Tassinari --- .../material/discover-more/backers/backers.md | 9 +++++ docs/public/static/sponsors/twicsy-square.svg | 6 ++++ docs/src/components/home/BacklinkSponsor.tsx | 35 +++++++++++++++++++ docs/src/components/home/GoldSponsors.tsx | 18 ++++++++++ 4 files changed, 68 insertions(+) create mode 100644 docs/public/static/sponsors/twicsy-square.svg create mode 100644 docs/src/components/home/BacklinkSponsor.tsx diff --git a/docs/data/material/discover-more/backers/backers.md b/docs/data/material/discover-more/backers/backers.md index a88996b84f1ce1..f1feb3e50a984a 100644 --- a/docs/data/material/discover-more/backers/backers.md +++ b/docs/data/material/discover-more/backers/backers.md @@ -30,6 +30,15 @@ via [Open Collective](https://opencollective.com/mui-org) or via [the for-profi goread.io

+ +

+ buzzoid.comBuzzoid + twicsy.comTwicsy +

+ Gold sponsors are those who've pledged \$500/month or more to the MUI organization. [Tier benefits](#gold). ## Silver sponsors diff --git a/docs/public/static/sponsors/twicsy-square.svg b/docs/public/static/sponsors/twicsy-square.svg new file mode 100644 index 00000000000000..4da483cb9bba52 --- /dev/null +++ b/docs/public/static/sponsors/twicsy-square.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/src/components/home/BacklinkSponsor.tsx b/docs/src/components/home/BacklinkSponsor.tsx new file mode 100644 index 00000000000000..a26b30dbe14d5b --- /dev/null +++ b/docs/src/components/home/BacklinkSponsor.tsx @@ -0,0 +1,35 @@ +import * as React from 'react'; +import { Link } from '@mui/docs/Link'; +import OpenInNewRoundedIcon from '@mui/icons-material/OpenInNewRounded'; + +export default function BacklinkSponsor(props: { + item: { + name: string; + description: string; + href: string; + }; +}) { + const { item } = props; + // Keep it under two rows maximum. + if (item.description.length > 50) { + throw new Error( + `${item.name}'s description is too long (${item.description.length} characters). It must fit into two line, so under 50 characters.`, + ); + } + + return ( + + {item.name} + + + ); +} diff --git a/docs/src/components/home/GoldSponsors.tsx b/docs/src/components/home/GoldSponsors.tsx index ef92649a1075b6..2a5e4f45a002d9 100644 --- a/docs/src/components/home/GoldSponsors.tsx +++ b/docs/src/components/home/GoldSponsors.tsx @@ -6,6 +6,7 @@ import Typography from '@mui/material/Typography'; import AddRounded from '@mui/icons-material/AddRounded'; import Grid from '@mui/material/Grid2'; import SponsorCard from 'docs/src/components/home/SponsorCard'; +import BacklinkSponsor from 'docs/src/components/home/BacklinkSponsor'; import { Link } from '@mui/docs/Link'; import ROUTES from 'docs/src/route'; @@ -64,6 +65,18 @@ const GOLDs = [ href: 'https://goread.io/?utm_source=MUI&utm_medium=referral&utm_content=homepage', }, ]; +const BACKLINKs = [ + { + name: 'Buzzoid', + description: 'Instant delivery Instagram followers.', + href: 'https://buzzoid.com/', + }, + { + name: 'Twicsy', + description: 'Instant delivery Instagram followers.', + href: 'https://twicsy.com/', + }, +]; export default function GoldSponsors() { const { ref, inView } = useInView({ @@ -142,6 +155,11 @@ export default function GoldSponsors() { +
+ {BACKLINKs.map((item) => ( + + ))} +
); }