From 5355ff8fd07b76e53bc0135005cacd75c8712e19 Mon Sep 17 00:00:00 2001
From: Luc <luc@lucemans.nl>
Date: Wed, 4 Sep 2024 03:54:53 +0000
Subject: [PATCH] Upgrade homepage

---
 app/public/index.css | 16 ++++++++--------
 app/src/Home.tsx     |  3 ++-
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/public/index.css b/app/public/index.css
index 83b435f..82ce261 100644
--- a/app/public/index.css
+++ b/app/public/index.css
@@ -45,12 +45,13 @@ ul {
     padding: 0;
 }
 
-.ensip-list li a {
-}
+.ensip-list {
+    @apply space-y-4 pt-4;
 
-.ensip-list li[data-x='true'] {
-    a {
-        color: #de5999;
+    li[data-x='true'] {
+        a {
+            color: #de5999;
+        }
     }
 }
 
@@ -72,7 +73,7 @@ pre {
     overflow-x: auto;
     border: 1px solid #e1e4e8;
     border-radius: 8px;
-    
+
     max-width: 100%;
     overflow-x: auto;
 }
@@ -123,5 +124,4 @@ h1 {
     ul {
         @apply list-disc pl-6;
     }
-    
-}
\ No newline at end of file
+}
diff --git a/app/src/Home.tsx b/app/src/Home.tsx
index 4346056..fb498be 100644
--- a/app/src/Home.tsx
+++ b/app/src/Home.tsx
@@ -11,7 +11,7 @@ export const Home: FC<{ ensips: ENSIPData[] }> = ({ ensips }) => {
                 <Navbar />
                 <h1>ENSIPs</h1>
                 <ul className="ensip-list">
-                    {ensips.map(({ path, title }) => (
+                    {ensips.map(({ path, title, frontmatter }) => (
                         <li
                             key={path}
                             data-x={title.toLowerCase().startsWith('ensip-x')}
@@ -19,6 +19,7 @@ export const Home: FC<{ ensips: ENSIPData[] }> = ({ ensips }) => {
                             <a href={`/ensip/${path}`} className="link">
                                 {title}
                             </a>
+                            <div>{frontmatter.description}</div>
                         </li>
                     ))}
                 </ul>