-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
docs: add companies that sponsor Vitest (#4523)
- Loading branch information
1 parent
87b5bdb
commit 7f7fa4f
Showing
10 changed files
with
256 additions
and
82 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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, | ||
}, | ||
] |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.