a/andyscott-dot-me
1
0
Fork 0
mirror of https://codeberg.org/andyscott-pages/andyscott-dot-me.git synced 2024-11-08 13:20:49 -05: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">
@ -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>

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" />
<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 />

6
src/pages/index.astro
View file

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