From d55cbb44c8109c55eeab2e9b812fa953c7fb4bee Mon Sep 17 00:00:00 2001 From: Vordgi Date: Fri, 26 Jun 2026 19:58:14 +0100 Subject: [PATCH 1/5] feat: split sponsors to diff levels --- app/assets/logos/sponsors/index.ts | 120 +++++++++++++++-------------- app/components/AppFooter.vue | 30 ++++++-- app/pages/about.vue | 14 +++- i18n/locales/en.json | 7 +- i18n/schema.json | 9 +++ 5 files changed, 111 insertions(+), 69 deletions(-) diff --git a/app/assets/logos/sponsors/index.ts b/app/assets/logos/sponsors/index.ts index 07d5532534..ebb75f1b94 100644 --- a/app/assets/logos/sponsors/index.ts +++ b/app/assets/logos/sponsors/index.ts @@ -20,68 +20,72 @@ import LogoChromaticLight from './chromatic-light.svg' // If there are no original assets and the logo is not universal, you can add only the dark theme variant // and specify 'auto' for the light one - this will grayscale the logo and invert it in light mode. // The normalisingIndent is the Y-axis space to visually stabilize favicon-only logos with logotypes that contain long name. -export const SPONSORS = [ - { - name: 'Vercel', - logo: { - dark: LogoVercel, - light: LogoVercelLight, +export const SPONSORS = { + gold: [ + { + name: 'Vercel', + logo: { + dark: LogoVercel, + light: LogoVercelLight, + }, + normalisingIndent: '0.875rem', + url: 'https://vercel.com/', }, - normalisingIndent: '0.875rem', - url: 'https://vercel.com/', - }, - { - name: 'Void Zero', - logo: { - dark: LogoVoidZero, - light: LogoVoidZeroLight, + ], + silver: [ + { + name: 'Void Zero', + logo: { + dark: LogoVoidZero, + light: LogoVoidZeroLight, + }, + normalisingIndent: '0.875rem', + url: 'https://voidzero.dev/', }, - normalisingIndent: '0.875rem', - url: 'https://voidzero.dev/', - }, - { - name: 'vlt', - logo: { - dark: LogoVlt, - light: LogoVltLight, + { + name: 'vlt', + logo: { + dark: LogoVlt, + light: LogoVltLight, + }, + normalisingIndent: '0.875rem', + url: 'https://vlt.sh/', }, - normalisingIndent: '0.875rem', - url: 'https://vlt.sh/', - }, - { - name: 'Netlify', - logo: { - dark: LogoNetlify, - light: LogoNetlifyLight, + { + name: 'Netlify', + logo: { + dark: LogoNetlify, + light: LogoNetlifyLight, + }, + normalisingIndent: '0.25rem', + url: 'https://netlify.com/', }, - normalisingIndent: '0.25rem', - url: 'https://netlify.com/', - }, - { - name: 'Bluesky', - logo: { - dark: LogoBluesky, - light: LogoBlueskyLight, + { + name: 'Bluesky', + logo: { + dark: LogoBluesky, + light: LogoBlueskyLight, + }, + normalisingIndent: '0.625rem', + url: 'https://bsky.app/', }, - normalisingIndent: '0.625rem', - url: 'https://bsky.app/', - }, - { - name: 'Chromatic', - logo: { - dark: LogoChromatic, - light: LogoChromaticLight, + { + name: 'Chromatic', + logo: { + dark: LogoChromatic, + light: LogoChromaticLight, + }, + normalisingIndent: '0.5rem', + url: 'https://chromatic.com/', }, - normalisingIndent: '0.5rem', - url: 'https://chromatic.com/', - }, - { - name: 'Badrap', - logo: { - dark: LogoBadrap, - light: LogoBadrapLight, + { + name: 'Badrap', + logo: { + dark: LogoBadrap, + light: LogoBadrapLight, + }, + normalisingIndent: '0.5rem', + url: 'https://badrap.io/', }, - normalisingIndent: '0.5rem', - url: 'https://badrap.io/', - }, -] + ], +} diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue index 2ee2a47f19..f12664149d 100644 --- a/app/components/AppFooter.vue +++ b/app/components/AppFooter.vue @@ -1,9 +1,10 @@