notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Resources page, ResourceBlock, schemas

Browse Source
This commit is contained in:
Antoine Phan
2025-07-25 16:28:23 -04:00
parent c67d68595f
commit 7e2b9d32aa
5 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Button.svelte
View File

@@ -1,5 +1,5 @@
<script lang="ts">
let { children, onclick } = $props();
let { children, onclick = null } = $props();
</script>
<button

23
src/components/ResourceCard.svelte
View File

@@ -1,17 +1,18 @@
<script>
import { slide } from 'svelte/transition';
import Button from './Button.svelte';
import Link from './Link.svelte';
let { title = '_Resource Title_', children = () => {}, link = "https://example.com"} = $props();
import Link from './Link.svelte';
let { title = '_Resource Title_', children, link = 'https://example.com' } = $props();
</script>
<div class="bg-ecsess-200 w-96 rounded-lg px-8 py-4">
<p class="text-ecsess-black text-xl font-semibold pb-2">
{title}
</p>
<div class="bg-ecsess-200 ring-6 ring-ecsess-600 hover:ring-ecsess-200/60 hover:shadow-3xl max-w-sm rounded-lg w-full transition-all" transition:slide>
<Link href={link}>
<div class="px-8 py-4">
<p class="text-ecsess-800 px-2 text-xl font-semibold lg:text-2xl">
{title}
</p>
<p class="text-ecsess-black text-base font-normal py-2">{@render children()}</p>
<Link href={link}>
<Button>Access</Button>
</Link>
<p class="text-ecsess-black pt-3 text-base font-normal lg:text-lg">{@render children()}</p>
</div>
</Link>
</div>