improving card and project view

This commit is contained in:
Manuel Ernesto Garcia 2022-09-23 14:29:22 -04:00
parent 55197a00b4
commit 8529099a2e
4 changed files with 24 additions and 4 deletions

View file

@ -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}

View file

@ -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>

View file

@ -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>

View file

@ -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>