From acfa6270ae312990d54a2e3e34a40afc8105e1e9 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Wed, 13 Nov 2024 22:45:40 +0200
Subject: First prototype of projects

---
 src/components/BlogItem.astro | 12 ------------
 src/components/Project.astro  | 25 +++++++++++++++++++++++++
 2 files changed, 25 insertions(+), 12 deletions(-)
 create mode 100644 src/components/Project.astro

(limited to 'src/components')

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>
-- 
cgit v1.3.1