alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

update cards style

Browse source
This commit is contained in:
Alexander Navarro 2023-08-27 12:54:35 -04:00
parent 525d4de3cd
commit 5bde1eb8d3
4 changed files with 164 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/pages/index.astro
View file

@ -1,9 +1,11 @@
---
import { getCollection } from 'astro:content';
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
import { Image } from 'astro:assets';
import portrait from '../assets/images/portrait.jpg';
const games = await getCollection('games', (_, idx) => idx < 3);
---
<Layout title="aleidk">
@ -32,9 +34,9 @@ import portrait from '../assets/images/portrait.jpg';
<Card>
<h3 slot="title">Portafolio</h3>
<ul>
<li><a href="">Entry 1</a></li>
<li><a href="">Entry 2</a></li>
<li><a href="">Entry 3</a></li>
<li><a href="">This is a project X</a></li>
<li><a href="">This is a project Y</a></li>
<li><a href="">This is a project Z</a></li>
</ul>
<div slot="footer" class="text-end">
<a href="">See more...</a>
@ -44,9 +46,17 @@ import portrait from '../assets/images/portrait.jpg';
<Card>
<h3 slot="title">Blog</h3>
<ul>
<li><a href="">Entry 1</a></li>
<li><a href="">Entry 2</a></li>
<li><a href="">Entry 3</a></li>
<li><a href="">How I do X thing because I wanted</a></li>
<li>
<a href=""
>The day I discover something marvelous and everything was better</a
>
</li>
<li>
<a href=""
>This is a clickbait title trying to make you enter this article</a
>
</li>
</ul>
<div slot="footer" class="text-end">
<a href="">See more...</a>
@ -56,9 +66,13 @@ import portrait from '../assets/images/portrait.jpg';
<Card>
<h3 slot="title">Games</h3>
<ul>
<li><a href="">Entry 1</a></li>
<li><a href="">Entry 2</a></li>
<li><a href="">Entry 3</a></li>
{
games.map((item) => (
<li>
<a href={`games/${item.slug}`}>{item.data.Title}</a>
</li>
))
}
</ul>
<div slot="footer" class="text-end">
<a href="">See more...</a>