From 5f18abf234a80b45ed6d1fd935c2f60b2599b87f Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Wed, 13 Nov 2024 00:00:30 +0200
Subject: Finished /blogs yay

---
 src/components/BlogItem.astro       | 33 ++++++++++++++++++++++++---------
 src/components/Link.astro           |  6 +++---
 src/components/TerminalBorder.astro | 10 ++--------
 3 files changed, 29 insertions(+), 20 deletions(-)

(limited to 'src/components')

diff --git a/src/components/BlogItem.astro b/src/components/BlogItem.astro
index 5f6b0e5..1535621 100644
--- a/src/components/BlogItem.astro
+++ b/src/components/BlogItem.astro
@@ -5,18 +5,33 @@ interface Props {
     title: string;
     description: string;
     date: string;
+    href: string;
 }
 
-const { title, description, date } = Astro.props;
+const { title, description, date, href } = Astro.props;
 ---
 
-<TerminalBorder footer={date} margin="0 0 20px">
-    <span>
-        <h1 class="text-[130%] text-[var(--accent)]">
-            {title}
-        </h1>
-        <p class="text-[var(--secondary)]">
-            {description}
-        </p>
+<TerminalBorder footer={date} margin="0 0 20px;">
+    <span class="cursor-pointer group block w-full">
+        <a href={href} style="all: unset;">
+            <h1 class="text-[130%] text-[var(--accent)] group-hover:underline">
+                {title}
+            </h1>
+            <p class="text-[var(--secondary)]">
+                {description}
+            </p>
+        </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/Link.astro b/src/components/Link.astro
index 72a0e0a..e8396ec 100644
--- a/src/components/Link.astro
+++ b/src/components/Link.astro
@@ -1,12 +1,12 @@
 ---
 interface Props {
-  href: string;
-  newTab?: boolean;
+    href: string;
+    newTab?: boolean;
 }
 
 const { href, newTab = true } = Astro.props;
 ---
 
 <a href={href} {...newTab && { target: "_blank", rel: "noopener noreferrer" }}>
-  <slot />
+    <slot />
 </a>
diff --git a/src/components/TerminalBorder.astro b/src/components/TerminalBorder.astro
index 0d9a75d..a6af7dc 100644
--- a/src/components/TerminalBorder.astro
+++ b/src/components/TerminalBorder.astro
@@ -3,18 +3,12 @@ interface Props {
     header?: string;
     footer?: string;
     margin?: string;
-    class?: string;
 }
 
-const {
-    header = "",
-    footer = "",
-    margin = "-1px",
-    class: htmlClass,
-} = Astro.props;
+const { header = "", footer = "", margin = "-1px" } = Astro.props;
 ---
 
-<div class="section" style={`margin: ${margin};`} class={htmlClass}>
+<div class="section" style={`margin: ${margin};`}>
     <span class="tag-top">{header}</span>
     <span class="tag-bottom">{footer}</span>
     <slot />
-- 
cgit v1.3.1