pull/2/head
Midnight 3 years ago
parent 549f71b3b0
commit cbfb1a201f

@ -1,28 +1,19 @@
<script> <script>
export let buttonText = ""; export let buttonText = "";
export let buttonRedirect = null; export let buttonRedirect = "_blank";
export let buttonHref = null; export let buttonHref = null;
export let disabled = false;
let classes = "z-10 flex flex-col group relative"; let classes = "z-10 flex flex-col group relative";
if(disabled) {
classes += " opacity-50";
}
</script> </script>
<div class={classes}> <div class={classes}>
<span class="h-4 group-hover:-translate-y-1 bg-blue-600 rounded-t-xl duration-300"></span> <span class="h-4 group-hover:-translate-y-1 bg-blue-600 rounded-t-xl duration-300"></span>
{#if disabled}
<span class="mt-10 flex justify-center text-center items-center text-black dark:text-white font-bold text-2xl group-hover:-translate-y-1 duration-300 select-none">UNFINISHED PROJECT</span>
{/if}
<div class="flex-grow flex flex-col gap-2 w-full relative p-10 group-hover:-translate-y-1 duration-300 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-800 dark:to-gray-700"> <div class="flex-grow flex flex-col gap-2 w-full relative p-10 group-hover:-translate-y-1 duration-300 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-800 dark:to-gray-700">
<slot /> <slot />
</div> </div>
{#if buttonText != null && buttonHref != null && !disabled} {#if buttonText != null && buttonHref != null}
<a <a
href={buttonHref} href={buttonHref}
target={buttonRedirect} target={buttonRedirect}

@ -43,7 +43,6 @@
<Card <Card
buttonHref="https://puppypride.social" buttonHref="https://puppypride.social"
buttonText="🌐 Visit Puppy Pride" buttonText="🌐 Visit Puppy Pride"
disabled={true}
> >
<h3 <h3
class="text-xl font-bold inline-flex items-center gap-3" class="text-xl font-bold inline-flex items-center gap-3"
@ -69,7 +68,7 @@
sections, likes and followers, and much more. sections, likes and followers, and much more.
<br /><br /> <br /><br />
The project is nearing completion and will be released soon. The project is nearing completion and will be released soon.
You may find a beta release public at <a class="a" href="https://beta.puppypride.social">beta.puppypride.social</a>. You may find a beta release public at <a target="_blank" class="a" href="https://beta.puppypride.social">beta.puppypride.social</a>.
</p> </p>
</Card> </Card>
@ -141,7 +140,6 @@
<div class="grid grid-cols-1 lg:grid-cols-3 gap-10 justify-between"> <div class="grid grid-cols-1 lg:grid-cols-3 gap-10 justify-between">
<Card <Card
buttonHref="https://sivkyne.xyz" buttonHref="https://sivkyne.xyz"
buttonRedirect="_blank"
buttonText="🌐 Visit Website" buttonText="🌐 Visit Website"
> >
<h3 <h3
@ -163,7 +161,6 @@
<Card <Card
buttonHref="https://invesvpo.com" buttonHref="https://invesvpo.com"
buttonRedirect="_blank"
buttonText="🌐 Visit Website" buttonText="🌐 Visit Website"
> >
<h3 <h3
@ -205,7 +202,6 @@
<Card <Card
buttonHref="https://trickthefox.com/" buttonHref="https://trickthefox.com/"
buttonRedirect="_blank"
buttonText="🌐 Visit Website" buttonText="🌐 Visit Website"
> >
<h3 <h3

Loading…
Cancel
Save