From 5e13636094130b7cfa4ac564db78c6a9cc12cc0b Mon Sep 17 00:00:00 2001
From: Avraham Sakal <avraham@torahanytime.com>
Date: Tue, 14 Jan 2025 22:02:30 -0500
Subject: [PATCH] re-implement fulldev Section and Card

---
 src/pages/journal/index.astro | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/pages/journal/index.astro b/src/pages/journal/index.astro
index 013c270..8e27a77 100644
--- a/src/pages/journal/index.astro
+++ b/src/pages/journal/index.astro
@@ -1,8 +1,6 @@
 ---
 import { getCollection } from 'astro:content';
 import Layout from '../../layouts/Layout.astro';
-import Section from 'fulldev-ui/components/Section.astro';
-import Text from 'fulldev-ui/components/Text.astro';
 
 
 const journalEntries = await getCollection('journal-entries');
@@ -11,7 +9,16 @@ export const prerender = true;
 ---
 <Layout title="Journal Entries">
   <main>
-    <Section 
+    <div class="flex gap-4 flex-wrap">
+      {journalEntries.map((journalEntry)=>(
+        <div class="w-64 border-solid border-brand-3 border-width-1 rounded-2 px-2 py-1 bg-brand-12 opacity-80">
+          <p>{journalEntry.data.date.toISOString().substring(0,10)} <span class="border-solid border-brand-3 border-width-1 rounded-100 px-2 py-1">{journalEntry.data.category}</span></p>
+          <h3><a class="text-brand-3 decoration-none" href={`/journal/${journalEntry.slug}`}>{journalEntry.data.title}</a></h3>
+          <p>{journalEntry.data.description}</p>
+        </div>
+      ))}
+    </div>
+    <!-- <Section 
       title="Journal Entries"
       cards={journalEntries.map((journalEntry)=>({
           frame:"panel",
@@ -30,6 +37,6 @@ export const prerender = true;
       structure="grid"
       size="md"
     >
-    </Section>
+    </Section> -->
   </main>
 </Layout>
\ No newline at end of file