diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 63 |
1 files changed, 33 insertions, 30 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 9549a7c..c884146 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -6,7 +6,7 @@ import PageHead from '@/components/PageHead.astro' import { buttonVariants } from '@/components/ui/button' import { SITE } from '@/consts' import Layout from '@/layouts/Layout.astro' -import { getRecentPosts, getRecentEvents } from '@/lib/data-utils' +import { getRecentEvents, getRecentPosts } from '@/lib/data-utils' const blog = await getRecentPosts(SITE.featuredPostCount) const events = await getRecentEvents(SITE.featuredEventsCount) @@ -16,55 +16,58 @@ const events = await getRecentEvents(SITE.featuredEventsCount) <PageHead slot="head" title="Home" /> <section class="rounded-lg border"> <div class="flex flex-col space-y-1.5 p-6"> - <h3 class="text-3xl leading-none font-medium">er·u·dite</h3> - <p class="text-muted-foreground text-sm"> - /ˈer(y)əˌdīt/ • <span class="font-medium">adjective</span> + <h3 class="font-mono text-3xl leading-none font-medium"> + Software belongs to the people. + </h3> + <p class="text-muted-foreground mt-5"> + We are a community of hackers, builders, and privacy advocates dedicated + to Free and Open Source Software. </p> </div> </section> <section class="flex flex-col gap-y-4"> - <h2 class="text-2xl font-medium">Latest events</h2> + <h2 class="text-2xl font-medium">Events</h2> <ul class="flex flex-col gap-y-4"> { - events.map((event) => ( - <li> - <EventCard entry={event} /> - </li> - )) + events.map((event) => ( + <li> + <EventCard entry={event} /> + </li> + )) } </ul> <div class="flex justify-center"> <Link - href="/events" - class={buttonVariants({ variant: 'ghost' }) + ' group'} - > - See all posts <span - class="ml-1.5 transition-transform group-hover:translate-x-1" - >→</span - > + href="/events" + class={buttonVariants({ variant: 'ghost' }) + ' group'} + > + See all posts <span + class="ml-1.5 transition-transform group-hover:translate-x-1" + >→</span + > </Link> </div> </section> <section class="flex flex-col gap-y-4"> - <h2 class="text-2xl font-medium">Latest posts</h2> + <h2 class="text-2xl font-medium">Blog posts</h2> <ul class="flex flex-col gap-y-4"> { - blog.map((post) => ( - <li> - <BlogCard entry={post} /> - </li> - )) + blog.map((post) => ( + <li> + <BlogCard entry={post} /> + </li> + )) } </ul> <div class="flex justify-center"> <Link - href="/blog" - class={buttonVariants({ variant: 'ghost' }) + ' group'} - > - See all posts <span - class="ml-1.5 transition-transform group-hover:translate-x-1" - >→</span - > + href="/blog" + class={buttonVariants({ variant: 'ghost' }) + ' group'} + > + See all posts <span + class="ml-1.5 transition-transform group-hover:translate-x-1" + >→</span + > </Link> </div> </section> |