From 6d3da9537200e4029d3c9e1b6140f601642f26da Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Tue, 12 Nov 2024 22:33:11 +0200
Subject: Backup

---
 src/pages/blogs/index.astro | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/pages/blogs/index.astro

(limited to 'src/pages/blogs')

diff --git a/src/pages/blogs/index.astro b/src/pages/blogs/index.astro
new file mode 100644
index 0000000..de5252a
--- /dev/null
+++ b/src/pages/blogs/index.astro
@@ -0,0 +1,39 @@
+---
+import Layout from "../../layouts/Layout.astro";
+import TerminalBorder from "../../components/TerminalBorder.astro";
+import BlogItem from "../../components/BlogItem.astro";
+import { getCollection } from "astro:content";
+
+const blogEntries = await getCollection("blogs");
+
+const blogs = [
+    {
+        title: "The search for the perfect ed25519 key pair",
+        description: `
+This is the description about this thing which shoud be very
+long and cause this to wrap so that I can see how about 3 lines
+of paragraph will look int this so now I am gonna continue
+yapping to make it even longer`.trimStart(),
+        date: "November 12th 2024",
+    },
+];
+---
+
+<Layout dir="blogs/">
+    <TerminalBorder header="Shell" margin="0.5rem 0 20px">
+        <p>ls ~/blogs {blogs.length}</p>
+    </TerminalBorder>
+    <div class="max-h-[18.5rem] overflow-y-auto">
+        {
+            blogs.map((blog) => (
+                <>
+                    <BlogItem
+                        title={blog.title}
+                        description={blog.description}
+                        date={blog.date}
+                    />
+                </>
+            ))
+        }
+    </div>
+</Layout>
-- 
cgit v1.3.1