improving index page

This commit is contained in:
Manuel Ernesto Garcia 2022-09-25 22:40:31 -04:00
parent db33127686
commit e601bd786d
3 changed files with 25 additions and 8 deletions

View file

@ -73,7 +73,7 @@
</svg> </svg>
</a> </a>
<a href="https://twitter.com/manuelernestog" target="_blank" class="mx-3"> <a href="/rss.xml" target="_blank" class="mx-3">
<svg <svg
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
width="24" width="24"

View file

@ -2,4 +2,4 @@
// You can import this data from anywhere in your site by using the `import` keyword. // You can import this data from anywhere in your site by using the `import` keyword.
export const SITE_TITLE = 'Manuel Ernesto Garcia'; export const SITE_TITLE = 'Manuel Ernesto Garcia';
export const SITE_DESCRIPTION = 'Welcome to my website!'; export const SITE_DESCRIPTION = 'Software Engineer from Cuba and Entrepreneur. Working in create software that solve problems in a simple way and sharing what I learn along the way.';

View file

@ -2,22 +2,26 @@
import PageLayout from "../layouts/Page.astro"; import PageLayout from "../layouts/Page.astro";
import HorizontalCard from "../components/HorizontalCard.astro"; import HorizontalCard from "../components/HorizontalCard.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from "../config"; const posts = (await Astro.glob("./blog/*.{md,mdx}")).sort(
(a, b) => new Date(b.frontmatter.pubDate).valueOf() - new Date(a.frontmatter.pubDate).valueOf()
);
const last_posts = posts.slice(0, 3);
--- ---
<PageLayout> <PageLayout>
<div class="pb-10">
<div class="pb-12 mt-5"> <div class="pb-12 mt-5">
<div class="text-xl py-1">Hey there 👋</div> <div class="text-xl py-1">Hey there 👋</div>
<div class="text-5xl font-bold">I'm Manuel Ernesto</div> <div class="text-5xl font-bold">I'm Manuel Ernesto</div>
<div class="text-3xl py-3 font-bold">Software Engineer and Entrepreneur</div> <div class="text-3xl py-3 font-bold">Software Engineer and Entrepreneur</div>
<div class="py-2"> <div class="py-2">
<text class="text-lg"> <text class="text-lg">
I work creating software solutions that solve problems in a simple way and sharing what I learn along the way. I I work creating software that solve problems in a simple way and sharing what I learn along the way. I like
like minimalism, Open-Source and good music. You can find me mostly on Twitter.</text minimalism, Open-Source and good music. You can find me mostly on Twitter.</text
> >
</div> </div>
<div class=" mt-8"> <div class="mt-8">
<a class="btn" href="https://twitter.com/manuelernestog" target="_blank"> Let's connect!</a> <a class="btn" href="https://twitter.com/manuelernestog" target="_blank"> Let's connect!</a>
<a href="mailto:contact.manuelernestog@gmail.com" class="btn btn-outline ml-5"> Contact</a> <a href="mailto:contact.manuelernestog@gmail.com" class="btn btn-outline ml-5"> Contact</a>
</div> </div>
@ -53,5 +57,18 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<div> <div>
<div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div> <div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
</div> </div>
</div>
{
last_posts.map((post) => (
<HorizontalCard
title={post.frontmatter.title}
img={post.frontmatter.heroImage}
desc={post.frontmatter.description}
url={post.url}
target="_self"
/>
<div class="divider my-0"></div>
))
}
</PageLayout> </PageLayout>