Skip to content

Commit

Permalink
docs: add companies that sponsor Vitest (#4523)
Browse files Browse the repository at this point in the history
  • Loading branch information
sheremet-va committed Nov 17, 2023
1 parent 87b5bdb commit 7f7fa4f
Show file tree
Hide file tree
Showing 10 changed files with 256 additions and 82 deletions.
12 changes: 6 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,19 +75,19 @@ $ npx vitest

## Sponsors

### Anthony Fu Sponsors
### Vladimir Sponsors

<p align="center">
<a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg">
<img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/>
<a href="https://cdn.jsdelivr.net/gh/sheremet-va/static/sponsors.svg">
<img src='https://cdn.jsdelivr.net/gh/sheremet-va/static/sponsors.svg'/>
</a>
</p>

### Vladimir Sponsors
### Anthony Fu Sponsors

<p align="center">
<a href="https://cdn.jsdelivr.net/gh/sheremet-va/static/sponsors.svg">
<img src='https://cdn.jsdelivr.net/gh/sheremet-va/static/sponsors.svg'/>
<a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg">
<img src='https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg'/>
</a>
</p>

Expand Down
127 changes: 61 additions & 66 deletions docs/.vitepress/components/HomePage.vue
Original file line number Diff line number Diff line change
@@ -1,85 +1,80 @@
<script setup lang="ts">
import { VPTeamMembers } from 'vitepress/theme'
import { VPTeamMembers, VPHomeSponsors } from 'vitepress/theme'
import { teamMembers } from '../contributors'
import { sponsors } from '../sponsors'
</script>

<template>
<div class="content">
<div class="content-container">
<main class="main">
<div class="vp-doc" flex flex-col items-center mt-10>
<div class="vp-doc" flex flex-col items-center>
<h2 id="meet-the-team" op50 font-normal p="t-10 b-2">
Meet The Team
</h2>
<div w-full p-10>
<VPTeamMembers size="small" :members="teamMembers" />
</div>
<h2 id="the-team" op50 font-normal pt-5 pb-2>
Contributors
</h2>
<p text-lg max-w-200 text-center leading-7>
<Contributors />
<br>
<a href="https://chat.vitest.dev" rel="noopener noreferrer">Join the community</a> and get involved!
</p>

<h2 id="sponsored-by" op50 font-normal pt-5 pb-2>
Sponsored by
</h2>
<div grid="~ cols-1 lg:cols-2" w-full text-center mt-10>
<div class="flex flex-col">
<a text-lg h="32px" href="https://github.com/sponsors/antfu" rel="noopener noreferrer">Anthony's Sponsors</a>
<a href="https://cdn.jsdelivr.net/gh/antfu/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
<img
crossorigin="anonymous"
inline-block
width="768" height="1464"
class="resizable-img"
loading="lazy"
src="/sponsors/antfu.svg"
alt="Anthony Fu's sponsors"
decoding="async"
>
</a>
</div>
<div class="flex flex-col">
<a text-lg h="32px" href="https://github.com/sponsors/sheremet-va" rel="noopener noreferrer">Vladimir's Sponsors</a>
<a href="https://cdn.jsdelivr.net/gh/sheremet-va/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
<img
crossorigin="anonymous"
inline-block
width="768" height="1464"
class="resizable-img"
loading="lazy"
src="/sponsors/sheremet-va.svg"
alt="Vladimir's sponsors"
decoding="async"
>
</a>
</div>
<div class="flex flex-col">
<a text-lg h="32px" href="https://github.com/sponsors/patak-dev" rel="noopener noreferrer">Patak's Sponsors</a>
<a href="https://cdn.jsdelivr.net/gh/patak-dev/static/sponsors.svg" target="_blank" rel="noopener noreferrer">
<img
crossorigin="anonymous"
inline-block
width="768" height="722"
class="resizable-img"
loading="lazy"
src="/sponsors/patak-dev.svg"
alt="Patak's sponsors"
decoding="async"
>
</a>
</div>
</div>
<p class="text-center opacity-75">
<a href="https://www.netlify.com" rel="noopener noreferrer">
<img src="/netlify.svg" alt="Deploys by Netlify" width="114" height="151" decoding="async">
</a>
</p>
</div>
<VPHomeSponsors
v-if="sponsors"
message="Vitest is free and open source, made possible by wonderful sponsors."
:data="sponsors"
/>
<div class="action">
<a
class="sponsor"
href="https://github.com/sponsors/vitest-dev"
target="_blank"
rel="noreferrer"
>
Sponsor Vitest
</a>
</div>
<p flex flex-col items-center mt-10 class="text-center opacity-75">
<a href="https://www.netlify.com" rel="noopener noreferrer">
<img src="/netlify.svg" alt="Deploys by Netlify" width="114" height="151" decoding="async">
</a>
</p>
</main>
</div>
</div>
</template>

<style scoped>
.action {
display: flex;
justify-content: center;
gap: 1rem;
padding-top: 4rem;
}
.sponsor {
/* .VPButton */
display: inline-block;
border: 1px solid transparent;
text-align: center;
font-weight: 600;
white-space: nowrap;
transition:
color 0.25s,
border-color 0.25s,
background-color 0.25s;
/* .VPButton.medium */
border-radius: 20px;
padding: 0 20px;
line-height: 38px;
font-size: 14px;
/* .VPButton.sponsor */
border-color: var(--vp-button-sponsor-border);
color: var(--vp-button-sponsor-text);
background-color: var(--vp-button-sponsor-bg);
}
.sponsor:hover {
/* .VPButton.sponsor:hover */
border-color: var(--vp-button-sponsor-hover-border);
color: var(--vp-button-sponsor-hover-text);
background-color: var(--vp-button-sponsor-hover-bg);
}
</style>
20 changes: 10 additions & 10 deletions docs/.vitepress/contributors.ts
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,16 @@ function createLinks(tm: CoreTeam): CoreTeam {
}

const plainTeamMembers: CoreTeam[] = [
{
avatar: contributorsAvatars['sheremet-va'],
name: 'Vladimir',
github: 'sheremet-va',
mastodon: 'https://elk.zone/m.webtoo.ls/@sheremet_va',
twitter: 'sheremet_va',
sponsor: 'https://github.com/sponsors/sheremet-va',
title: 'An open source fullstack developer',
desc: 'Core team member of Vitest & Vite',
},
{
avatar: contributorsAvatars.antfu,
name: 'Anthony Fu',
Expand All @@ -59,16 +69,6 @@ const plainTeamMembers: CoreTeam[] = [
orgLink: 'https://nuxtlabs.com/',
desc: 'Core team member of Vite & Vue',
},
{
avatar: contributorsAvatars['sheremet-va'],
name: 'Vladimir',
github: 'sheremet-va',
mastodon: 'https://elk.zone/m.webtoo.ls/@sheremet_va',
twitter: 'sheremet_va',
sponsor: 'https://github.com/sponsors/sheremet-va',
title: 'An open source fullstack developer',
desc: 'Core team member of Vitest',
},
{
avatar: contributorsAvatars.AriPerkkio,
name: 'Ari Perkkiö',
Expand Down
62 changes: 62 additions & 0 deletions docs/.vitepress/sponsors.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
interface Sponsor {
name: string
img: string
url: string
}

const vitestSponsors = {
special: [
{
name: 'Vite',
url: 'https://vitejs.dev',
img: '/vite.svg',
},
{
name: 'NuxtLabs',
url: 'https://nuxtlabs.com',
img: '/nuxtlabs.svg',
},
{
name: 'Stackblitz',
url: 'https://stackblitz.com',
img: '/stackblitz.svg',
},
{
name: 'Zammad',
url: 'https://zammad.com',
img: '/zammad.svg',
},
],
platinum: [
{
name: 'Bit',
url: 'https://bit.dev',
img: '/bit.svg',
},
],
gold: [
{
name: 'InfoSupport',
url: 'https://www.infosupport.com/open-source/',
img: '/infosupport.svg',
},
],
} satisfies Record<string, Sponsor[]>

export const sponsors = [
{
tier: 'Special Sponsors',
size: 'big',
items: vitestSponsors.special,
},
{
tier: 'Platinum Sponsors',
size: 'big',
items: vitestSponsors.platinum,
},
{
tier: 'Gold Sponsors',
size: 'medium',
items: vitestSponsors.gold,
},
]
21 changes: 21 additions & 0 deletions docs/public/bit.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 7f7fa4f

Please sign in to comment.