Rotimi Bestandemmanuel
3ee7cf10e3
* chore: remove bin * fix: restore bin * change dist to bin * publish only dist folder * publish with src folder. * fix ci * merge steps in CI * update workflow * deploy with src * update to v9 * delete unused code * complete landing page * complete landing page * feat: webflow template (#518) * created a new branch for webflow from debug/course-app * added webflow and reverted neccessary changes * fixed commit issues * clean up posthog * clean up classic * clean up minimal * clean up posthog * clean up webflow * v0.0.10 * markdown lint * feat: add prep template (#522) * working on the ielts template * working on the ielts template * finished the ielts template --------- Co-authored-by: emmanuel <[email protected]> * clean up examprep * v0.0.11 --------- Co-authored-by: Em_Dev <[email protected]>
39 lines
1.0 KiB
Svelte
39 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import { Button } from '$lib/components/ui/button';
|
|
import ArrowUpRight from 'lucide-svelte/icons/arrow-up-right';
|
|
|
|
interface Props {
|
|
template: {
|
|
name: string;
|
|
image: string;
|
|
url: string;
|
|
github: string;
|
|
};
|
|
}
|
|
let { template }: Props = $props();
|
|
</script>
|
|
|
|
<div class="mb-5 w-full max-w-[340px]">
|
|
<Button
|
|
href={template.url}
|
|
variant="link"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="border-stroke-primary relative h-80 min-w-60 overflow-hidden rounded-md border border-solid p-0 transition-all duration-500"
|
|
>
|
|
<span
|
|
class="absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 transition-all duration-500 hover:opacity-80"
|
|
>
|
|
<ArrowUpRight class="h-14 w-14 text-white" />
|
|
</span>
|
|
<img
|
|
src={template.image}
|
|
class="h-full w-full rounded-lg object-contain hover:opacity-10"
|
|
alt={template.name}
|
|
/>
|
|
</Button>
|
|
<div>
|
|
<h3 class="text-md font-bold">{template.name}</h3>
|
|
</div>
|
|
</div>
|