@voidzero-dev/vitepress-theme 0.1.32 → 0.1.33

package/dist/index34.js

@@ -1,149 +1,297 @@
-import { defineComponent as I, ref as v, onMounted as M, onUnmounted as A, createElementBlock as o, openBlock as s, createElementVNode as e, Fragment as m, renderList as p, normalizeClass as _, toDisplayString as g, createCommentVNode as V } from "vue";
-import f from "./index76.js";
-import B from "./index77.js";
-import c from "./index78.js";
-import y from "./index64.js";
-import w from "./index65.js";
-import x from "./index66.js";
-import k from "./index67.js";
-const F = { class: "wrapper" }, L = { class: "bg-wine case-study-background" }, D = { class: "flex py-20" }, H = ["src", "alt"], P = { class: "text-white text-balance max-w-[20rem] pt-5" }, j = { class: "absolute bottom-0 left-0 right-0 flex gap-4 px-10 py-4 border-t border-slate items-center" }, z = ["href"], O = { class: "project-icon" }, $ = ["src", "alt"], E = {
-  key: 0,
-  class: "text-grey text-xs font-mono uppercase tracking-wide"
-}, N = { class: "embla-thumbs bg-primary" }, X = { class: "embla-thumbs__wrapper" }, U = { class: "embla-thumbs__container" }, q = ["onClick"], G = ["src", "alt"], oe = /* @__PURE__ */ I({
-  __name: "CaseStudySlider",
-  setup(J) {
-    const b = v([
+import { defineComponent as _, ref as h, onMounted as y, onUnmounted as k, createElementBlock as c, openBlock as d, createElementVNode as t, Fragment as j, renderList as V, normalizeClass as i, createTextVNode as C, toDisplayString as z, createVNode as m, createCommentVNode as x } from "vue";
+import u from "./index68.js";
+import I from "./index6.js";
+import A from "./index69.js";
+import E from "./index70.js";
+import R from "./index71.js";
+import T from "./index72.js";
+import S from "./index73.js";
+import N from "./index74.js";
+import O from "./index75.js";
+import J from "./index76.js";
+import P from "./index77.js";
+import B from "./index78.js";
+import X from "./index79.js";
+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__ */ _({
+  __name: "OpenSourceSectionProjects",
+  setup(xt) {
+    const l = h(0), r = h([]);
+    let p = null;
+    const s = [
       {
-        id: 1,
-        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
-        thumbnail: c,
-        projects: [
-          { name: "Vite", logo: y, url: "https://vite.dev/" },
-          { name: "Rolldown", logo: x, url: "https://rolldown.rs/" }
-        ]
+        id: "vite",
+        name: "Vite",
+        url: "https://vite.dev",
+        icon: A,
+        terminal: S,
+        animation: J
       },
       {
-        id: 2,
-        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
-        thumbnail: c,
-        projects: [
-          { name: "Vitest", logo: w, url: "https://vitest.dev/" },
-          { name: "Rolldown", logo: x, url: "https://rolldown.rs/" }
-        ]
+        id: "vitest",
+        name: "Vitest",
+        url: "https://vitest.dev",
+        icon: E,
+        terminal: N,
+        animation: P
       },
       {
-        id: 3,
-        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
-        thumbnail: c,
-        projects: [
-          { name: "Vite", logo: y, url: "https://vite.dev/" },
-          { name: "OXC", logo: k, url: "https://oxc.rs/" }
-        ]
+        id: "rolldown",
+        name: "Rolldown",
+        url: "https://rolldown.rs",
+        icon: R,
+        terminal: O,
+        animation: B
       },
       {
-        id: 4,
-        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
-        thumbnail: c,
-        projects: [
-          { name: "Vitest", logo: w, url: "https://vitest.dev/" },
-          { name: "OXC", logo: k, url: "https://oxc.rs/" }
-        ]
+        id: "oxc",
+        name: "OXC",
+        url: "https://oxc.rs",
+        icon: T,
+        terminal: null,
+        // OXC uses Rive animation instead
+        animation: X
       }
-    ]), i = v(0), [C, t] = f(
-      { loop: !0 },
-      [B()]
-    ), [R, d] = f({
-      containScroll: "keepSnaps",
-      dragFree: !0
-    }), S = (h) => {
-      t.value && t.value.scrollTo(h);
-    }, r = () => {
-      !t.value || !d.value || (i.value = t.value.selectedScrollSnap(), d.value.scrollTo(t.value.selectedScrollSnap()));
+    ], w = (n) => {
+      const e = r.value[n];
+      e && e.scrollIntoView({ behavior: "smooth", block: "center" });
     };
-    return M(() => {
-      !t.value || !d.value || (r(), t.value.on("select", r), t.value.on("reInit", r));
-    }), A(() => {
-      t.value && (t.value.off("select", r), t.value.off("reInit", r));
-    }), (h, u) => (s(), o("section", F, [
-      e("div", L, [
-        e("div", {
-          class: "overflow-hidden",
-          ref_key: "emblaMainRef",
-          ref: C
-        }, [
-          e("div", D, [
-            (s(!0), o(m, null, p(b.value, (l, n) => (s(), o("div", {
-              key: l.id,
-              class: _(["embla__slide p-10 w-[55rem] rounded-lg relative", n === i.value ? "bg-primary" : "bg-primary/75"])
+    return y(() => {
+      p = new IntersectionObserver(
+        () => {
+          const n = window.innerHeight / 2;
+          let e = 0, o = 1 / 0;
+          r.value.forEach((a, v) => {
+            if (!a) return;
+            const f = a.getBoundingClientRect();
+            if (f.bottom < 0 || f.top > window.innerHeight) return;
+            const g = f.top + f.height / 2, b = Math.abs(g - n);
+            b < o && (o = b, e = v);
+          }), l.value = e;
+        },
+        { threshold: [0, 0.1, 0.5, 1] }
+      ), r.value.forEach((n) => {
+        n && p?.observe(n);
+      });
+    }), k(() => {
+      p?.disconnect();
+    }), (n, e) => (d(), c("section", $, [
+      t("div", D, [
+        t("ul", H, [
+          (d(), c(j, null, V(s, (o, a) => t("li", {
+            key: o.id,
+            class: i(["transition-all duration-500 ease-out", l.value === a ? "" : "opacity-40 grayscale"])
+          }, [
+            t("button", {
+              type: "button",
+              class: "flex gap-4 text-base cursor-pointer bg-transparent border-none p-0",
+              onClick: (v) => w(a)
             }, [
-              e("div", {
-                class: _(["embla__slide__content", { "embla__slide__content--active": n === i.value }])
+              t("img", {
+                src: o.icon,
+                alt: o.name,
+                class: "size-6"
+              }, null, 8, F),
+              C(" " + z(o.name), 1)
+            ], 8, M)
+          ], 2)), 64))
+        ])
+      ]),
+      t("div", L, [
+        t("div", {
+          class: "grid md:grid-cols-2 w-full",
+          ref: (o) => r.value[0] = o,
+          "data-project": "0"
+        }, [
+          t("div", U, [
+            t("div", q, [
+              e[0] || (e[0] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Vite", -1)),
+              e[1] || (e[1] = t("h4", { class: "text-white text-pretty" }, "The build tool for the web", -1)),
+              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)),
+              t("a", {
+                href: s[0].url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "button button--sm inline-block w-fit mt-5"
+              }, "Explore Vite", 8, G)
+            ]),
+            m(u, {
+              href: "https://github.com/vitejs/vite",
+              stars: "75.0k",
+              contributors: "1,161"
+            })
+          ]),
+          t("div", K, [
+            t("div", Q, [
+              t("div", {
+                class: i([
+                  "absolute inset-0 bg-vite transition-opacity duration-700 ease-out",
+                  l.value === 0 ? "opacity-100" : "opacity-0"
+                ])
+              }, null, 2),
+              t("div", {
+                class: i([
+                  "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",
+                  l.value === 0 ? "translate-x-0" : "translate-x-10"
+                ])
               }, [
-                e("img", {
-                  src: l.thumbnail,
-                  alt: l.title,
-                  class: "absolute top-10 right-10 h-5"
-                }, null, 8, H),
-                u[1] || (u[1] = e("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Case Study", -1)),
-                e("h5", P, g(l.title), 1),
-                e("div", j, [
-                  u[0] || (u[0] = e("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "OSS", -1)),
-                  (s(!0), o(m, null, p(l.projects, (a, T) => (s(), o(m, {
-                    key: a.name
-                  }, [
-                    e("a", {
-                      href: a.url,
-                      target: "_blank"
-                    }, [
-                      e("figure", O, [
-                        e("img", {
-                          loading: "lazy",
-                          class: "size-5",
-                          src: a.logo,
-                          alt: a.name
-                        }, null, 8, $),
-                        e("figcaption", null, g(a.name), 1)
-                      ])
-                    ], 8, z),
-                    T < l.projects.length - 1 ? (s(), o("span", E, "//")) : V("", !0)
-                  ], 64))), 128))
+                s[0].terminal ? (d(), c("img", {
+                  key: 0,
+                  loading: "lazy",
+                  src: s[0].terminal,
+                  alt: "terminal"
+                }, null, 8, W)) : x("", !0)
+              ], 2)
+            ])
+          ])
+        ], 512),
+        t("div", {
+          class: "grid md:grid-cols-2 w-full border-t border-nickel",
+          ref: (o) => r.value[1] = o,
+          "data-project": "1"
+        }, [
+          t("div", Y, [
+            t("div", Z, [
+              e[3] || (e[3] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Vitest", -1)),
+              e[4] || (e[4] = t("h4", { class: "text-white text-pretty" }, "Next-generation test runner", -1)),
+              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)),
+              t("a", {
+                href: s[1].url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "button button--sm inline-block w-fit mt-5"
+              }, "Explore Vitest", 8, tt)
+            ]),
+            m(u, {
+              href: "https://github.com/vitest-dev/vitest",
+              stars: "14.9k",
+              contributors: "631"
+            })
+          ]),
+          t("div", et, [
+            t("div", ot, [
+              t("div", {
+                class: i([
+                  "absolute inset-0 bg-vitest transition-opacity duration-700 ease-out",
+                  l.value === 1 ? "opacity-100" : "opacity-0"
+                ])
+              }, null, 2),
+              t("div", {
+                class: i([
+                  "block p-2 relative bg-slate rounded-tl outline-1 outline-offset-[2px] outline-white/20 transition-transform duration-700 ease-out z-10",
+                  l.value === 1 ? "translate-x-0" : "translate-x-10"
                 ])
+              }, [
+                s[1].terminal ? (d(), c("img", {
+                  key: 0,
+                  loading: "lazy",
+                  src: s[1].terminal,
+                  alt: "terminal"
+                }, null, 8, st)) : x("", !0)
               ], 2)
-            ], 2))), 128))
+            ])
           ])
-        ], 512)
-      ]),
-      e("div", N, [
-        e("div", X, [
-          e("div", {
-            class: "overflow-hidden",
-            ref_key: "emblaThumbRef",
-            ref: R
-          }, [
-            e("div", U, [
-              (s(!0), o(m, null, p(b.value, (l, n) => (s(), o("div", {
-                key: `thumb-${l.id}`,
-                class: _(["embla-thumbs__slide", { "embla-thumbs__slide--selected": n === i.value }])
+        ], 512),
+        t("div", {
+          class: "grid md:grid-cols-2 w-full border-t border-nickel",
+          ref: (o) => r.value[2] = o,
+          "data-project": "2"
+        }, [
+          t("div", lt, [
+            t("div", it, [
+              e[6] || (e[6] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Rolldown", -1)),
+              e[7] || (e[7] = t("h4", { class: "text-white text-pretty" }, "The fastest JavaScript bundler", -1)),
+              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)),
+              t("a", {
+                href: s[2].url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "button button--sm inline-block w-fit mt-5"
+              }, "Explore Rolldown", 8, rt)
+            ]),
+            m(u, {
+              href: "https://github.com/rolldown/rolldown",
+              stars: "12.2k",
+              contributors: "148"
+            })
+          ]),
+          t("div", nt, [
+            t("div", at, [
+              t("div", {
+                class: i([
+                  "absolute inset-0 bg-rolldown transition-opacity duration-700 ease-out",
+                  l.value === 2 ? "opacity-100" : "opacity-0"
+                ])
+              }, null, 2),
+              t("div", {
+                class: i([
+                  "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",
+                  l.value === 2 ? "translate-x-0" : "translate-x-10"
+                ])
               }, [
-                e("button", {
-                  type: "button",
-                  class: "embla-thumbs__slide__button",
-                  onClick: (a) => S(n)
-                }, [
-                  e("img", {
-                    src: l.thumbnail,
-                    alt: `Slide ${n + 1}`,
-                    class: "embla-thumbs__slide__img"
-                  }, null, 8, G)
-                ], 8, q)
-              ], 2))), 128))
+                s[2].terminal ? (d(), c("img", {
+                  key: 0,
+                  loading: "lazy",
+                  src: s[2].terminal,
+                  alt: "terminal"
+                }, null, 8, ct)) : x("", !0)
+              ], 2)
             ])
-          ], 512)
-        ])
+          ])
+        ], 512),
+        t("div", {
+          class: "grid md:grid-cols-2 w-full border-t border-nickel",
+          ref: (o) => r.value[3] = o,
+          "data-project": "3"
+        }, [
+          t("div", dt, [
+            t("div", mt, [
+              e[9] || (e[9] = t("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "OXC", -1)),
+              e[10] || (e[10] = t("h4", { class: "text-white text-pretty" }, "The fastest JavaScript language toolchain", -1)),
+              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)),
+              t("a", {
+                href: s[3].url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "button button--sm inline-block w-fit mt-5"
+              }, "Explore OXC", 8, ft)
+            ]),
+            m(u, {
+              href: "https://github.com/oxc-project/oxc",
+              stars: "17.2k",
+              contributors: "268"
+            })
+          ]),
+          t("div", ut, [
+            t("div", pt, [
+              t("div", {
+                class: i([
+                  "absolute inset-0 bg-oxc transition-opacity duration-700 ease-out",
+                  l.value === 3 ? "opacity-100" : "opacity-0"
+                ])
+              }, null, 2),
+              t("div", {
+                class: i([
+                  "relative transition-transform duration-700 ease-out z-10",
+                  l.value === 3 ? "translate-x-0" : "translate-x-10"
+                ])
+              }, [
+                m(I, {
+                  "desktop-src": s[3].animation,
+                  "mobile-src": s[3].animation,
+                  "desktop-width": 480,
+                  "desktop-height": 480,
+                  "mobile-width": 480,
+                  "mobile-height": 480,
+                  "canvas-class": "w-full"
+                }, null, 8, ["desktop-src", "mobile-src"])
+              ], 2)
+            ])
+          ])
+        ], 512)
       ])
     ]));
   }
 });
 export {
-  oe as default
+  Et as default
 };

package/dist/index36.js

@@ -1,20 +1,149 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import r from "./index27.js";
-const n = {}, s = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "aria-hidden": "true",
-  focusable: "false",
-  viewBox: "0 0 24 24"
-};
-function l(f, c) {
-  return t(), e("svg", s, [...c[0] || (c[0] = [
-    o("path", {
-      fill: "currentColor",
-      d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
-    }, null, -1)
-  ])]);
-}
-const d = /* @__PURE__ */ r(n, [["render", l]]);
+import { defineComponent as I, ref as v, onMounted as M, onUnmounted as A, createElementBlock as o, openBlock as s, createElementVNode as e, Fragment as m, renderList as p, normalizeClass as _, toDisplayString as g, createCommentVNode as V } from "vue";
+import f from "./index80.js";
+import B from "./index81.js";
+import c from "./index82.js";
+import y from "./index69.js";
+import w from "./index70.js";
+import x from "./index71.js";
+import k from "./index72.js";
+const F = { class: "wrapper" }, L = { class: "bg-wine case-study-background" }, D = { class: "flex py-20" }, H = ["src", "alt"], P = { class: "text-white text-balance max-w-[20rem] pt-5" }, j = { class: "absolute bottom-0 left-0 right-0 flex gap-4 px-10 py-4 border-t border-slate items-center" }, z = ["href"], O = { class: "project-icon" }, $ = ["src", "alt"], E = {
+  key: 0,
+  class: "text-grey text-xs font-mono uppercase tracking-wide"
+}, N = { class: "embla-thumbs bg-primary" }, X = { class: "embla-thumbs__wrapper" }, U = { class: "embla-thumbs__container" }, q = ["onClick"], G = ["src", "alt"], oe = /* @__PURE__ */ I({
+  __name: "CaseStudySlider",
+  setup(J) {
+    const b = v([
+      {
+        id: 1,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vite", logo: y, url: "https://vite.dev/" },
+          { name: "Rolldown", logo: x, url: "https://rolldown.rs/" }
+        ]
+      },
+      {
+        id: 2,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vitest", logo: w, url: "https://vitest.dev/" },
+          { name: "Rolldown", logo: x, url: "https://rolldown.rs/" }
+        ]
+      },
+      {
+        id: 3,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vite", logo: y, url: "https://vite.dev/" },
+          { name: "OXC", logo: k, url: "https://oxc.rs/" }
+        ]
+      },
+      {
+        id: 4,
+        title: "How PLAID Cut Build Times by 97% Migrating From Rollup To Rolldown",
+        thumbnail: c,
+        projects: [
+          { name: "Vitest", logo: w, url: "https://vitest.dev/" },
+          { name: "OXC", logo: k, url: "https://oxc.rs/" }
+        ]
+      }
+    ]), i = v(0), [C, t] = f(
+      { loop: !0 },
+      [B()]
+    ), [R, d] = f({
+      containScroll: "keepSnaps",
+      dragFree: !0
+    }), S = (h) => {
+      t.value && t.value.scrollTo(h);
+    }, r = () => {
+      !t.value || !d.value || (i.value = t.value.selectedScrollSnap(), d.value.scrollTo(t.value.selectedScrollSnap()));
+    };
+    return M(() => {
+      !t.value || !d.value || (r(), t.value.on("select", r), t.value.on("reInit", r));
+    }), A(() => {
+      t.value && (t.value.off("select", r), t.value.off("reInit", r));
+    }), (h, u) => (s(), o("section", F, [
+      e("div", L, [
+        e("div", {
+          class: "overflow-hidden",
+          ref_key: "emblaMainRef",
+          ref: C
+        }, [
+          e("div", D, [
+            (s(!0), o(m, null, p(b.value, (l, n) => (s(), o("div", {
+              key: l.id,
+              class: _(["embla__slide p-10 w-[55rem] rounded-lg relative", n === i.value ? "bg-primary" : "bg-primary/75"])
+            }, [
+              e("div", {
+                class: _(["embla__slide__content", { "embla__slide__content--active": n === i.value }])
+              }, [
+                e("img", {
+                  src: l.thumbnail,
+                  alt: l.title,
+                  class: "absolute top-10 right-10 h-5"
+                }, null, 8, H),
+                u[1] || (u[1] = e("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "Case Study", -1)),
+                e("h5", P, g(l.title), 1),
+                e("div", j, [
+                  u[0] || (u[0] = e("span", { class: "text-grey text-xs font-mono uppercase tracking-wide" }, "OSS", -1)),
+                  (s(!0), o(m, null, p(l.projects, (a, T) => (s(), o(m, {
+                    key: a.name
+                  }, [
+                    e("a", {
+                      href: a.url,
+                      target: "_blank"
+                    }, [
+                      e("figure", O, [
+                        e("img", {
+                          loading: "lazy",
+                          class: "size-5",
+                          src: a.logo,
+                          alt: a.name
+                        }, null, 8, $),
+                        e("figcaption", null, g(a.name), 1)
+                      ])
+                    ], 8, z),
+                    T < l.projects.length - 1 ? (s(), o("span", E, "//")) : V("", !0)
+                  ], 64))), 128))
+                ])
+              ], 2)
+            ], 2))), 128))
+          ])
+        ], 512)
+      ]),
+      e("div", N, [
+        e("div", X, [
+          e("div", {
+            class: "overflow-hidden",
+            ref_key: "emblaThumbRef",
+            ref: R
+          }, [
+            e("div", U, [
+              (s(!0), o(m, null, p(b.value, (l, n) => (s(), o("div", {
+                key: `thumb-${l.id}`,
+                class: _(["embla-thumbs__slide", { "embla-thumbs__slide--selected": n === i.value }])
+              }, [
+                e("button", {
+                  type: "button",
+                  class: "embla-thumbs__slide__button",
+                  onClick: (a) => S(n)
+                }, [
+                  e("img", {
+                    src: l.thumbnail,
+                    alt: `Slide ${n + 1}`,
+                    class: "embla-thumbs__slide__img"
+                  }, null, 8, G)
+                ], 8, q)
+              ], 2))), 128))
+            ])
+          ], 512)
+        ])
+      ])
+    ]));
+  }
+});
 export {
-  d as default
+  oe as default
 };