bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-06-29 07:49:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: added project content

Browse source
This commit is contained in:
Bart van der Braak 2024-01-23 18:10:45 +01:00
parent 827d14a048
commit 1fa52b84c1
5 changed files with 88 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/lib/components/site/projects/projects-item.svelte
View file

@ -1,27 +1,23 @@
<script lang="ts">
import { Circle } from 'radix-icons-svelte';
import { Scale } from 'lucide-svelte';
import { Calendar, Scale } from 'lucide-svelte';
import * as Card from '$lib/components/ui/card';
import type { Project } from '$lib/content/projects';
import * as Avatar from '$lib/components/ui/avatar';
export let projectsItem: Project;
let { avatarImg, title, description, languages, license, year } = projectsItem;
let { logo, title, description, languages, license, year } = projectsItem;
</script>
<Card.Root class="hover:bg-muted/50">
<Card.Header class="grid grid-cols-[1fr_110px] items-start gap-4 space-y-0">
<Card.Header class="grid grid-cols-[1fr_72px] items-start gap-4 space-y-0">
<div class="space-y-1">
<Card.Title tag="h2">{title}</Card.Title>
<Card.Title tag="h2" class="mb-2">{title}</Card.Title>
<Card.Description>
{description}
</Card.Description>
</div>
<div class="justify-self-end">
<Avatar.Root>
<Avatar.Image src={avatarImg} alt={title} />
<Avatar.Fallback>NA</Avatar.Fallback>
</Avatar.Root>
<enhanced:img src={logo} class="rounded-sm" alt={`${title} logo`} />
</div>
</Card.Header>
<Card.Content>
@ -36,8 +32,8 @@
<Scale class="mr-1 h-3 w-3" />
{license}
</div>
<div>
Started in
<div class="flex items-center">
<Calendar class="mr-1 h-3 w-3" />
{year}
</div>
</div>