a/andyscott-dot-me
1
0
Fork 0
mirror of https://codeberg.org/andyscott-pages/andyscott-dot-me.git synced 2024-11-09 13:50:49 -05:00
Code Issues Projects Releases Packages Wiki Activity

improving card and project view

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/HorizontalCard.astro
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%]"> <div class="rounded-lg bg-base-100 hover:shadow-xl transition ease-in-out hover:scale-[102%]">
<a href={url} target="_blank"> <a href={url} target="_blank">
<div class="hero-content flex-col md:flex-row"> <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"> <div class="grow">
<h1 class="text-1xl font-bold"> <h1 class="text-1xl font-bold">
{title} {title}

2
src/components/SideBar.astro
View file

@ -2,7 +2,7 @@
<label for="my-drawer" class="drawer-overlay bg-base-200"></label> <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="menu p-4 overflow-y-auto w-80 bg-base-200 text-base-content">
<div class="w-fit"> <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"> <div class="rounded-full">
<img src="/profile.jpg" /> <img src="/profile.jpg" />
</div> </div>

2
src/pages/index.astro
View file

@ -16,7 +16,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<div class="py-2"> <div class="py-2">
<text> <text>
I am a cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a 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>
</div> </div>

22
src/pages/projects.astro
View file

@ -32,7 +32,7 @@ import HorizontalCard from "../components/HorizontalCard.astro";
/> />
<div> <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> </div>
<HorizontalCard <HorizontalCard
@ -42,4 +42,24 @@ import HorizontalCard from "../components/HorizontalCard.astro";
url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb" url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
badge="FOSS" 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> </PageLayout>