import "clsx";
import { a as attr, c as clsx, b as cn, B as BlurFade, N as Navigations } from "../../../chunks/navigations.js";
import { P as push, W as fallback, Z as bind_props, R as pop, _ as stringify, X as slot } from "../../../chunks/index.js";
import { e as escape_html } from "../../../chunks/escaping.js";
import { b as base } from "../../../chunks/paths.js";
function Nexo_body_card($$payload, $$props) {
  push();
  let className = fallback($$props["class"], "");
  let card = {
    title: "Nexo bot for Discord",
    desc: "My own personal bot for Discord, written in Python using the discord.py library."
  };
  $$payload.out += `<div${attr("class", clsx(cn("px-2 text-gray-100 sm:px-4 py-0 sm:pb-3 text-left", className)))}><h3 class="text-lg font-semibold tracking-tighter mt-3 mb-1">${escape_html(card.title)}</h3> <p class="text-sm leading-5">${escape_html(card.desc)}</p></div>`;
  bind_props($$props, { class: className });
  pop();
}
const nexo_mockup = "/_app/immutable/assets/nexo_mockup.BQrQL36w.png";
function Nexo_card($$payload, $$props) {
  $$payload.out += `<a${attr("href", `${stringify(base)}/nexo_project`)}><div class="rounded-3xl shadow-3xl relative overflow-hidden group card svelte-1ki4ixf"><img${attr("src", nexo_mockup)} placeholder="blur" alt="nexo_mockup" class="w-[25rem] object-cover object-center m-0"> <div class="absolute inset-0 from-stone-900/90 via-stone-900/60 to-stone-900/5 bg-gradient-to-t backdrop-blur-[2px] transition-all duration-300"></div> <!---->`;
  slot($$payload, $$props, "default", {}, () => {
    Nexo_body_card($$payload, {
      class: "absolute pb-0.5 px-4 md:pb-10 inset-x-0 bottom-2 flex flex-col justify-end size-full"
    });
  });
  $$payload.out += `<!----></div></a>`;
}
function Sbau_body_card($$payload, $$props) {
  push();
  let className = fallback($$props["class"], "");
  let card = {
    title: "Website for my uncle's business",
    desc: "A website for my uncle's business. It's purpose is to be like a business card, but on the internet."
  };
  $$payload.out += `<div${attr("class", clsx(cn("px-2 text-gray-100 sm:px-4 py-0 sm:pb-3 text-left", className)))}><h3 class="text-lg font-semibold tracking-tighter mt-3 mb-1">${escape_html(card.title)}</h3> <p class="text-sm leading-5">${escape_html(card.desc)}</p></div>`;
  bind_props($$props, { class: className });
  pop();
}
const sbau_mockup = "/_app/immutable/assets/sbau_mockup.LKdekisS.png";
function Sbau_card($$payload, $$props) {
  $$payload.out += `<div class="rounded-3xl shadow-3xl relative overflow-hidden group card svelte-1ki4ixf"><img${attr("src", sbau_mockup)} placeholder="blur" alt="sbau_mockup" class="w-[25rem] object-cover object-center m-0"> <div class="absolute inset-0 from-stone-900/90 via-stone-900/60 to-stone-900/5 bg-gradient-to-t backdrop-blur-[2px] transition-all duration-300"></div> <!---->`;
  slot($$payload, $$props, "default", {}, () => {
    Sbau_body_card($$payload, {
      class: "absolute pb-0.5 px-4 md:pb-10 inset-x-0 bottom-2 flex flex-col justify-end size-full"
    });
  });
  $$payload.out += `<!----></div>`;
}
function Projects($$payload) {
  $$payload.out += `<div class="h-screen flex flex-col items-center justify-center">`;
  BlurFade($$payload, {
    delay: 0.1,
    children: ($$payload2) => {
      $$payload2.out += `<h1 class="text-4xl mb-12 text-center">Projects I've worked on:</h1>`;
    },
    $$slots: { default: true }
  });
  $$payload.out += `<!----> `;
  BlurFade($$payload, {
    delay: 0.1 * 2,
    children: ($$payload2) => {
      $$payload2.out += `<div class="siatka grid gap-8 items-center justify-center svelte-zzsmm5">`;
      Nexo_card($$payload2, {});
      $$payload2.out += `<!----> `;
      Sbau_card($$payload2, {});
      $$payload2.out += `<!----></div>`;
    },
    $$slots: { default: true }
  });
  $$payload.out += `<!----></div>`;
}
function _page($$payload) {
  Projects($$payload);
  $$payload.out += `<!----> `;
  Navigations($$payload);
  $$payload.out += `<!---->`;
}
export {
  _page as default
};