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

improving card component

Browse source
This commit is contained in:
Manuel Ernesto Garcia 2022-09-22 12:45:55 -04:00
parent ab2b1f5273
commit 8878ea3828
3 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Card.astro
View file

@ -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"> <div class="md:w-1/3 w-full">
@ -9,7 +9,7 @@ const { title, img, desc, url } = Astro.props;
<div class="card-body"> <div class="card-body">
<h2 class="card-title"> <h2 class="card-title">
{title} {title}
<div class="badge badge-secondary">NEW</div> {badge && <div class="badge badge-secondary">{badge}</div>}
</h2> </h2>
<p>{desc}</p> <p>{desc}</p>
</div> </div>

2
src/layouts/Page.astro
View file

@ -17,7 +17,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<input id="my-drawer" type="checkbox" class="drawer-toggle" /> <input id="my-drawer" type="checkbox" class="drawer-toggle" />
<div class="drawer-content flex flex-col bg-base-100"> <div class="drawer-content flex flex-col bg-base-100">
<Header title={SITE_TITLE} /> <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 /> <slot />
</main> </main>
<Footer /> <Footer />

6
src/pages/index.astro
View file

@ -6,7 +6,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
--- ---
<PageLayout> <PageLayout>
<div class="pb-8"> <div class="pb-10">
<div class="py-4"> <div class="py-4">
<text class="text-2xl"> Hey there 👋</text> <text class="text-2xl"> Hey there 👋</text>
</div> </div>
@ -23,7 +23,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
</div> </div>
<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>
<div class="flex flex-wrap mb-5 mt-3"> <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" img="https://weektodo.me/assets/images/weektodo-opengraph-1200x630.png"
desc="Free minimalist weektly planner focused in privacy." desc="Free minimalist weektly planner focused in privacy."
url="https://weektodo.me/" url="https://weektodo.me/"
badge="NEW"
/> />
<Card <Card
title="Productiveness" 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" img="https://lh3.googleusercontent.com/NGt846Flv6wyBSlYzfJkFHAJ8mcG1pf4M-InYeZnp4VsIk6JKk8nZ2ZKskDlvHDAEYr_biSO8jtXIWI83OXD5RNXWg=w640-h400-e365-rj-sc0x00ffffff"
desc="Disable Twitter vanity metrics, notifications and distractions." desc="Disable Twitter vanity metrics, notifications and distractions."
url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb" url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
badge="FOSS"
/> />
</div> </div>
</PageLayout> </PageLayout>