re-implement fulldev Section and Card

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>