project-cards #5

Merged
christian merged 6 commits from project-cards into main 2024-05-19 21:35:50 +00:00
6 changed files with 11 additions and 11 deletions
Showing only changes of commit 7f935758e3 - Show all commits

View File

@ -10,9 +10,9 @@
const open = index === 0; const open = index === 0;
</script> </script>
<AccordionItem {...open ? { open: true } : {}}> <AccordionItem borderSharedClass="border-slate-400" {...open ? { open: true } : {}}>
<span slot="header" class="flex justify-between items-center w-full"> <span slot="header" class="flex justify-between items-center w-full">
<span>{@html title}</span> <h3>{@html title}</h3>
<p class="text-xs mr-2">{pubAgo}</p> <p class="text-xs mr-2">{pubAgo}</p>
</span> </span>
<div class="flex flex-col"> <div class="flex flex-col">

View File

@ -7,15 +7,15 @@
</script> </script>
<div class="flex justify-center gap-12 my-12"> <div class="flex justify-center gap-12 my-12">
<div> <div class="hover:scale-125">
<a href={url}> <a href={url}>
<GlobeOutline class="hover:text-slate-400 mx-auto" /> <GlobeOutline class="hover:scale-125 mx-auto" />
</a> </a>
<p>www</p> <p>www</p>
</div> </div>
<div> <div class="hover:scale-110">
<a href={repo}> <a href={repo}>
<GithubSolid class="hover:text-slate-400 mx-auto" /> <GithubSolid class="mx-auto" />
</a> </a>
<p>git</p> <p>git</p>
</div> </div>

View File

@ -6,7 +6,7 @@
<div class="my-4 dark:bg-slate-800 w-fit mx-auto rounded-2xl p-2"> <div class="my-4 dark:bg-slate-800 w-fit mx-auto rounded-2xl p-2">
<h3 class="text-xl mb-2">built with</h3> <h3 class="text-xl mb-2">built with</h3>
<div class="flex justify-center gap-6"> <div class="flex justify-center gap-6 flex-wrap">
{#each vendors as vendor} {#each vendors as vendor}
<VendorIcon {...vendor} /> <VendorIcon {...vendor} />
{/each} {/each}

View File

@ -5,7 +5,7 @@
</script> </script>
<a href={url}> <a href={url}>
<div class="flex flex-col justify-center"> <div class="flex flex-col justify-center hover:scale-110">
<img src={img} alt={name} class="max-h-12 max-w-12 self-center" /> <img src={img} alt={name} class="max-h-12 max-w-12 self-center" />
<p>{name}</p> <p>{name}</p>
</div> </div>

View File

@ -43,7 +43,7 @@ export const projects = [
}, },
{ {
category: 'nextjs', category: 'nextjs',
title: 'Scaffolding for next project.', title: 'Scaffolding the next project.',
url: 'https://titles-psi.vercel.app/', url: 'https://titles-psi.vercel.app/',
description: description:
'I am exploring different librarys for ui, auth, ORM etc. for my next project. This time it is deployed to vercel, but I am still using workflows.', 'I am exploring different librarys for ui, auth, ORM etc. for my next project. This time it is deployed to vercel, but I am still using workflows.',

View File

@ -62,7 +62,7 @@
{/if} {/if}
{/each} {/each}
</ul> </ul>
<hr class="nav-divider max-w-xl border-1 mx-auto border-gray-800 rounded dark:border-slate-400" /> <hr class="nav-divider max-w-xl border-1 mx-auto rounded border-slate-400" />
{#key selected} {#key selected}
<ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1"> <ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
{#each selected.subPages as subPage} {#each selected.subPages as subPage}
@ -72,7 +72,7 @@
{/each} {/each}
</ul> </ul>
{/key} {/key}
<div class="absolute top-6 right-6"> <div class="absolute top-2 md:top-6 right-2 md:right-6">
<DarkMode /> <DarkMode />
</div> </div>
</nav> </nav>