@voidzero-dev/vitepress-theme 0.1.38 → 0.1.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/social/bluesky-light.svg +10 -0
- package/dist/assets/social/github-light.svg +3 -0
- package/dist/assets/social/twitter-light.svg +3 -0
- package/dist/assets/voidzero/animations/343_x_148_homepage_mobile.riv +0 -0
- package/dist/assets/voidzero/footer-logo.svg +5 -0
- package/dist/assets/voidzero/footer.jpg +0 -0
- package/dist/assets/voidzero/investors/accel.svg +9 -0
- package/dist/assets/voidzero/investors/amplify.svg +3 -0
- package/dist/assets/voidzero/investors/resend.svg +3 -0
- package/dist/assets/voidzero/investors/sentry.svg +10 -0
- package/dist/assets/voidzero/logo-light.svg +3 -0
- package/dist/index.css +1 -1
- package/dist/index10.js +4 -4
- package/dist/index100.js +26 -7
- package/dist/index101.js +197 -5
- package/dist/index102.js +1014 -4
- package/dist/index103.js +34 -7
- package/dist/index104.js +2 -33
- package/dist/index105.js +2 -57
- package/dist/index106.js +2 -9
- package/dist/index107.js +2 -14
- package/dist/index108.js +2 -58
- package/dist/index109.js +2 -6
- package/dist/index11.js +5 -11
- package/dist/index110.js +2 -39
- package/dist/index111.js +5324 -21
- package/dist/index112.js +2 -25
- package/dist/index113.js +2 -10
- package/dist/index114.js +2 -57
- package/dist/index115.js +2 -36
- package/dist/index116.js +2 -119
- package/dist/index117.js +2 -92
- package/dist/index118.js +2 -8
- package/dist/index119.js +2 -439
- package/dist/index12.js +9 -9
- package/dist/index120.js +10 -5
- package/dist/index121.js +7 -2
- package/dist/index122.js +4 -1734
- package/dist/index123.js +4 -315
- package/dist/index124.js +7 -2
- package/dist/index125.js +29 -442
- package/dist/index126.js +59 -0
- package/dist/index127.js +11 -0
- package/dist/index128.js +16 -0
- package/dist/index129.js +60 -0
- package/dist/index13.js +9 -9
- package/dist/index130.js +8 -0
- package/dist/index131.js +41 -0
- package/dist/index132.js +23 -0
- package/dist/index133.js +27 -0
- package/dist/index134.js +12 -0
- package/dist/index135.js +59 -0
- package/dist/index136.js +38 -0
- package/dist/index137.js +121 -0
- package/dist/index138.js +94 -0
- package/dist/index139.js +10 -0
- package/dist/index14.js +11 -5
- package/dist/index140.js +6 -0
- package/dist/index141.js +5 -0
- package/dist/index142.js +7209 -0
- package/dist/index143.js +1737 -0
- package/dist/index144.js +441 -0
- package/dist/index145.js +16 -0
- package/dist/index146.js +35 -0
- package/dist/index147.js +1204 -0
- package/dist/index148.js +64841 -0
- package/dist/index149.js +7 -0
- package/dist/index15.js +5 -10
- package/dist/index150.js +4 -0
- package/dist/index151.js +448 -0
- package/dist/index152.js +317 -0
- package/dist/index153.js +4 -0
- package/dist/index16.js +10 -5
- package/dist/index17.js +4 -9
- package/dist/index18.js +10 -5
- package/dist/index19.js +5 -20
- package/dist/index2.js +15 -10
- package/dist/index20.js +22 -0
- package/dist/index21.js +28 -2
- package/dist/index22.js +7 -1
- package/dist/index23.js +114 -2
- package/dist/index26.js +1 -1
- package/dist/index27.js +2 -21
- package/dist/index28.js +4 -0
- package/dist/index29.js +115 -7
- package/dist/index3.js +155 -68
- package/dist/index31.js +9 -0
- package/dist/index32.js +2 -2
- package/dist/index33.js +2 -2
- package/dist/index34.js +2 -295
- package/dist/index35.js +24 -0
- package/dist/{index30.js → index37.js} +22 -22
- package/dist/index39.js +4 -0
- package/dist/index4.js +11 -156
- package/dist/index40.js +2 -84
- package/dist/index41.js +293 -64
- package/dist/index43.js +156 -75
- package/dist/index45.js +322 -26
- package/dist/index47.js +2 -26
- package/dist/index48.js +3 -26
- package/dist/index49.js +2 -26
- package/dist/index5.js +69 -9
- package/dist/index50.js +2 -2
- package/dist/index51.js +2 -25
- package/dist/index52.js +2 -22
- package/dist/index53.js +2 -124
- package/dist/index54.js +3 -2
- package/dist/index55.js +2 -2
- package/dist/index56.js +2 -2
- package/dist/index57.js +2 -2
- package/dist/index59.js +135 -2
- package/dist/index6.js +5 -73
- package/dist/index61.js +2 -2
- package/dist/index62.js +2 -2
- package/dist/index63.js +2 -2
- package/dist/index64.js +2 -2
- package/dist/index65.js +2 -2
- package/dist/index66.js +2 -2
- package/dist/index67.js +2 -18
- package/dist/index68.js +2 -18
- package/dist/index69.js +2 -18
- package/dist/index7.js +2 -2
- package/dist/index70.js +2 -2
- package/dist/index71.js +2 -2
- package/dist/index72.js +2 -2
- package/dist/index73.js +2 -34
- package/dist/index74.js +2 -2
- package/dist/index75.js +1 -1
- package/dist/index76.js +52 -2
- package/dist/index77.js +44 -3
- package/dist/index78.js +53 -2
- package/dist/index79.js +2587 -2
- package/dist/index8.js +31 -30
- package/dist/index80.js +2 -2
- package/dist/index81.js +1 -1
- package/dist/index82.js +2 -49
- package/dist/index83.js +3 -44
- package/dist/index84.js +22 -2587
- package/dist/index85.js +124 -51
- package/dist/index86.js +2 -7207
- package/dist/index87.js +2 -14
- package/dist/index88.js +2 -5324
- package/dist/index89.js +2 -2
- package/dist/index9.js +354 -4
- package/dist/index90.js +2 -2
- package/dist/index91.js +84 -2
- package/dist/index92.js +66 -2
- package/dist/index93.js +53 -2
- package/dist/index94.js +76 -2
- package/dist/index95.js +25 -1
- package/dist/index96.js +30 -33
- package/dist/index97.js +26 -1202
- package/dist/index98.js +26 -4
- package/dist/index99.js +26 -10
- package/dist/vitepress/components/shared/LogoGrid.vue.d.ts +11 -0
- package/dist/vitepress/components/shared/ShaderBackground.vue.d.ts +2 -0
- package/dist/vitepress/components/shared/Spacer.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/Header.vue.d.ts +22 -1
- package/dist/vitepress/components/voidzero/Investors.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/Megamenu.vue.d.ts +16 -0
- package/dist/vitepress/components/voidzero/Resources.vue.d.ts +31 -0
- package/dist/vitepress/components/voidzero/Statistics.vue.d.ts +10 -1
- package/package.json +4 -2
- package/dist/index24.js +0 -4
- package/dist/index25.js +0 -4
- package/dist/index36.js +0 -149
- package/dist/index38.js +0 -116
- package/dist/index42.js +0 -55
- package/dist/index44.js +0 -28
- package/dist/index46.js +0 -28
- package/dist/index58.js +0 -4
- package/dist/index60.js +0 -4
package/dist/index34.js
CHANGED
|
@@ -1,297 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import u from "./index73.js";
|
|
3
|
-
import I from "./index6.js";
|
|
4
|
-
import A from "./index55.js";
|
|
5
|
-
import E from "./index56.js";
|
|
6
|
-
import R from "./index57.js";
|
|
7
|
-
import T from "./index58.js";
|
|
8
|
-
import S from "./index74.js";
|
|
9
|
-
import N from "./index75.js";
|
|
10
|
-
import O from "./index76.js";
|
|
11
|
-
import J from "./index77.js";
|
|
12
|
-
import P from "./index78.js";
|
|
13
|
-
import B from "./index79.js";
|
|
14
|
-
import X from "./index80.js";
|
|
15
|
-
const $ = { class: "wrapper wrapper--ticks border-t flex" }, D = { class: "w-72 p-10 sticky top-0 self-start hidden md:flex flex-col" }, H = { class: "flex flex-col gap-4" }, M = ["onClick"], F = ["src", "alt"], L = { class: "w-full md:border-l border-nickel" }, U = { class: "flex flex-col p-10 justify-between gap-20" }, q = { class: "flex flex-col gap-5 max-w-[20rem]" }, G = ["href"], K = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, Q = { class: "relative pl-10 h-full flex flex-col justify-center overflow-clip" }, W = ["src"], Y = { class: "flex flex-col p-10 justify-between gap-20" }, Z = { class: "flex flex-col gap-5 max-w-[20rem]" }, tt = ["href"], et = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, ot = { class: "relative pl-10 h-full flex flex-col justify-end overflow-clip pt-10 sm:pt-0" }, st = ["src"], lt = { class: "flex flex-col p-10 justify-between gap-20" }, it = { class: "flex flex-col gap-5 max-w-[20rem]" }, rt = ["href"], nt = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, at = { class: "relative pl-10 h-full flex flex-col justify-center overflow-clip py-10 sm:py-0" }, ct = ["src"], dt = { class: "flex flex-col p-10 justify-between gap-20" }, mt = { class: "flex flex-col gap-5 max-w-[20rem]" }, ft = ["href"], ut = { class: "flex flex-col min-h-[22rem] sm:min-h-[30rem]" }, pt = { class: "relative pl-10 h-full flex flex-col justify-center overflow-clip" }, Et = /* @__PURE__ */ _({
|
|
16
|
-
__name: "OpenSourceSectionProjects",
|
|
17
|
-
setup(xt) {
|
|
18
|
-
const l = h(0), r = h([]);
|
|
19
|
-
let p = null;
|
|
20
|
-
const s = [
|
|
21
|
-
{
|
|
22
|
-
id: "vite",
|
|
23
|
-
name: "Vite",
|
|
24
|
-
url: "https://vite.dev",
|
|
25
|
-
icon: A,
|
|
26
|
-
terminal: S,
|
|
27
|
-
animation: J
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
id: "vitest",
|
|
31
|
-
name: "Vitest",
|
|
32
|
-
url: "https://vitest.dev",
|
|
33
|
-
icon: E,
|
|
34
|
-
terminal: N,
|
|
35
|
-
animation: P
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
id: "rolldown",
|
|
39
|
-
name: "Rolldown",
|
|
40
|
-
url: "https://rolldown.rs",
|
|
41
|
-
icon: R,
|
|
42
|
-
terminal: O,
|
|
43
|
-
animation: B
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
id: "oxc",
|
|
47
|
-
name: "OXC",
|
|
48
|
-
url: "https://oxc.rs",
|
|
49
|
-
icon: T,
|
|
50
|
-
terminal: null,
|
|
51
|
-
// OXC uses Rive animation instead
|
|
52
|
-
animation: X
|
|
53
|
-
}
|
|
54
|
-
], w = (n) => {
|
|
55
|
-
const e = r.value[n];
|
|
56
|
-
e && e.scrollIntoView({ behavior: "smooth", block: "center" });
|
|
57
|
-
};
|
|
58
|
-
return y(() => {
|
|
59
|
-
p = new IntersectionObserver(
|
|
60
|
-
() => {
|
|
61
|
-
const n = window.innerHeight / 2;
|
|
62
|
-
let e = 0, o = 1 / 0;
|
|
63
|
-
r.value.forEach((a, v) => {
|
|
64
|
-
if (!a) return;
|
|
65
|
-
const f = a.getBoundingClientRect();
|
|
66
|
-
if (f.bottom < 0 || f.top > window.innerHeight) return;
|
|
67
|
-
const g = f.top + f.height / 2, b = Math.abs(g - n);
|
|
68
|
-
b < o && (o = b, e = v);
|
|
69
|
-
}), l.value = e;
|
|
70
|
-
},
|
|
71
|
-
{ threshold: [0, 0.1, 0.5, 1] }
|
|
72
|
-
), r.value.forEach((n) => {
|
|
73
|
-
n && p?.observe(n);
|
|
74
|
-
});
|
|
75
|
-
}), k(() => {
|
|
76
|
-
p?.disconnect();
|
|
77
|
-
}), (n, e) => (d(), c("section", $, [
|
|
78
|
-
t("div", D, [
|
|
79
|
-
t("ul", H, [
|
|
80
|
-
(d(), c(j, null, V(s, (o, a) => t("li", {
|
|
81
|
-
key: o.id,
|
|
82
|
-
class: i(["transition-all duration-500 ease-out", l.value === a ? "" : "opacity-40 grayscale"])
|
|
83
|
-
}, [
|
|
84
|
-
t("button", {
|
|
85
|
-
type: "button",
|
|
86
|
-
class: "flex gap-4 text-base cursor-pointer bg-transparent border-none p-0",
|
|
87
|
-
onClick: (v) => w(a)
|
|
88
|
-
}, [
|
|
89
|
-
t("img", {
|
|
90
|
-
src: o.icon,
|
|
91
|
-
alt: o.name,
|
|
92
|
-
class: "size-6"
|
|
93
|
-
}, null, 8, F),
|
|
94
|
-
C(" " + z(o.name), 1)
|
|
95
|
-
], 8, M)
|
|
96
|
-
], 2)), 64))
|
|
97
|
-
])
|
|
98
|
-
]),
|
|
99
|
-
t("div", L, [
|
|
100
|
-
t("div", {
|
|
101
|
-
class: "grid md:grid-cols-2 w-full",
|
|
102
|
-
ref: (o) => r.value[0] = o,
|
|
103
|
-
"data-project": "0"
|
|
104
|
-
}, [
|
|
105
|
-
t("div", U, [
|
|
106
|
-
t("div", q, [
|
|
107
|
-
e[0] || (e[0] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Vite", -1)),
|
|
108
|
-
e[1] || (e[1] = t("h4", { class: "text-white text-pretty" }, "The build tool for the web", -1)),
|
|
109
|
-
e[2] || (e[2] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "Vite is a blazing fast frontend build tool powering the next generation of web applications.", -1)),
|
|
110
|
-
t("a", {
|
|
111
|
-
href: s[0].url,
|
|
112
|
-
target: "_blank",
|
|
113
|
-
rel: "noopener noreferrer",
|
|
114
|
-
class: "button button--sm inline-block w-fit mt-5"
|
|
115
|
-
}, "Explore Vite", 8, G)
|
|
116
|
-
]),
|
|
117
|
-
m(u, {
|
|
118
|
-
href: "https://github.com/vitejs/vite",
|
|
119
|
-
stars: "75.0k",
|
|
120
|
-
contributors: "1,161"
|
|
121
|
-
})
|
|
122
|
-
]),
|
|
123
|
-
t("div", K, [
|
|
124
|
-
t("div", Q, [
|
|
125
|
-
t("div", {
|
|
126
|
-
class: i([
|
|
127
|
-
"absolute inset-0 bg-vite transition-opacity duration-700 ease-out",
|
|
128
|
-
l.value === 0 ? "opacity-100" : "opacity-0"
|
|
129
|
-
])
|
|
130
|
-
}, null, 2),
|
|
131
|
-
t("div", {
|
|
132
|
-
class: i([
|
|
133
|
-
"block p-2 relative bg-slate rounded-tl rounded-bl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
|
|
134
|
-
l.value === 0 ? "translate-x-0" : "translate-x-10"
|
|
135
|
-
])
|
|
136
|
-
}, [
|
|
137
|
-
s[0].terminal ? (d(), c("img", {
|
|
138
|
-
key: 0,
|
|
139
|
-
loading: "lazy",
|
|
140
|
-
src: s[0].terminal,
|
|
141
|
-
alt: "terminal"
|
|
142
|
-
}, null, 8, W)) : x("", !0)
|
|
143
|
-
], 2)
|
|
144
|
-
])
|
|
145
|
-
])
|
|
146
|
-
], 512),
|
|
147
|
-
t("div", {
|
|
148
|
-
class: "grid md:grid-cols-2 w-full border-t border-nickel",
|
|
149
|
-
ref: (o) => r.value[1] = o,
|
|
150
|
-
"data-project": "1"
|
|
151
|
-
}, [
|
|
152
|
-
t("div", Y, [
|
|
153
|
-
t("div", Z, [
|
|
154
|
-
e[3] || (e[3] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Vitest", -1)),
|
|
155
|
-
e[4] || (e[4] = t("h4", { class: "text-white text-pretty" }, "Next-generation test runner", -1)),
|
|
156
|
-
e[5] || (e[5] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "A Vite-native testing framework. It's fast!", -1)),
|
|
157
|
-
t("a", {
|
|
158
|
-
href: s[1].url,
|
|
159
|
-
target: "_blank",
|
|
160
|
-
rel: "noopener noreferrer",
|
|
161
|
-
class: "button button--sm inline-block w-fit mt-5"
|
|
162
|
-
}, "Explore Vitest", 8, tt)
|
|
163
|
-
]),
|
|
164
|
-
m(u, {
|
|
165
|
-
href: "https://github.com/vitest-dev/vitest",
|
|
166
|
-
stars: "14.9k",
|
|
167
|
-
contributors: "631"
|
|
168
|
-
})
|
|
169
|
-
]),
|
|
170
|
-
t("div", et, [
|
|
171
|
-
t("div", ot, [
|
|
172
|
-
t("div", {
|
|
173
|
-
class: i([
|
|
174
|
-
"absolute inset-0 bg-vitest transition-opacity duration-700 ease-out",
|
|
175
|
-
l.value === 1 ? "opacity-100" : "opacity-0"
|
|
176
|
-
])
|
|
177
|
-
}, null, 2),
|
|
178
|
-
t("div", {
|
|
179
|
-
class: i([
|
|
180
|
-
"block p-2 relative bg-slate rounded-tl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
|
|
181
|
-
l.value === 1 ? "translate-x-0" : "translate-x-10"
|
|
182
|
-
])
|
|
183
|
-
}, [
|
|
184
|
-
s[1].terminal ? (d(), c("img", {
|
|
185
|
-
key: 0,
|
|
186
|
-
loading: "lazy",
|
|
187
|
-
src: s[1].terminal,
|
|
188
|
-
alt: "terminal"
|
|
189
|
-
}, null, 8, st)) : x("", !0)
|
|
190
|
-
], 2)
|
|
191
|
-
])
|
|
192
|
-
])
|
|
193
|
-
], 512),
|
|
194
|
-
t("div", {
|
|
195
|
-
class: "grid md:grid-cols-2 w-full border-t border-nickel",
|
|
196
|
-
ref: (o) => r.value[2] = o,
|
|
197
|
-
"data-project": "2"
|
|
198
|
-
}, [
|
|
199
|
-
t("div", lt, [
|
|
200
|
-
t("div", it, [
|
|
201
|
-
e[6] || (e[6] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Rolldown", -1)),
|
|
202
|
-
e[7] || (e[7] = t("h4", { class: "text-white text-pretty" }, "The fastest JavaScript bundler", -1)),
|
|
203
|
-
e[8] || (e[8] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "A Rust-based bundler for Javascript with Rollup-compatible API", -1)),
|
|
204
|
-
t("a", {
|
|
205
|
-
href: s[2].url,
|
|
206
|
-
target: "_blank",
|
|
207
|
-
rel: "noopener noreferrer",
|
|
208
|
-
class: "button button--sm inline-block w-fit mt-5"
|
|
209
|
-
}, "Explore Rolldown", 8, rt)
|
|
210
|
-
]),
|
|
211
|
-
m(u, {
|
|
212
|
-
href: "https://github.com/rolldown/rolldown",
|
|
213
|
-
stars: "12.2k",
|
|
214
|
-
contributors: "148"
|
|
215
|
-
})
|
|
216
|
-
]),
|
|
217
|
-
t("div", nt, [
|
|
218
|
-
t("div", at, [
|
|
219
|
-
t("div", {
|
|
220
|
-
class: i([
|
|
221
|
-
"absolute inset-0 bg-rolldown transition-opacity duration-700 ease-out",
|
|
222
|
-
l.value === 2 ? "opacity-100" : "opacity-0"
|
|
223
|
-
])
|
|
224
|
-
}, null, 2),
|
|
225
|
-
t("div", {
|
|
226
|
-
class: i([
|
|
227
|
-
"block p-2 relative bg-slate rounded-tl rounded-bl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
|
|
228
|
-
l.value === 2 ? "translate-x-0" : "translate-x-10"
|
|
229
|
-
])
|
|
230
|
-
}, [
|
|
231
|
-
s[2].terminal ? (d(), c("img", {
|
|
232
|
-
key: 0,
|
|
233
|
-
loading: "lazy",
|
|
234
|
-
src: s[2].terminal,
|
|
235
|
-
alt: "terminal"
|
|
236
|
-
}, null, 8, ct)) : x("", !0)
|
|
237
|
-
], 2)
|
|
238
|
-
])
|
|
239
|
-
])
|
|
240
|
-
], 512),
|
|
241
|
-
t("div", {
|
|
242
|
-
class: "grid md:grid-cols-2 w-full border-t border-nickel",
|
|
243
|
-
ref: (o) => r.value[3] = o,
|
|
244
|
-
"data-project": "3"
|
|
245
|
-
}, [
|
|
246
|
-
t("div", dt, [
|
|
247
|
-
t("div", mt, [
|
|
248
|
-
e[9] || (e[9] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "OXC", -1)),
|
|
249
|
-
e[10] || (e[10] = t("h4", { class: "text-white text-pretty" }, "The fastest JavaScript language toolchain", -1)),
|
|
250
|
-
e[11] || (e[11] = t("p", { class: "text-white/70 text-base max-w-[25rem] text-pretty" }, "A collection of JavaScript tools written in Rust", -1)),
|
|
251
|
-
t("a", {
|
|
252
|
-
href: s[3].url,
|
|
253
|
-
target: "_blank",
|
|
254
|
-
rel: "noopener noreferrer",
|
|
255
|
-
class: "button button--sm inline-block w-fit mt-5"
|
|
256
|
-
}, "Explore OXC", 8, ft)
|
|
257
|
-
]),
|
|
258
|
-
m(u, {
|
|
259
|
-
href: "https://github.com/oxc-project/oxc",
|
|
260
|
-
stars: "17.2k",
|
|
261
|
-
contributors: "268"
|
|
262
|
-
})
|
|
263
|
-
]),
|
|
264
|
-
t("div", ut, [
|
|
265
|
-
t("div", pt, [
|
|
266
|
-
t("div", {
|
|
267
|
-
class: i([
|
|
268
|
-
"absolute inset-0 bg-oxc transition-opacity duration-700 ease-out",
|
|
269
|
-
l.value === 3 ? "opacity-100" : "opacity-0"
|
|
270
|
-
])
|
|
271
|
-
}, null, 2),
|
|
272
|
-
t("div", {
|
|
273
|
-
class: i([
|
|
274
|
-
"relative transition-transform duration-700 ease-out z-10",
|
|
275
|
-
l.value === 3 ? "translate-x-0" : "translate-x-10"
|
|
276
|
-
])
|
|
277
|
-
}, [
|
|
278
|
-
m(I, {
|
|
279
|
-
"desktop-src": s[3].animation,
|
|
280
|
-
"mobile-src": s[3].animation,
|
|
281
|
-
"desktop-width": 480,
|
|
282
|
-
"desktop-height": 480,
|
|
283
|
-
"mobile-width": 480,
|
|
284
|
-
"mobile-height": 480,
|
|
285
|
-
"canvas-class": "w-full"
|
|
286
|
-
}, null, 8, ["desktop-src", "mobile-src"])
|
|
287
|
-
], 2)
|
|
288
|
-
])
|
|
289
|
-
])
|
|
290
|
-
], 512)
|
|
291
|
-
])
|
|
292
|
-
]));
|
|
293
|
-
}
|
|
294
|
-
});
|
|
1
|
+
import f from "./index9.js";
|
|
295
2
|
export {
|
|
296
|
-
|
|
3
|
+
f as default
|
|
297
4
|
};
|
package/dist/index35.js
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { defineComponent as a, createElementBlock as s, openBlock as r, createStaticVNode as i, createVNode as n, unref as t } from "vue";
|
|
2
|
+
import l from "./index5.js";
|
|
3
|
+
import p from "./index66.js";
|
|
4
|
+
import o from "./index67.js";
|
|
5
|
+
const c = { class: "wrapper flex flex-col justify-start items-center gap-6 pt-6 md:pt-20 pb-10" }, g = /* @__PURE__ */ a({
|
|
6
|
+
__name: "Hero",
|
|
7
|
+
setup(d) {
|
|
8
|
+
return (m, e) => (r(), s("div", c, [
|
|
9
|
+
e[0] || (e[0] = i('<div class="w-full sm:w-2xl flex flex-col justify-start items-center gap-10 px-5 sm:px-0" data-v-ea7e0470><div class="flex flex-col justify-start items-center gap-4" data-v-ea7e0470><div inert class="px-3 py-1 bg-primary-white rounded shadow-[0px_2px_4px_0px_rgba(0,0,0,0.05)] outline outline-nickel/5 flex items-center gap-1.5 font-mono font-medium text-sm tracking-tighter mb-3" data-v-ea7e0470><div class="p-0.5 bg-[#00B442]/10 rounded-sm inline-flex justify-start items-center gap-2" data-v-ea7e0470><div class="size-1.5 bg-[#00B442] rounded-[1.10px] animate-pulse" data-v-ea7e0470></div></div><span class="text-grey" data-v-ea7e0470>prod server</span><span class="text-grey" data-v-ea7e0470>/</span><span class="text-nickel" data-v-ea7e0470>running</span></div><h1 class="text-center text-primary text-balance shine-text" data-v-ea7e0470><span class="inline-block" data-v-ea7e0470>Your gateway to the</span><span class="inline-block" data-v-ea7e0470>Javascript multiverse.</span></h1><p class="self-stretch text-center text-balance text-nickel" data-v-ea7e0470>Make web developers more productive than ever before.</p></div><div class="flex items-center gap-5" data-v-ea7e0470><a href="https://viteplus.dev" target="_blank" rel="noopener noreferrer" class="button button--primary" data-v-ea7e0470> Explore Vite+ </a></div></div>', 1)),
|
|
10
|
+
n(l, {
|
|
11
|
+
"desktop-src": t(p),
|
|
12
|
+
"mobile-src": t(o),
|
|
13
|
+
"desktop-width": 1280,
|
|
14
|
+
"desktop-height": 580,
|
|
15
|
+
"mobile-width": 343,
|
|
16
|
+
"mobile-height": 148,
|
|
17
|
+
"canvas-class": "w-full pt-6 md:pt-0"
|
|
18
|
+
}, null, 8, ["desktop-src", "mobile-src"])
|
|
19
|
+
]));
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
export {
|
|
23
|
+
g as default
|
|
24
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import B from "./
|
|
3
|
-
import I from "./
|
|
4
|
-
import M from "./
|
|
5
|
-
import T from "./
|
|
6
|
-
import H from "./
|
|
7
|
-
import S from "./
|
|
8
|
-
import z from "./
|
|
9
|
-
import E from "./
|
|
10
|
-
const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col items-center justify-center gap-2" }, O = { class: "carousel-container" }, Z = { class: "carousel-viewport" }, $ = ["src", "alt"], D = /* @__PURE__ */
|
|
1
|
+
import { defineComponent as b, computed as a, ref as u, onMounted as L, onUnmounted as k, createElementBlock as d, openBlock as f, createElementVNode as t, normalizeStyle as v, Fragment as y, renderList as _ } from "vue";
|
|
2
|
+
import B from "./index68.js";
|
|
3
|
+
import I from "./index69.js";
|
|
4
|
+
import M from "./index70.js";
|
|
5
|
+
import T from "./index71.js";
|
|
6
|
+
import H from "./index72.js";
|
|
7
|
+
import S from "./index73.js";
|
|
8
|
+
import z from "./index74.js";
|
|
9
|
+
import E from "./index75.js";
|
|
10
|
+
const F = { class: "wrapper wrapper--ticks border-t pt-10 md:pt-14 md:pb-5 flex flex-col items-center justify-center md:gap-2" }, O = { class: "carousel-container" }, Z = { class: "carousel-viewport" }, $ = ["src", "alt"], D = /* @__PURE__ */ b({
|
|
11
11
|
__name: "TrustedBy",
|
|
12
12
|
setup(j) {
|
|
13
13
|
const l = [
|
|
@@ -26,9 +26,9 @@ const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col ite
|
|
|
26
26
|
isClone: !0
|
|
27
27
|
}));
|
|
28
28
|
return [...o, ...e];
|
|
29
|
-
}), r =
|
|
30
|
-
let
|
|
31
|
-
const
|
|
29
|
+
}), r = u(0), g = u(!1), n = u(!0), c = a(() => Math.floor(i.value.length / 2));
|
|
30
|
+
let m = null;
|
|
31
|
+
const w = () => {
|
|
32
32
|
g.value || (n.value = !0, r.value++, r.value >= i.value.length + c.value && setTimeout(() => {
|
|
33
33
|
n.value = !1, r.value = c.value, setTimeout(() => {
|
|
34
34
|
n.value = !0;
|
|
@@ -36,19 +36,19 @@ const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col ite
|
|
|
36
36
|
}, 600));
|
|
37
37
|
};
|
|
38
38
|
L(() => {
|
|
39
|
-
r.value = c.value,
|
|
39
|
+
r.value = c.value, m = window.setInterval(w, 3500);
|
|
40
40
|
}), k(() => {
|
|
41
|
-
|
|
41
|
+
m && clearInterval(m);
|
|
42
42
|
});
|
|
43
|
-
const
|
|
43
|
+
const h = a(() => ({
|
|
44
44
|
transform: `translateX(calc(-${r.value} * (var(--logo-width) + var(--logo-gap))))`,
|
|
45
45
|
transition: n.value ? "transform 0.6s ease-in-out" : "none"
|
|
46
|
-
})),
|
|
46
|
+
})), x = (o) => {
|
|
47
47
|
const e = Math.abs(o - r.value);
|
|
48
|
-
return e === 0 ? 1 : e === 1 ? 0.
|
|
48
|
+
return e === 0 ? 1 : e === 1 ? 0.5 : 0.2;
|
|
49
49
|
};
|
|
50
50
|
return (o, e) => (f(), d("section", F, [
|
|
51
|
-
e[2] || (e[2] = t("p", { class: "self-stretch text-center text-balance text-nickel" }, "Trusted by the world's best software teams", -1)),
|
|
51
|
+
e[2] || (e[2] = t("p", { class: "self-stretch text-center text-balance text-nickel max-w-[75vw] mx-auto md:max-w-full" }, "Trusted by the world's best software teams", -1)),
|
|
52
52
|
t("div", O, [
|
|
53
53
|
e[0] || (e[0] = t("div", { class: "bracket bracket-left" }, [
|
|
54
54
|
t("svg", {
|
|
@@ -68,12 +68,12 @@ const F = { class: "wrapper wrapper--ticks border-t pt-14 pb-5 flex flex-col ite
|
|
|
68
68
|
t("div", Z, [
|
|
69
69
|
t("div", {
|
|
70
70
|
class: "carousel-track",
|
|
71
|
-
style: v(
|
|
71
|
+
style: v(h.value)
|
|
72
72
|
}, [
|
|
73
|
-
(f(!0), d(y, null, _(p.value, (s,
|
|
73
|
+
(f(!0), d(y, null, _(p.value, (s, C) => (f(), d("div", {
|
|
74
74
|
key: s.id,
|
|
75
75
|
class: "logo-item",
|
|
76
|
-
style: v({ "--logo-opacity": C
|
|
76
|
+
style: v({ "--logo-opacity": x(C) })
|
|
77
77
|
}, [
|
|
78
78
|
t("img", {
|
|
79
79
|
src: s.src,
|
package/dist/index39.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const e = "data:image/svg+xml,%3csvg%20viewBox='0%200%20103%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.13672%2010.691L12.9072%200.248665H18.0664L12.3477%2014.7516H5.71777L0%200.248665H5.30371L9.13672%2010.691ZM24.7588%2014.7516H19.7861V0.248665H24.7588V14.7516ZM42.8174%203.81214H37.2441V14.7516H32.2725V3.81214H26.6992V0.248665H42.8174V3.81214ZM59.0742%203.77113H49.7305V5.71839H58.9297V9.13636H49.7305V11.2291H59.3438V14.7516H44.7588V0.248665H59.0742V3.77113ZM70.0078%205.71839H75.5811V9.13636H70.0078V14.7516H66.4443V9.13636H60.8711V5.71839H66.4443V0.248665H70.0078V5.71839Z'%20fill='%2308060D'/%3e%3cpath%20d='M91.184%2014.654C90.9713%2014.9247%2090.5362%2014.7742%2090.5362%2014.4303V11.1271C90.5362%2010.7265%2090.2116%2010.4019%2089.8111%2010.4019H86.164C85.8691%2010.4019%2085.6971%2010.0684%2085.8691%209.82875L88.2669%206.4717C88.6101%205.99173%2088.2669%205.3246%2087.6764%205.3246H83.2627C82.9679%205.3246%2082.7959%204.99104%2082.9679%204.7514L86.0763%200.399187C86.1446%200.303883%2086.2545%200.247253%2086.3712%200.247253H95.6343C95.9292%200.247253%2096.1011%200.580817%2095.9292%200.820458L93.5314%204.1775C93.1882%204.65747%2093.5314%205.3246%2094.1219%205.3246H97.769C98.0714%205.3246%2098.2413%205.67336%2098.0542%205.91162L91.1847%2014.6547L91.184%2014.654Z'%20fill='%236254FE'/%3e%3cmask%20id='mask0_242_19217'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='82'%20y='0'%20width='17'%20height='15'%3e%3cpath%20d='M91.184%2014.654C90.9713%2014.9247%2090.5362%2014.7742%2090.5362%2014.4303V11.1271C90.5362%2010.7265%2090.2116%2010.4019%2089.8111%2010.4019H86.164C85.8691%2010.4019%2085.6971%2010.0684%2085.8691%209.82875L88.2669%206.4717C88.6101%205.99173%2088.2669%205.3246%2087.6764%205.3246H83.2627C82.9679%205.3246%2082.7959%204.99104%2082.9679%204.7514L86.0763%200.399187C86.1446%200.303883%2086.2545%200.247253%2086.3712%200.247253H95.6343C95.9292%200.247253%2096.1011%200.580817%2095.9292%200.820458L93.5314%204.1775C93.1882%204.65747%2093.5314%205.3246%2094.1219%205.3246H97.769C98.0714%205.3246%2098.2413%205.67336%2098.0542%205.91162L91.1847%2014.6547L91.184%2014.654Z'%20fill='%23833BFF'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_242_19217)'%3e%3cg%20filter='url(%23filter0_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='4.71406'%20rx='1.76582'%20ry='4.71406'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2081.4336%2010.3509)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter1_f_242_19217)'%3e%3cellipse%20cx='3.33398'%20cy='9.5701'%20rx='3.33398'%20ry='9.5701'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2070.2578%202.77432)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter2_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='9.7738'%20rx='1.76582'%20ry='9.7738'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2069.8926%203.87666)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter3_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='9.80964'%20rx='1.76582'%20ry='9.80964'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2071.3662%209.64707)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter4_f_242_19217)'%3e%3cellipse%20cx='1.76582'%20cy='9.80964'%20rx='1.76582'%20ry='9.80964'%20transform='matrix(0.00324134%200.999995%200.999995%20-0.00324134%2071.8574%2010.0154)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter5_f_242_19217)'%3e%3cellipse%20cx='4.51119'%20cy='7.07813'%20rx='4.51119'%20ry='7.07813'%20transform='matrix(0.0584509%20-0.99829%20-0.99829%20-0.0584509%20106.702%208.85934)'%20fill='%23EDE6FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter6_f_242_19217)'%3e%3cellipse%20cx='1.11256'%20cy='6.89299'%20rx='1.11256'%20ry='6.89299'%20transform='matrix(-0.0172986%20-0.99985%20-0.99985%200.0172986%20107.165%206.03793)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter7_f_242_19217)'%3e%3cellipse%20cx='1.11256'%20cy='6.89299'%20rx='1.11256'%20ry='6.89299'%20transform='matrix(-0.0172986%20-0.99985%20-0.99985%200.0172986%20107.165%206.03793)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter8_f_242_19217)'%3e%3cellipse%20cx='82.9899'%20cy='3.1234'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(39.5103%2082.9899%203.1234)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter9_f_242_19217)'%3e%3cellipse%20cx='98.1013'%20cy='-1.70575'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(37.8923%2098.1013%20-1.70575)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter10_f_242_19217)'%3e%3cellipse%20cx='95.9703'%20cy='3.39512'%20rx='2.65481'%20ry='4.00498'%20transform='rotate(37.8923%2095.9703%203.39512)'%20fill='%232BFDD2'/%3e%3c/g%3e%3cg%20filter='url(%23filter11_f_242_19217)'%3e%3cellipse%20cx='82.2635'%20cy='12.5361'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(37.8923%2082.2635%2012.5361)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter12_f_242_19217)'%3e%3cellipse%20cx='82.2635'%20cy='12.5361'%20rx='1.41274'%20ry='9.33166'%20transform='rotate(37.8923%2082.2635%2012.5361)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter13_f_242_19217)'%3e%3cellipse%20cx='94.2258'%20cy='9.78076'%20rx='1.50117'%20ry='9.33166'%20transform='rotate(37.8923%2094.2258%209.78076)'%20fill='%234E14FF'/%3e%3c/g%3e%3cg%20filter='url(%23filter14_f_242_19217)'%3e%3cellipse%20cx='95.6601'%20cy='10.8271'%20rx='2.57817'%20ry='6.75355'%20transform='rotate(37.8923%2095.6601%2010.8271)'%20fill='%232BFDD2'/%3e%3c/g%3e%3c/g%3e%3cpath%20d='M80.5307%202.28882e-05C77.5818%204.22102%2077.5645%2010.7638%2080.5307%2015H82.5231C79.5576%2010.7638%2079.5749%204.22102%2082.5231%202.28882e-05H80.5307Z'%20fill='%2308060D'/%3e%3cpath%20d='M100.542%202.28882e-05H98.5498C101.499%204.22102%20101.516%2010.7638%2098.5498%2015H100.542C103.508%2010.7638%20103.49%204.22102%20100.542%202.28882e-05Z'%20fill='%2308060D'/%3e%3cdefs%3e%3cfilter%20id='filter0_f_242_19217'%20x='76.5285'%20y='5.42453'%20width='19.2497'%20height='13.3537'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='2.45549'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter1_f_242_19217'%20x='65.3576'%20y='-2.16783'%20width='28.9626'%20height='16.4902'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='2.45549'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter2_f_242_19217'%20x='66.9518'%20y='0.898103'%20width='25.4401'%20height='9.42539'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter3_f_242_19217'%20x='68.4255'%20y='6.66839'%20width='25.5123'%20height='9.4254'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter4_f_242_19217'%20x='68.9167'%20y='7.03671'%20width='25.5123'%20height='9.4254'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter5_f_242_19217'%20x='87.9181'%20y='-5.49159'%20width='23.9636'%20height='18.8675'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='2.45549'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter6_f_242_19217'%20x='90.4157'%20y='0.979318'%20width='19.6764'%20height='8.1309'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter7_f_242_19217'%20x='90.4157'%20y='0.979318'%20width='19.6764'%20height='8.1309'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter8_f_242_19217'%20x='74.0065'%20y='-7.07931'%20width='17.9674'%20height='20.4054'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter9_f_242_19217'%20x='89.3151'%20y='-12.0682'%20width='17.5729'%20height='20.725'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter10_f_242_19217'%20x='89.7927'%20y='-3.10862'%20width='12.3551'%20height='13.0075'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter11_f_242_19217'%20x='73.4772'%20y='2.17364'%20width='17.5729'%20height='20.725'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter12_f_242_19217'%20x='73.4772'%20y='2.17364'%20width='17.5729'%20height='20.725'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter13_f_242_19217'%20x='85.4255'%20y='-0.588332'%20width='17.6002'%20height='20.7382'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3cfilter%20id='filter14_f_242_19217'%20x='88.0925'%20y='2.31917'%20width='15.1354'%20height='17.016'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='1.4733'%20result='effect1_foregroundBlur_242_19217'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e";
|
|
2
|
+
export {
|
|
3
|
+
e as default
|
|
4
|
+
};
|
package/dist/index4.js
CHANGED
|
@@ -1,160 +1,15 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
import j from "./index49.js";
|
|
12
|
-
const D = 1500, W = /* @__PURE__ */ w({
|
|
13
|
-
__name: "Terminal",
|
|
14
|
-
setup(L) {
|
|
15
|
-
const f = d("tab1"), v = d(!0);
|
|
16
|
-
let o = null;
|
|
17
|
-
const b = d(null), s = d(!1);
|
|
18
|
-
let m = null;
|
|
19
|
-
const c = ["tab1", "tab2", "tab3", "tab4", "tab5", "tab6"], T = () => {
|
|
20
|
-
const t = (c.indexOf(f.value) + 1) % c.length;
|
|
21
|
-
f.value = c[t];
|
|
22
|
-
}, l = () => {
|
|
23
|
-
v.value && (o && clearTimeout(o), o = setTimeout(() => {
|
|
24
|
-
T();
|
|
25
|
-
}, D));
|
|
26
|
-
}, g = () => {
|
|
27
|
-
v.value = !1, o && (clearTimeout(o), o = null);
|
|
28
|
-
};
|
|
29
|
-
return V(() => {
|
|
30
|
-
b.value && (m = new IntersectionObserver(
|
|
31
|
-
(p) => {
|
|
32
|
-
p.forEach((t) => {
|
|
33
|
-
t.isIntersecting && !s.value && (s.value = !0, m?.disconnect());
|
|
34
|
-
});
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
threshold: 0.2,
|
|
38
|
-
// Trigger when 20% of the element is visible
|
|
39
|
-
rootMargin: "0px"
|
|
40
|
-
}
|
|
41
|
-
), m.observe(b.value));
|
|
42
|
-
}), C(() => {
|
|
43
|
-
o && clearTimeout(o), m && m.disconnect();
|
|
44
|
-
}), (p, t) => (_(), k("section", {
|
|
45
|
-
ref_key: "sectionRef",
|
|
46
|
-
ref: b,
|
|
47
|
-
class: "wrapper border-t h-[40rem] bg-wine terminal-background flex justify-center pt-28 overflow-clip"
|
|
48
|
-
}, [
|
|
49
|
-
A("div", {
|
|
50
|
-
class: x([
|
|
51
|
-
"self-stretch px-4 sm:px-8 py-5 sm:py-7 relative bg-primary rounded-tl-lg rounded-tr-lg inline-flex flex-col justify-start items-start gap-2 overflow-hidden w-[62rem] outline-1 outline-offset-[3px] outline-white/30",
|
|
52
|
-
"transition-transform duration-1000",
|
|
53
|
-
s.value ? "translate-y-0" : "translate-y-24"
|
|
54
|
-
]),
|
|
55
|
-
style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
56
|
-
}, [
|
|
57
|
-
s.value ? (_(), E(a($), {
|
|
58
|
-
key: 0,
|
|
59
|
-
modelValue: f.value,
|
|
60
|
-
"onUpdate:modelValue": [
|
|
61
|
-
t[0] || (t[0] = (y) => f.value = y),
|
|
62
|
-
g
|
|
63
|
-
]
|
|
64
|
-
}, {
|
|
65
|
-
default: n(() => [
|
|
66
|
-
e(a(I), {
|
|
67
|
-
"aria-label": "features",
|
|
68
|
-
class: x([
|
|
69
|
-
"absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center p-1 rounded-md border border-white/10",
|
|
70
|
-
"transition-transform duration-700 delay-300",
|
|
71
|
-
s.value ? "translate-y-0" : "translate-y-12"
|
|
72
|
-
]),
|
|
73
|
-
style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
74
|
-
}, {
|
|
75
|
-
default: n(() => [
|
|
76
|
-
e(a(u), { value: "tab1" }, {
|
|
77
|
-
default: n(() => [...t[1] || (t[1] = [
|
|
78
|
-
r(" new ", -1)
|
|
79
|
-
])]),
|
|
80
|
-
_: 1
|
|
81
|
-
}),
|
|
82
|
-
e(a(u), { value: "tab2" }, {
|
|
83
|
-
default: n(() => [...t[2] || (t[2] = [
|
|
84
|
-
r(" dev ", -1)
|
|
85
|
-
])]),
|
|
86
|
-
_: 1
|
|
87
|
-
}),
|
|
88
|
-
e(a(u), { value: "tab3" }, {
|
|
89
|
-
default: n(() => [...t[3] || (t[3] = [
|
|
90
|
-
r(" lint ", -1)
|
|
91
|
-
])]),
|
|
92
|
-
_: 1
|
|
93
|
-
}),
|
|
94
|
-
e(a(u), { value: "tab4" }, {
|
|
95
|
-
default: n(() => [...t[4] || (t[4] = [
|
|
96
|
-
r(" fmt ", -1)
|
|
97
|
-
])]),
|
|
98
|
-
_: 1
|
|
99
|
-
}),
|
|
100
|
-
e(a(u), { value: "tab5" }, {
|
|
101
|
-
default: n(() => [...t[5] || (t[5] = [
|
|
102
|
-
r(" test ", -1)
|
|
103
|
-
])]),
|
|
104
|
-
_: 1
|
|
105
|
-
}),
|
|
106
|
-
e(a(u), { value: "tab6" }, {
|
|
107
|
-
default: n(() => [...t[6] || (t[6] = [
|
|
108
|
-
r(" build ", -1)
|
|
109
|
-
])]),
|
|
110
|
-
_: 1
|
|
111
|
-
})
|
|
112
|
-
]),
|
|
113
|
-
_: 1
|
|
114
|
-
}, 8, ["class"]),
|
|
115
|
-
e(a(i), { value: "tab1" }, {
|
|
116
|
-
default: n(() => [
|
|
117
|
-
e(z, { "on-animation-complete": l })
|
|
118
|
-
]),
|
|
119
|
-
_: 1
|
|
120
|
-
}),
|
|
121
|
-
e(a(i), { value: "tab2" }, {
|
|
122
|
-
default: n(() => [
|
|
123
|
-
e(B, { "on-animation-complete": l })
|
|
124
|
-
]),
|
|
125
|
-
_: 1
|
|
126
|
-
}),
|
|
127
|
-
e(a(i), { value: "tab3" }, {
|
|
128
|
-
default: n(() => [
|
|
129
|
-
e(O, { "on-animation-complete": l })
|
|
130
|
-
]),
|
|
131
|
-
_: 1
|
|
132
|
-
}),
|
|
133
|
-
e(a(i), { value: "tab4" }, {
|
|
134
|
-
default: n(() => [
|
|
135
|
-
e(R, { "on-animation-complete": l })
|
|
136
|
-
]),
|
|
137
|
-
_: 1
|
|
138
|
-
}),
|
|
139
|
-
e(a(i), { value: "tab5" }, {
|
|
140
|
-
default: n(() => [
|
|
141
|
-
e(U, { "on-animation-complete": l })
|
|
142
|
-
]),
|
|
143
|
-
_: 1
|
|
144
|
-
}),
|
|
145
|
-
e(a(i), { value: "tab6" }, {
|
|
146
|
-
default: n(() => [
|
|
147
|
-
e(j, { "on-animation-complete": l })
|
|
148
|
-
]),
|
|
149
|
-
_: 1
|
|
150
|
-
})
|
|
151
|
-
]),
|
|
152
|
-
_: 1
|
|
153
|
-
}, 8, ["modelValue"])) : N("", !0)
|
|
154
|
-
], 2)
|
|
155
|
-
], 512));
|
|
1
|
+
import { defineComponent as t, createElementBlock as o, openBlock as n, createElementVNode as r, toDisplayString as s } from "vue";
|
|
2
|
+
const c = { class: "wrapper wrapper--ticks border-t p-5 md:pl-10" }, p = { class: "text-nickel dark:text-white text-xs font-medium font-mono uppercase tracking-wide" }, m = /* @__PURE__ */ t({
|
|
3
|
+
__name: "Eyebrow",
|
|
4
|
+
props: {
|
|
5
|
+
title: {}
|
|
6
|
+
},
|
|
7
|
+
setup(e) {
|
|
8
|
+
return (a, i) => (n(), o("section", c, [
|
|
9
|
+
r("span", p, s(e.title), 1)
|
|
10
|
+
]));
|
|
156
11
|
}
|
|
157
12
|
});
|
|
158
13
|
export {
|
|
159
|
-
|
|
14
|
+
m as default
|
|
160
15
|
};
|