improving card and project view

src/components/HorizontalCard.astro

@@ -5,7 +5,7 @@ const { title, img, desc, url, badge, tags } = Astro.props;
 <div class="rounded-lg bg-base-100 hover:shadow-xl transition ease-in-out hover:scale-[102%]">
   <a href={url} target="_blank">
     <div class="hero-content flex-col md:flex-row">
-      <img src={img} class="max-w-full md:max-w-[12rem] rounded-lg" />
+      <img src={img} class="max-w-full md:max-w-[13rem] rounded-lg" />
       <div class="grow">
         <h1 class="text-1xl font-bold">
           {title}

src/components/SideBar.astro

@@ -2,7 +2,7 @@
   <label for="my-drawer" class="drawer-overlay bg-base-200"></label>
   <div class="menu p-4 overflow-y-auto w-80 bg-base-200 text-base-content">
     <div class="w-fit">
-      <div class="avatar transition ease-in-out w-1/2 hover:scale-110 block m-auto mt-3 mb-6">
+      <div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
         <div class="rounded-full">
           <img src="/profile.jpg" />
         </div>

src/pages/index.astro

@@ -16,7 +16,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
     <div class="py-2">
       <text>
         I am a cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a
-        simple way and sharing what I learn along the way. I like minimalism, Open-Source, good music and masareales.</text
+        simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music.</text
       >
     </div>
   </div>

src/pages/projects.astro

@@ -32,7 +32,7 @@ import HorizontalCard from "../components/HorizontalCard.astro";
   />
 
   <div>
-    <div class="text-3xl w-full font-bold mb-5 mt-10">Chrome Extensions</div>
+    <div class="text-3xl w-full font-bold mb-5 mt-10">Tools</div>
   </div>
 
   <HorizontalCard
@@ -42,4 +42,24 @@ import HorizontalCard from "../components/HorizontalCard.astro";
     url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
     badge="FOSS"
   />
+
+  <div>
+    <div class="text-3xl w-full font-bold mb-5 mt-10">Resources</div>
+  </div>
+
+  <HorizontalCard
+    title="Multi Steps Form Component for Bootstrap"
+    img="https://pbs.twimg.com/media/Fb-73tPXoAA67S5?format=jpg&name=medium"
+    desc="Easily create a multi-step form for bootstrap."
+    url="https://manuelernestog.github.io/bootstrap-multi-steps-component/"
+    badge="FOSS"
+  />
+  <div class="divider my-0"></div>
+  <HorizontalCard
+    title="Joplin Minimalist Light Theme"
+    img="https://github.com/manuelernestog/joplin-minimalist-light-theme/raw/main/docs/theme.png?raw=true"
+    desc="Minimalist Light theme for joplin"
+    url="https://github.com/manuelernestog/joplin-minimalist-light-theme"
+    badge="FOSS"
+  />
 </PageLayout>