summaryrefslogtreecommitdiff
path: root/src/components/Project.astro
blob: fb7d029bbb495ea003b81497b3241993357fad49 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
---
import TerminalBorder from "@components/TerminalBorder.astro";
import Link from "@components/Link.astro";

interface Props {
    title: string;
    description: string;
    href: string;
    cd?: string;
}

const { title, description, href, cd = "cd ~/projects/" } = Astro.props;
---

<div class="flex-column">
    <TerminalBorder>
        <span>
            <h1 class="inline-block text-[130%] text-[var(--accent)]">{title}</h1>
            <p class="inline-block text-[var(--secondary)]">{description}</p>
            <span class="block my-[0.625vw]"><slot /></span>
        </span>
    </TerminalBorder>
    <TerminalBorder header="Shell">
        <Link href={href}>{cd}{title}</Link>
    </TerminalBorder>
</div>