From 8878ea3828ac9bbe1d275e0a19076c0a21478fce Mon Sep 17 00:00:00 2001
From: Manuel Ernesto Garcia <merodriguez9112@gmail.com>
Date: Thu, 22 Sep 2022 12:45:55 -0400
Subject: [PATCH] improving card component

---
 src/components/Card.astro | 4 ++--
 src/layouts/Page.astro    | 2 +-
 src/pages/index.astro     | 6 ++++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index 138fe32..9e74bc1 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -1,5 +1,5 @@
 ---
-const { title, img, desc, url } = Astro.props;
+const { title, img, desc, url, badge } = Astro.props;
 ---
 
 <div class="md:w-1/3 w-full">
@@ -9,7 +9,7 @@ const { title, img, desc, url } = Astro.props;
       <div class="card-body">
         <h2 class="card-title">
           {title}
-          <div class="badge badge-secondary">NEW</div>
+          {badge && <div class="badge badge-secondary">{badge}</div>}
         </h2>
         <p>{desc}</p>
       </div>
diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro
index aea9aa9..5bfe379 100644
--- a/src/layouts/Page.astro
+++ b/src/layouts/Page.astro
@@ -17,7 +17,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
       <input id="my-drawer" type="checkbox" class="drawer-toggle" />
       <div class="drawer-content flex flex-col bg-base-100">
         <Header title={SITE_TITLE} />
-        <main class="p-6 pb-16 px-8 md:px-12">
+        <main class="p-6 px-8 md:px-12">
           <slot />
         </main>
         <Footer />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 17ef8ec..355dcf4 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -6,7 +6,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
 ---
 
 <PageLayout>
-  <div class="pb-8">
+  <div class="pb-10">
     <div class="py-4">
       <text class="text-2xl"> Hey there 👋</text>
     </div>
@@ -23,7 +23,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
   </div>
 
   <div>
-    <div class="text-3xl text-center w-full font-bold">My last projects {'</>'}</div>
+    <div class="text-4xl w-full font-bold">My last projects {"</>"}</div>
   </div>
 
   <div class="flex flex-wrap mb-5 mt-3">
@@ -32,6 +32,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
       img="https://weektodo.me/assets/images/weektodo-opengraph-1200x630.png"
       desc="Free minimalist weektly planner focused in privacy."
       url="https://weektodo.me/"
+      badge="NEW"
     />
     <Card
       title="Productiveness"
@@ -44,6 +45,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
       img="https://lh3.googleusercontent.com/NGt846Flv6wyBSlYzfJkFHAJ8mcG1pf4M-InYeZnp4VsIk6JKk8nZ2ZKskDlvHDAEYr_biSO8jtXIWI83OXD5RNXWg=w640-h400-e365-rj-sc0x00ffffff"
       desc="Disable Twitter vanity metrics, notifications and distractions."
       url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
+      badge="FOSS"
     />
   </div>
 </PageLayout>