diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/BlogItem.astro | 12 | ||||
| -rw-r--r-- | src/components/Project.astro | 25 |
2 files changed, 25 insertions, 12 deletions
diff --git a/src/components/BlogItem.astro b/src/components/BlogItem.astro index 0f49f9c..1dd8999 100644 --- a/src/components/BlogItem.astro +++ b/src/components/BlogItem.astro @@ -41,15 +41,3 @@ const { title, description, date, href, header } = Astro.props; </a> </span> </TerminalBorder> - -<style> - .section:hover() { - position: relative; - padding: 10.8rem; - padding-top: 0.85rem; - display: flex; - border-style: solid; - border-width: 1px; - border-color: var(--alt); - } -</style> diff --git a/src/components/Project.astro b/src/components/Project.astro new file mode 100644 index 0000000..c39a6bf --- /dev/null +++ b/src/components/Project.astro @@ -0,0 +1,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> |