80 lines
3.9 KiB
JavaScript
80 lines
3.9 KiB
JavaScript
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
|
|
};
|