First prototype of projects

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>