troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

display article description after title (#4)

Browse source 
inspired by https://p.atrick.org
This commit is contained in:
Troy 2024-12-26 22:45:38 +00:00 • committed by GitHub
parent 3aa7ca486b
commit a886bfaa5a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 149 additions and 133 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/pages/projects/index.astro
View file

@ -1,11 +1,21 @@
---
import { getCollection } from "astro:content";
import { PROJECTS } from "@consts";
import ShowcasePage from "@components/ShowcasePage.astro";
import { PROJECTS, SITE } from "@consts";
import Layout from "@layouts/Layout.astro";
import ShowcaseProject from "@components/ShowcaseProject.astro";
const projects = (await getCollection("projects"))
.filter((project) => !project.data.draft)
.sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());
---
<ShowcasePage content={projects} CONSTS={PROJECTS} />
<Layout title={SITE.TITLE} description={PROJECTS.DESCRIPTION}>
<h1 class="animate-reveal break-words text-4xl font-semibold opacity-0">
{PROJECTS.TITLE}
</h1>
<ol
class="mt-16 grid animate-reveal grid-cols-1 gap-6 opacity-0 [animation-delay:0.1s] md:grid-cols-3 md:[&>*:nth-child(4n+2)]:col-span-2 md:[&>*:nth-child(4n+3)]:col-span-2 md:[&>*:only-child]:col-span-3"
>
{projects.map((article: any) => <ShowcaseProject collection={article} />)}
</ol>
</Layout>