This commit is contained in:
Fabio 2025-03-27 22:30:15 +01:00
parent 9d376802fc
commit 50684c45b1
5 changed files with 11 additions and 24 deletions

View File

@ -21,7 +21,7 @@ export const options = {
app: ({ head, body, assets, nonce, env }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\t\t" + head + "\n\t</head>\n\t<body data-sveltekit-preload-data=\"hover\" class=\"bg-cover\" style=\"background-image: url('https://i.imgur.com/JOEUn40.png')\">\n\t\t<div>" + body + "</div>\n\t</body>\n</html>\n",
error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
},
version_hash: "12pkw8k"
version_hash: "2jh12r"
};
export async function get_hooks() {

View File

@ -10,4 +10,5 @@
<div class={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">{title}</h3>
<p class="text-sm leading-5">{desc}</p>
</div>
</div>

View File

@ -6,12 +6,11 @@
export let title = "";
export let desc = "";
export let image;
export let link = "#";
export let link = "";
</script>
<a href="{base}/{link}">
<div class="rounded-3xl shadow-3xl relative overflow-hidden group card">
<div class="rounded-3xl shadow-3xl relative overflow-hidden group card border-[1px]">
<img
src={image}
placeholder="blur"

View File

@ -11,19 +11,12 @@
<BlurFade delay={0.20}>
<div class="w-full flex justify-center items-center px-4">
<div class="siatka grid gap-8 w-full max-w-[800px]">
<!--<NexoCard />-->
<ProjectCard
title="Nexo"
desc="A platform for students to find and share notes, summaries, and other study materials."
desc="My own personal bot for Discord, written in Python using the discord.py library."
image="/src/lib/img/nexo_mockup.png"
link="nexo_project"
/>
<ProjectCard
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."
image="/src/lib/img/sbau_mockup.png"
link="sbau_project"
/>
<ProjectCard
title="Strayvoid"
desc="This is my first ever game. 2d pixelart platformer. Learning godot and generally game-dev. Maybe when i finish it it will be on steam but only maybe."

View File

@ -16,7 +16,7 @@
<h1 class="text-4xl mb-12 text-center">Skills or technologies I'm familiar with:</h1>
</BlurFade>
<BlurFade delay={0.10 * 2}>
<div class="gapphone grid grid-cols-4 gap-4">
<div class="gapphone grid grid-cols-4 gap-4 container">
<a href="https://svelte.dev" target="_blank">
<MagicCard
class="cursor-pointer shadow-2xl whitespace-nowrap group hover:border-[#ff770094] transition-all duration-300"
@ -125,14 +125,8 @@
gap: 0.5rem;
}
}
/* a {
filter: grayscale(100%);
transition: all 0.2s;
}
a:hover {
filter: grayscale(0%);
}
*/
/*.container:hover> :not(:hover) {
filter: blur(5px);
opacity: 0.5;
}*/
</style>