mirror of
https://github.com/hanzoai/vitest.git
synced 2026-10-30 14:46:34 +00:00
59640f11f4
Co-authored-by: marchantweb <[email protected]> Co-authored-by: mdong1909 <[email protected]> Co-authored-by: Hiroshi Ogawa <[email protected]> Co-authored-by: Vladimir Sheremet <[email protected]> Co-authored-by: Michael Dong <[email protected]> Co-authored-by: Ujjwaljain16 <[email protected]> Co-authored-by: sheremet-va <[email protected]> Co-authored-by: hi-ogawa <[email protected]> Co-authored-by: Ari Perkkiö <[email protected]> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Carlo Jeske <[email protected]> Co-authored-by: Hanzo Dev <[email protected]>
40 lines
1.7 KiB
Vue
40 lines
1.7 KiB
Vue
<template>
|
|
<div class="wrapper wrapper--ticks grid md:grid-cols-2 w-full border-nickel divide-x">
|
|
<div class="flex flex-col p-10 justify-center items-center md:items-start">
|
|
<div class="flex flex-col gap-5 max-w-[30rem] text-center md:text-left items-center md:items-start">
|
|
<a class="flex items-center gap-2" href="https://voidzero.dev" target="_blank">
|
|
<span class="text-grey text-xs font-mono uppercase tracking-wide">By</span>
|
|
<img src="@assets/logos/voidzero-light.svg" alt="VoidZero" class="h-2.5">
|
|
</a>
|
|
<h1 class="text-white text-pretty">
|
|
Next Generation Testing Framework
|
|
</h1>
|
|
<p class="text-white/70 text-lg max-w-[25rem] text-pretty">
|
|
A Vite-native testing framework. It's fast!
|
|
</p>
|
|
<div class="flex items-center gap-5 mt-8">
|
|
<a href="/guide/" class="button button--primary inline-block w-fit">
|
|
<span>Get Started</span>
|
|
</a>
|
|
<a href="https://github.com/vitest-dev/vitest" target="_blank" rel="noopener noreferrer" class="button inline-block w-fit">
|
|
View on GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col min-h-[22rem] sm:min-h-[30rem]">
|
|
<div class="relative pl-6 sm:pl-16 h-full flex flex-col justify-center overflow-clip py-8 sm:py-16 hero-background">
|
|
<img src="@assets/vitest/hero-terminal.png" alt="Vitest terminal" class="w-full h-full object-contain">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.hero-background {
|
|
background-image: url('@assets/vitest/hero-background.jpg');
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
</style>
|