From baf899ad91de520f4440259df945de0abbcf7acc Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Tue, 12 Sep 2023 15:40:16 -0700 Subject: update homepage styling - New header design - Embed pinapelz.moe as iframe bottom --- src/pages/index.astro | 126 ++++++++++++++++++++++++++++---------------------- 1 file changed, 72 insertions(+), 54 deletions(-) (limited to 'src/pages') diff --git a/src/pages/index.astro b/src/pages/index.astro index 6d801e7..6c9c278 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,62 +1,80 @@ --- -import BaseHead from '../components/BaseHead.astro'; -import Header from '../components/Header.astro'; -import Footer from '../components/Footer.astro'; -import { SITE_TITLE, SITE_DESCRIPTION } from '../consts'; -import { getCollection } from 'astro:content'; -import FormattedDate from '../components/FormattedDate.astro'; -import ProjectGrid from '../components/ProjectGrid.astro' +import BaseHead from "../components/BaseHead.astro"; +import Header from "../components/Header.astro"; +import Footer from "../components/Footer.astro"; +import { SITE_TITLE, SITE_DESCRIPTION } from "../consts"; +import { getCollection } from "astro:content"; +import FormattedDate from "../components/FormattedDate.astro"; +import ProjectGrid from "../components/ProjectGrid.astro"; -const posts = (await getCollection('blog')).sort( - (a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf() +const posts = (await getCollection("blog")).sort( + (a, b) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf() ); --- - - - - -
- -
- -

Recent Posts

-
-
    - { - posts.slice(-3).map((post) => ( -
  • - - {post.data.title} -
    • - )).reverse() - } -
-
-

👋 Greetings, Adventurer!

-

- Welcome to my site/blog! This place will serve as a corner where I can document the progress and process with some of things I've experimented with or made. - I guess its like programming documentation, but uhh more of a mess? -

-

I did a thing..

-

Here are some of the things I've done/experimented with and found pretty cool! (you can also find more here - -

-