-
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
/
Home.vue
101 lines (96 loc) · 3.38 KB
/
Home.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<script setup lang="ts">
import { coreTeamMembers } from '../contributors'
</script>
<template>
<div flex flex-col items-center>
<div flex flex-col items-center p="t-10 md:t-20 b-10">
<img src="/logo.svg" h="40 md:60" alt="Vitest logo" width="240" height="240">
<h1 text-3em md:text-4em font-light>
Vitest
</h1>
<p text="1.2em center" leading-7 op60 font-normal tracking-wide>
A blazing fast unit-test framework<br>powered by
<a href="https://vitejs.dev" target="_blank" rel="noopener noreferrer" font="bold">Vite ⚡️</a>
</p>
<div
text-center
flex
flex-col
sm:flex-row
flex-wrap
items-center
gap-4
mt-5
children:my0
>
<a class="btn bg-yellow-500 hover:bg-yellow-600 dark:bg-yellow-600 dark:hover:bg-yellow-700 saturate-80" href="/guide/" rel="noopener noreferrer">
<span class="i-carbon:page-last inline-block text-lg" />
<span ma>Get Started</span>
</a>
<a class="btn bg-lime-500 hover:bg-lime-600 dark:bg-lime-600 dark:hover:bg-lime-700 saturate-80" href="/guide/why" rel="noopener noreferrer">
<span class="i-carbon:list-checked inline-block text-lg" />
<span ma>Why Vitest</span>
</a>
</div>
</div>
<h2 op50 font-normal pt-10>
Features
</h2>
<FeaturesList class="max-w-140 text-lg" />
<h2 id="meet-the-team" op50 font-normal pt-5 pb-2>
Meet The Team
</h2>
<div grid="~ sm:cols-2 gap-x-8 gap-y-20 items-center" p-10>
<Avatar
v-for="c of coreTeamMembers"
:key="c.github"
v-bind="c"
/>
</div>
<h2 id="the-team" op50 font-normal pt-5 pb-2>
Contributors
</h2>
<p op80 text-lg max-w-150 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-screen 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"
width="768" height="1464"
class="resizable-img"
loading="lazy"
src="/sponsors/antfu.svg"
alt="Anthony Fu's sponsors"
>
</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"
width="768" height="722"
class="resizable-img"
loading="lazy"
src="/sponsors/patak-dev.svg"
alt="Patak's sponsors"
>
</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">
</a>
</p>
<div mb-30 />
</div>
</template>