summaryrefslogtreecommitdiff
path: root/src/components/Project.astro
blob: c39a6bfe5519e77ee4e93dc95edf6b7c69c9123f (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
---
import TerminalBorder from "../components/TerminalBorder.astro";
import Link from "../components/Link.astro";

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

const { title, description, href } = 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-2"><slot /></span>
        </span>
    </TerminalBorder>
    <TerminalBorder header="Shell">
        <Link href={href}>cd ~/projects/{title}</Link>
    </TerminalBorder>
</div>